Catégorie : Thème personnalisé

Dans votre thème, retrouver le fichier functions.php

Editer-le, repérer la fonction: 

/**
* Enqueue scripts and styles.
*/
function test_scripts() {
wp_enqueue_style( 'test-style', get_stylesheet_uri() );

wp_enqueue_script( 'test-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );

wp_enqueue_script( 'test-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );

if ( is_singular() comments_open() ; get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action( 'wp_enqueue_scripts', 'test_scripts' );

 

wp_enqueue_style( 'ma-custom-feuilledestyles', get_template_directory_uri() . '/style-custom.css' );

 

Ajouter cette ligne de code APRES le chargement de la feuille de style du thème

 
/** 
* Enqueue scripts and styles. 
*/ 
function test_scripts() { wp_enqueue_style( 'test-style', get_stylesheet_uri() ); 

wp_enqueue_style( 'ma-custom-feuilledestyles', get_template_directory_uri() . '/style-custom.css' );

wp_enqueue_script( 'test-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true ); 
wp_enqueue_script( 'test-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true ); 
if ( is_singular(); comments_open() get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } } 
add_action( 'wp_enqueue_scripts', 'test_scripts' ); 
 

Uploader le fichier functions.php

Référence: wp_enqueue_style

Installer le plugin « Remote SSH »

Ouvrez votre logiciel Visual Studio Code.

Dans le menu extensions
Installez l’extension « Remote SSH » de Miscrosoft

Paramérez votre server SSH

Cliquez dans le nouveau bouton en bas à gauche votre application

Connectez-vous dans la fenêtre courante

Ajoutez un nouvel hôte/server

La commande est « ssh votrelogin@votreserver.ch« .
Ces informations? Vous les trouvez dans votre interface Infomaniak.

Vous enregistrez cet accès server pour ne pas devoir le configurer à chque fois.
Vous l’enregistrez votre dossier spécifique.a

Connectez-vous à votre server SSH

Votre server étant enregistré: il apparaît dans la liste:

Il vous est demandé le password

Le server apparaît en bas à gauche: vous êtes connectés.

Sélectionner un fichier à modifier

Il vous redemandera votre mot de passe une 2ème fois à l’ouverture du dossier.

Se connecter sur le server à l’aide d’un client FTP

Uploader le dossier du thème non-zippé sur le server distant dans le dossier:

web/votreprojet/wp-content/themes/

Se connecter sur le dashboard du site:
RAPPEL:
[Nom de domaine]/votreprojet/wp-admin
OU si c’est votre site principal:
[Nom de domaine]/wp-admin

Dans la rubrique « Apparence », sélectionner le thème.

Afin de ne pas partir de zéro: télécharger le starter thems  » _s  » :

underscores.me

Remplissez le champ: Theme Name avec le nom de votre projet (p. ex: portfoliovza) et « Generate »:

Remplissez les champs « Advanced Option »

Theme Name: Le nom du thème
Attention: le « Theme Slug »: C’est le nom du thème sans accent ni caractère spéciaux
Author: Votre nom
Author URI: Votre site
Description: La description de votre thème 

Copier le fichier .zip sur votre machine: