Historiquement nous laissions la possibilité de gérer une page ou un site. Aujourd’hui il n’y a presque plus de page locale, tous les utilisateurs sont passés sur des sites locaux et libre à eux de publier une ou plusieurs page.
Ce tutoriel a été rédigé au départ pour les utilisateurs d’une page unique, il est donc important de noter que pour les sites locaux la gestion globale des widgets s’effectue via : Apparence > Widgets. Il est ensuite possible de gérer page par page ces widgets comme énoncé en fin de page.

Partie 1 : Présentation

Ce petit guide va vous permettre de démarrer la gestion de votre page locale sereinement.

Tout d’abord je rappelle que pour modifier votre page il vous faut être connecté.

Une fois connecté vous pouvez accéder au tableau de bord et à votre page locale.

capture d’écran pour tuto Worpress

Partie 2 : Titre

Une fois sur votre page il vous est possible de modifier son titre.

capture d’écran pour tuto Worpress

Partie 3 : Contenu

 C’est ici que vous allez insérer le contenu de votre page.

capture d’écran pour tuto Worpress

Partie 4 : Publication

Cette partie vous servira surtout à publier et mettre à jour votre page.

capture d’écran pour tuto Worpresscapture d’écran pour tuto Worpress

Partie 5 : Pages Options

Les options de pages vous permettent :
– d’insérer une bannière d’en-tête (Header Image)
– d’autoriser les widgets latéraux (Sidebar, on reviendra sur les Widgets)
– d’ajouter une image via le slider ou bien un carrousel d’images si vous insérez plusieurs images (Page Slider)

capture d’écran pour tuto Worpress

Partie 6 : Widgets (Comme précisé en début de page, la gestion globale des widgets s’effectue via : Apparence > Widgets)

Intéressons-nous maintenant aux Widgets :
– on peut insérer des widgets latéraux (si ils ont été activés dans les options de pages : Allow Sidebar = Yes)
– ou bien ajouter des widgets dans le footer

capture d’écran pour tuto Worpress

Partie 7 : Widget Texte

Attardons-nous plus particulièrement sur le Widget « Texte » qu’on va utiliser pour notre footer.

capture d’écran pour tuto Worpress

Ici on a 3 fois le Widget « Texte » : PARTENAIRE – DOCUMENT – CONTACTS

Partie 8 : Ajout d’un Widget

Pour ajouter un Widget on vient cliquer/glisser jusqu’à l’emplacement désiré.

capture d’écran pour tuto Worpress

Partie 9 : Mise en pratique

On reproduit l’opération 3 fois.

capture d’écran pour tuto Worpress

Partie 10 : Ajout de contenu dans le Widget Texte

C’est bien joli tout ça mais nos Widgets sont toujours vide.capture d’écran pour tuto Worpress
Pour ajouter du contenu on va cliquer sur la petite flèche déroulante.

..ça ne paie pas de mine comme ça mais on va voir qu’il cache bien son jeu notre Widget Texte.

Titre : On donne le titre souhaité qui s’affichera en majuscule, comme on l’a vu pour nos 3 Widgets : PARTENAIRES, DOCUMENTS, CONTACTS.
Il est également possible de laisser ce champs vide si on ne souhaite pas de titre.

Contient : On va voir comment ajouter notre contenu tout de suite après ce tour d’horizon.

Créer automatiquement les paragraphes : Notre Widget est en fait un éditeur de code, si l’on souhaite qu’il interprète les retour à la ligne comme des sauts de ligne, il est nécessaire de cocher cette case.

Supprimer : Supprime le widget et son contenu

Fermer : Réduit la fenêtre du Widget

Enregistrer : Permet de sauvegarder vos changements

Qu’est ce qu’on met dedans ? Et comment ?

Du Texte : Tapez simplement votre texte

Exemple : Je suis incroyable !

Un Lien : Reprenez l’exemple ci-dessous et Remplacez respectivement les éléments en gras par l’URL souhaité et le nom du lien visible par les internautes.

Exemple : <a href=“http://lesincroyablescomestibles.fr/“>Les Incroyables Comestibles</a>

Un Mail de contact : Reprenez l’exemple et Remplacez respectivement les éléments en gras par l’adresse mail désirée et le nom du lien visible par les internautes.

Exemple : <a href=“mailto:contact@lesincroyablescomestibles.fr“>Contacter les Incroyables</a>

Une Image ou un fichier : Reprenez l’exemple et Remplacez respectivement les éléments en gras par l’adresse web de votre fichier* et une rapide description de votre image.

Exemple : <img src=“http://ville.lesincroyablescomestibles.fr/wp-content/uploads/sites/3/2015/09/slider_IC-Pancartes.jpg“ alt=“Panneaux d’agglomérations des Incroyables Comestibles“ />

Info pratique : En passant par un copier/coller d’un des codes d’exemple ci-dessus, les guillemets peuvent poser problèmes, il suffit de les retaper manuellement pour que tout rentre dans l’ordre.

* Vous trouverez l’adresse web de vos fichiers dans la bibliothèque de médias après y avoir ajouté votre/vos fichier(s).

Si vous souhaitez obtenir plus d’informations techniques envoyez-nous votre requête !

Revenir au sommaire