Il existe de nombreuses extensions pour animer les liens vers une ancre ou améliorer l'expérience de scroll avec la souris.

Nous vous proposons ici l'extension :  Page scroll to id

Le site du concepteur

Le tutoriel d'utilisation

Au lieu d'exprimer la taille des polices en PX (pixles), il est possible de l'exprimer dans une unité qui fait varier la taille des caractères en fonction de l'environnement  dans la page.

vw: largeur du viewport
vh: hauteur du viewport

Exemple CSS :
html { font-size: 2vw; }

Un thème enfant est un thème basé sur votre thème parent. Il en reprend toutes les fonctionnalités sans jamais le modifier. Ainsi vous pouvez apporter des modifications à votre enfant et en cas de mise à jour du parent, vous ne les perdez pas!

• Se connecter en FTP à votre site
• Aller dans le répertoire httpdocs / wp / wp-content / themes
• Créer un répertoire portant le nom de votre thème enfant (exemple hello-elementor-enfant)

Créer les fichiers style.css et functions.php dans lesquels vous copiez le code ci-dessous.

Dans le fichier style.css, remplacer le texte qui suit les deux points par vos informations.

Le champ template doit impérativement être le nom du répertoire du thème parent.

/*
Theme Name: Theme enfant
Description: Theme enfant de votre nom ou nom de site
Author: Votre nom
Author URI: URL de l'auteur
Template: nom du répertoire parent
Version: 0.1.0
*/

<?php
/**
** activation theme
**/
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
 wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

1. Connectez-vous à votre tableau de bord WordPress.
   • Allez sur le site de votre WordPress et ajoutez /wp-admin à la fin de l'URL pour accéder au tableau de bord.
2. Accédez à l'onglet des thèmes.
   • Dans le menu de gauche, cliquez sur "Apparence", puis sur "Thèmes".
3. Ajoutez un nouveau thème.
   • En haut de la page des thèmes, cliquez sur le bouton "Ajouter" ou "Ajouter nouveau".
4. Choisissez un thème.
   • Vous pouvez choisir un thème parmi ceux proposés, ou chercher un thème spécifique à l'aide de la barre de recherche.
5. Installez le thème.
   • Une fois que vous avez trouvé le thème que vous souhaitez, cliquez sur "Installer". WordPress téléchargera et installera le thème pour vous.
6. Activez le thème.
   • Après l'installation, cliquez sur le bouton "Activer" pour que le thème soit utilisé sur votre site.

Si vous souhaitez installer un thème que vous avez téléchargé ou acheté en dehors de la bibliothèque WordPress :

1. Téléchargez le fichier du thème.
   • Le thème doit être un fichier zip.
2. Installez le thème via le tableau de bord.
   • Dans l'onglet "Thèmes", cliquez sur "Ajouter nouveau" puis sur "Téléverser le thème". Choisissez le fichier zip de votre thème et cliquez sur "Installer maintenant".
3. Activez le thème.
   • Une fois l'installation terminée, cliquez sur "Activer".

Assurez-vous que le thème est compatible avec la version de WordPress que vous utilisez pour éviter tout problème de compatibilité.

Dans ce cours, nous installons les extensions et thèmes suivants

UpdraftPlus : pour sauvegarder et migrer le site entier - lien

Elementor Website Builder : notre choix pour construire les pages - lien
Elementor Header & Footer Builder : pour créer des entêtes et des pieds de page - lien
WP Forms : pour créer des formulaires de contact - lien

Pour ceux qui veulent développer du e-commerce : Woocommerce - lien

Le thème conseillé est Hello Elementor - lien

Une certaine liberté est possible au niveau des thèmes. Il convient de vérifier la compatibilité du thème avec la version courante de WordPress et de Elementor.

1. le menu Principal. Sur l'image, il s'agit des éléments de base de WordPress. L'adjonction d'extensions ou de données personnalisées peut ajouter des entrées dans ce menu.
   Certaines entrées regroupent de nombreuses fonctions très utiles.
2. Le logo de WordPress, qui vous ramènera toujours à cette page d'accueil.
3. Boutons "Ajouter" pour commencer à saisir des informations sur votre site web.
4. Options de l'affichage de l'écran courant.

Un des premiers menus à visiter est "Réglages". Dans Général, nous allons paramétrer, par exemple,  le format d'affichage des dates.

Dans Lecture, nous choisirons la page d'accueil pour notre site.

Dans Permaliens, nous choisirons le format des URL pour appeler chacun de nos pages. Important pour le référencement.

Le menu "Comptes" permet de gérer les utilisateurs de WordPress et d'ajouter un nouveau compte.
Un mot de passe solide (l'utilisateur pourra le changer par la suite) et surtout choisir le bon rôle pour l'utilisateur et ainsi définir ses droits.

• Super Admin– Accède aux réglages d’administration multisite, ainsi qu’à toutes les autres fonctionnalités. Voir l’article Créer un réseau multisite.
• Administrateur/Administratrice(slug : ‘administrator’) – Accède à toutes les fonctionnalités d’administration dans un site unique.
• Éditeur/Éditrice(slug : ‘editor’) – Peut publier et gérer les publications, y compris les publications d’autres utilisateurs.
• Auteur/Autrice(slug : ‘author’)  – Peut publier et gérer ses propres messages.
• Contributeur/Contributrice(slug : ‘contributor’) – Peut écrire et gérer ses propres articles mais ne peut pas les publier.
• Abonné/Abonnée (slug : ‘subscriber’) – Ne peut gérer que son profil

• Site web – destiné à un public
  • Responsif
• Dossier complet
  • Périmètre du projet
    • Public cible
    • Objectif mesurable
    • Ton site
    • CI / charte graphique
    • Budget – offre – facture
• Présentation
  • Comme à un client
  • 10-15 minutes «vendre votre travail»
  • Avec la démarche entreprise : difficultés / satisfaction

• Content Management System
  • Serveurs hébergés
    • WordPress * gratuit
    • Joomla
    • Drupal
    • Typo 3
  • CMS Cloud  - abonnement
    • WIX
    • Jimdo
    • Weebly

• Code : travail programmé 100% sur mesure avec des données stockées sur des bases SQL.
• CMS : Module standard, personnalisables
• Facilité pour l’utilisateur final pour la mise à jour des données
• Standard
• Attaque facilitée : faiblesse
  • Importance de la sécurité

• Super Admin– Accède aux réglages d’administration multisite, ainsi qu’à toutes les autres fonctionnalités. Voir l’article Créer un réseau multisite.
• Administrateur/Administratrice(slug : ‘administrator’) – Accède à toutes les fonctionnalités d’administration dans un site unique.
• Éditeur/Éditrice(slug : ‘editor’) – Peut publier et gérer les publications, y compris les publications d’autres utilisateurs.
• Auteur/Autrice(slug : ‘author’)  – Peut publier et gérer ses propres messages.
• Contributeur/Contributrice(slug : ‘contributor’) – Peut écrire et gérer ses propres articles mais ne peut pas les publier.
• Abonné/Abonnée (slug : ‘subscriber’) – Ne peut gérer que son profil

• Site multilingue ( 2 langues minimum ) sans la traduction
• Page accueil
• 1 page de contenu
• 1 page contact
• Site responsive
• Plan marketing
• Plan de mise à jour / maintenance
• Budget
• Explications sur les choix effectués

• Préparatoire
  • Inventaire ( images textes )
  • Production ( qui ? )
  • Définition et validation structure ( contenu, hiérarchisation )
  • Définition Layout et validation
• Réalisation du site ( WP)
  • Tests ( images, liens, formulaires, conformité HTML )
  • Formation et validation du site
• Post production  // récurrent
  • Suivi SEO, marketing ( réseaux sociaux )
  • Mise à jour du contenu
  • Mise à jour technique