Document

Dans le dossier Theme, créer un Dossier portant le nom du thème, un fichier index.php et un fichier style.css

Ajouter les commentaires dans la feuille de style pour que ce soit reconnu en tant que thème.

Dans le dossier du theme, créer un dossier nommé src avec 3 dossiers à l'intérieur (js/images/scss) et un dossier 'uploads' à la racine du theme

Dans le dossier du theme, taper :

install --save reset-css

Taper ensuite :

parcel build/src/scss/main.css

Parcel va créer un dossier 'dist' et des fichiers '.parcel-cache' et 'node_modules' à la racine du thème.

Créer un fichier '.gitignore' à la racine du thème :


    /.parcel-cache

    /dist

    /node_modules

Pour simplifier notre travail, on ajoute à composer.json le code suivant:


    // build-assets : le nom avec lequel on veut appeler la commande

    // suivi des actions à faire:

    // lancer le gestionnaire de dépendences
    // ici on n'aura plus a taper le chemin pour atteindre le theme afin de faire un parcel-build...


    ,

    "script": {

        "build-assets" : [ 

            "cd wp-content/themes/osailing && npm install"

            "cd wp-content/themes/osailing && parcel build src/scss/main.css" 

        ]

    },

Indiquer :


    link rel="stylesheet" href="* get_theme_file_uri(); */dist/main.css"

remplacer * par les balises php. A mettre dans index.php à la racine du theme.

Ajouter le code suivant pour permettre l'utilisation des images dans les articles dans un/le fichier 'function.php':


    add_theme_support('post-thumbnails');

Indiquer le code suivant pour permettre le téléchargement d'images dans le fichier composer.json:


    ,"upload-right": "sudo chown -R $USER:www-data wp-content/uploads"

Lien pour des images aleatoires :

https://picsum.photos/500/400?random=X

Mon sous-titre

Mon code de dingue

Theme wordpress avec SCSS dispo

Mon sous-titre