Apparence> Themes> Le thème représente le design du site
Apparence> Themes> Ajouter
La case de recherche à côté permet de saisir directement le nom d'un thème si vous savez déjà ce que vous recherchez.
Vous pouvez faire votre choix parmi les thèmes proposés (un aperçu est disponible)
Vous pouvez également trier par les thèmes mis en avant (à l'honneur), les thèmes populaires (appréciés des administrateurs wp), ou tout simplement les derniers en date...
Les filtres vous permettent de choisir un thème par couleur, arrangement, fonctionnalité, Thème
Dans cette partie-là nous pouvons modifier l'entête du site (par exemple ajouter une image), cela est similaire à Apparence > Twenty Twelve > Personnaliser
Dans cette partie-là nous pouvons modifier l'arrière plan du site (par exemple changer les couleurs), cela est similaire à Apparence > Twenty Twelve > Personnaliser
Cliquez sur la partie "Personnaliser" :
Vous pourrez notamment modifier le titre de votre site et décider de retirer ou modifier le slogan du site web.
Parmi les autres options nous retrouverons la possibilité de modifier les couleurs (texte et arrière plan).
Ce thème nous laisse la possibilité de modifier l'image d'entête et l'image d'arrière plan (background).
Une autre bonne option consiste à changer le ciblage de la page d'accueil (nous y reviendrons plus tard) :
Par défaut la page d'accueil présente les derniers articles ajoutés
Les widgets sont des zones d'informations qui se placent dans des régions du site. Une région est un emplacement sur la page web (cela peut être une <div>)
Avoir un thème composé de plusieurs régions (comme la sidebar) permet une meilleure personnalisation. Ce n'est pas le cas de notre thème Twenty Twelve qui propose uniquement "Main Sidebar", nous en profiterons donc pour apprendre à créer des régions un peu plus tard.
Il est possible de retirer ou d'ajouter des widgets, par un simple "glisser > déposer" en maintenant le clic gauche de la souris enfoncé :
Choisissez le widget Texte : Texte ou code HTML arbitraire
Pour tester et voir les changements, retournez sur l'onglet de votre site web en FRONT et actualisez :
Pour la suite du cours nous déplacerons en zone inactive : commentaires récents, archives, Meta
Nous reviendrons sur cette partie afin d'approfondir les widgets qui représentent une partie importante de wordpress.
C'est à cet endroit que se gèrent les menus dans Wordpress. Nous y reviendrons plus tard dans la mesure où nous n'avons pas encore assez de contenu pour construire notre premier menu.
L'éditeur permet d'avoir accès à l'arborescence rapidement depuis le BackOffice.
Avantages | Inconvénients |
---|---|
Facile d'accès en production, cela évite de se connecter par ftp pour effectuer une modification | Pas de coloration syntaxique comme pour un logiciel éditeur de texte/code |
Pour modifier un thème existant et ainsi obtenir un design personnalisé, il faut se rendre dans l'installation de wordpress
Ensuite se rendre dans la partie /www/wordpress/wp-content/themes/
Copier/Coller le dossier nommé : twentytwelve
Renommez ce dossier en : monthemeperso
#page{ margin: 0 auto; width: 960px; padding: 0 20px; box-shadow: 1px 1px 6px; } a{ color: #336699; text-decoration: none; }Et ainsi reconstruire petit à petit votre thème.
body #main #container #content .entry-title{} prendra le dessus comparé à : .entry-title{}
{propriete: valeur !important;}
WORDPRESS
1. Installation Et Configuration De Wordpress 2. Hebergement 3. L'administration Back Office 4. L'apparence 5. Articles Pages Et Categories 6. Configuration 7. Les Plugins Wordpress 8. Top Plugins 9. Integration Et Personnalisation De Theme 10. Les Types De Contenus 11. Generer Des Affichages 12. Developpement De Plugin Wordpress