Nom de la formation: Personnaliser son site WordPress avec le CSS
Nom de code: WordPress Niveau 2
Public: Auteurs souhaitant avoir une maîtrise plus importante sur l’aspect de leur thème WordPress.
Pré requis: Savoir administrer un site WordPress.
Objectifs: Créer son site en local et savoir effectuer sa migration en ligne, savoir installer un site Premium et le personnaliser, utiliser les outils de Google Chrome pour inspecter une page et modifier les CSS, comprendre la structure du HTML et des CSS, acquérir une méthodologie simple pour rédiger dans ces deux langages, ajouter de nouvelles fonctions au moyen d’extensions, savoir créer des thèmes-enfants, modifier les CSS avec des constructeurs de page.
Formation: de 30 heures en 5 journées de 6 heures. Groupe de 5 personnes maximum.
Tarif: 1440€ HT / 1728€ TTC. Prise en charge AFDAS 100% ou OPCA.
Personnaliser son site WordPress avec le CSS
Plan de la formation
Les langages du Web
Dans ce chapitre nous ferons un point sur les deux langages principaux du Web; le HTML et le CSS. Nous verrons les outils essentiels utilisés dans un cadre professionnel.
- Historique des deux langages
- La séparation du contenu et de l’aspect
- Les outils en ligne
- Utiliser l’inspecteur Web de Chrome pour éditer et enregistrer les CSS
- Les logiciels pour éditer
- Configurer l’éditeur de code Sublime Text
Le HTML5
Dans ce chapitre nous passerons en revue les structures essentielles du HTML5. Des exercices pratiques permettront d’appliquer ces nouveaux éléments.
- Structure d’un fichier HTML5
- Règles d’écriture du HTLM5
- Les principales balises
Les base du CSS3
Dans ce chapitre nous passerons en revue les nouveautés du CSS3. En utilisant des outils en ligne et en analysant des sites existants nous verrons comment personnaliser sa page web.
- Règles d’écriture du CSS
- Les principales propriétés
- Le box Model
- Mode d’intégration des CSS
- Unités de mesure
- Utilisation du CSS3 aujourd’hui
- Le responsive
- Les transitions CSS3
- Utiliser l’inspecteur de Chrome pour modifier et sauvegarder vos styles CSS en direct
- Utilisation de Supports avec les CSS avancés
Modifier son site avec les CSS
Dans ce chapitre nous nous concentrerons sur les outils de test et d’analyse des pages web. Il s’agira de voir les erreurs courantes et solutions que vous pourrez rencontrer dans vos projets de sites internet.
- Déclarer les CSS de votre thème
- Test dans le navigateur et application
- Types d’erreur et débogage
Sauvegarder ou migrer son site
Dans cette leçon, nous verrons comment sauvegarder la totalité de son site Web de manière manuelle et avec un outil dédié.
- Que doit-on sauvegarder? (PRO)
- Sauvegarder son site avec BackWPUp
- Migrer, sauvegarder et restaurer son site avec All In One WP Migration (PRO)
Migrer son site
Dans ce chapitre nous verrons comment migrer une version locale du site à une version définitive en ligne.
- Planifier des sauvegardes de son site Web
- Installer WordPress sur un serveur
- Migrer son site complet
- Tester et mettre à jour les URL avec Interconnectit
- Synchroniser et mettre à jour les URL avec DB Migrate