Page WordPress
Réaliser une page dans WordPress
La page d'accueil
Attention, la première page déjà créée par votre thème (la page d'Accueil) ne peut pas afficher son contenu si vous la modifiez car elle est directement remplie par votre thème. C'est dans le menu Apparences > Personnaliser que vous pourrez modifier la page d'accueil de votre site. Il faut donc la laisser vide de tout contenu! Autre recommandation : ne la supprimer surtout pas :-)Créer sa première page WordPress
Pour rédiger une page dans WordPress : menu Pages > Ajouter. On utilise l'éditeur de texte de WordPress qui propose deux onglets : l'onglet Visuel (onglet par défaut) et l'onglet texte qui affiche le code HTML en version 4 (!?). Pour ajouter une image, bouton "Ajouter un média". Pour modifier une page, utilisez plutôt la barre horizontale deModèle de page WordPress (Templates)
Avant de publier votre page, vous pouvez choisir un modèle de page plutôt que celui proposé par défaut (ce fichier page.php est visible dans /wp-content/themes/nom_de_votre_thème/). Vous pouvez choisir, par exemple, le modèle Fullwidth qui signifie sans sideBar. Pour créer un modèle de page, créer une nouvelle page. Ouvrez votre page en FTP et tout en haut de celle-ci, ajoutez le code suivant qui indique à WordPress qu'il s'agit d'un modèle de page : /* Template Name: monmodeleamoiquimeplait */. Copier/coller en dessous tout le code du modèle par défaut (page.php). Enregistrer enfin cette page normalement dans /wp-content/themes/nom_de_votre_thème/. Vous devriez la retrouver dans la liste des modèles. Idéalement on préfixe le nom de la page avec le mot template comme ceci : template-monmodeleamoiquimeplait.phpQuelle différence y a-t-il entre une page et un article ?
Les pages et les articles sont deux techniques de publications différentes. Les pages sont des données statiques indépendants du temps et de la chronologie de création. Les articles sont eux, affichées par date de publication.Widgets WordPress indispensables pour vos pages
Pour télécharger un widget : menu Extensions > Ajouter- Smart Slider 3 : Un diaporama pour votre page d'accueil
- Duplicate Post : Pour dupliquer ses pages WordPress par un simple copier/coller (incontournable!)
- Elementor Page Builder : un des meilleurs constructeur de page
- TinyMCE Advanced : Un éditeur de texte un peu plus élaboré que l'éditeur de base de WordPress
- Printer Friendly, PDF & Email : permet de rajouter sur ses pages WordPress, trois images cliquables pour l'impression, la création d'un PDF et l'envoi de la page par email
- AMR shortcode any widget : permet d'obtenir un shortcode de widget et donc le positionner ou on veut !
Widget TinyMCE Advanced
L'éditeur de WordPress et de Joomla par défaut Tiny Moxiecode Content Editor (TinyMCE) est un peu trop simpliste. Par exemple, il ne propose pas de tableaux. Je vous recommande donc de télécharger l'advanced TinyMCE pour pouvoir facilement insérer des tableaux et autre : 15 options supplémentaire sont proposées.Widget Arconix shortcode
Pour télécharger un widget WordPress : menu Extensions > AjouterL'extension WordPress Arconix shortcode permet d'afficher un menu en accordéon (Voir les menus WordPress) mais aussi des boutons, des boites, des onglets... Voici les shortCodes à utiliser dans une page WordPress :
Bouton
size="small/medium/large"color="blue/grey/white/pink"
[button size="small" color="blue" url="http://www.easy-micro.org"]Easy-Micro[/button]
Boite
color="blue/green/grey/red/tan/yellow"icon="info/alert/comment/download/tipe"
[box color="blue" icon="info"]Contenu de ma boite ici[/box]
Onglets
[tabs]
[tab title="Onglet 1"]Contenu d'onglet 1 ici[/tab]
[tab title="Onglet 2"]Contenu d'onglet 2 ici[/tab]
[tab title="Onglet 3"]Contenu d'onglet 3 ici[/tab]
[/tabs]
[tab title="Onglet 1"]Contenu d'onglet 1 ici[/tab]
[tab title="Onglet 2"]Contenu d'onglet 2 ici[/tab]
[tab title="Onglet 3"]Contenu d'onglet 3 ici[/tab]
[/tabs]
Liste à puce
style="arrow-blue/check/closes/star"
[list style="arrow-blue"]
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>
[/list]
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>
[/list]
Colonnes
Pour 2 colonnes : [one-half], 3 colonnes : [one-third] et 4 colonnes : [one-fourth]
[one-half]
Votre contenu ici
[/one-half][one-half last="y"]
Votre contenu ici
[/one-half]
[one-third]
Votre contenu ici
[/one-third][one-third]
Votre contenu ici
[/one-third][one-third last="y"]
Votre contenu ici
[/one-third]
Votre contenu ici
[/one-half][one-half last="y"]
Votre contenu ici
[/one-half]
[one-third]
Votre contenu ici
[/one-third][one-third]
Votre contenu ici
[/one-third][one-third last="y"]
Votre contenu ici
[/one-third]
Année de copyright
[the-year before="©" start="2007" after="Tous droits réservés"]
Plus d'infos sur le widget Arconix shortcode dans docs.tychesoftwares et sur demo-themetank.com