Les bases de WordPress – Partie 4: Créer des pages statiques

Jusqu’ici, vous avez utilisé WordPress pour créer des articles, comme vous le feriez avec un site de blog. Vous allez maintenant commencer à créer des pages et une structure statique pour votre site web. Avant cette étape, vous devez avoir votre contenu prêt afin de créer des pages qui contiennent des informations pour tous ceux qui visitent le site.

Survol

À partir du tableau de bord, vous chercherez la section intitulée «Pages». En cliquant sur cette section, vous vous trouverez dans la section « Pages » dans laquelle vous pouvez créer ou modifier le contenu statique de votre site web.

menu-pages-fr

La création de nouvelles pages

Dans la section Pages, vous trouverez toutes les pages qui ont été créées. Dans un premier temps, cette section ne contient que la page d’échantillon (qui devrait être supprimée une fois que vous avez commencé à construire vos propres pages). Donc, imaginons qu’il n’y a rien ici. Ayant votre contenu prêt à incorporer à votre site web, il suffit de cliquer sur le bouton «Ajouter».

pages-section-fr

Comme vous pouvez le deviner, la première page est vide. Vous devez donner à votre page un nom significatif. Ça pourrait être quelque chose comme « Accueil » ou « Contact ». Notre conseil est de garder le nom court et au point. À cette étape, vous pouvez également transférer votre contenu à la page. Il est déconseillé d’écrire le contenu directement dans la page. Vous voulez avoir un texte qui a déjà été corrigé et ne contient pas de fautes d’orthographe. Il n’y pas de plus grande distraction que des fautes d’orthographe sur une page web.

blank-page-fr

Regardons maintenant une page qui a déjà été créé. Une fois le contenu collé dans la section contenu de la page, vous pouvez formater le texte selon vos gouts. Vous pouvez également ajouter des références médias (images, vidéo, etc.) et des hyperliens vers vos autres pages, ou même des pages externes.

designing-your-page-fr

Les permaliens

Vous remarquerez que, juste sous le titre de la page, il y a un « permalien ». Ceci est le lien hypertexte qui indique aux fureteurs des utilisateurs où chercher pour une page donnée. WordPress crée automatiquement ce lien basé sur le titre de la page. Cependant, ce lien pourrait être très long, et vous pourriez vouloir l’abréger pour le faire paraitre plus simple dans la fenêtre d’adresse du fureteur. Heureusement, vous pouvez modifier le permalien directement dans la page. Il suffit de cliquer sur le bouton « modifier » pour pouvoir le changer. Rappelez-vous d’avoir des traits d’union (-) entre les mots. En outre, certains caractères ne peuvent pas être utilisés, tels que les virgules, les apostrophes et autres. La règle de base est « mot, trait d’union, mot ».

permalinks-fr

Les sous-pages

Dans certains cas, vous allez vouloir créer des sous-pages. Les sous-pages sont des informations plus détaillées liées à un sujet qui est d’ordre plus général. La structure est: « Page principale > sous-page> sous-page ». Cela aide à conserver un chemin de votre structure de pages lorsque vous créez des menus.

subpages-fr

Image à la une

Dans de nombreux cas, vous serez également en mesure d’ajouter une « image à la une » pour la page, apparaissant en entête. Ceci est une touche esthétique qui donne un peu de vie à la page avec une image qui est liée au thème de la page.

featured-image-fr

La publication

Une fois que votre page est prête à intégrer à votre site web, il vous suffit de cliquer sur « Publier » et il sera en direct. Dans cette section, vous avez également des options pour enregistrer un brouillon de la page pendant que vous travaillez dessus, pré-visualiser votre projet, et publier la page à une date ultérieure.

publish-fr

Conclusion

Avec toutes ces options, il devrait être assez facile de créer des pages qui contiennent des informations utiles et paraissent bien. La seule limite est celle de votre imagination. Le produit final, en utilisant le thème que nous avons installé pour les médias K-Logik, est la suivante:

rendered-page-fr

Dans le prochain volet, nous examinerons la création et la gestion des menus dans WordPress. Demeurez à l’écoute!

Projet completé: Wild Sphynx éleveurs de chats

Si vous avez apprécié cet article, s’il vous plaît, partagez-le.

Nous sommes sur le point d’achever un site Web pour Sphynx Wild. C’est une entreprise élevage félin, situé à Mercier, au Québec. Le commerce est dirigé par une mère et sa fille, Nancy et Marianne Lapointe.

Logo Wild Sphynx
 

À propos du projet Wild Sphynx

Une fois de plus, nous nous sommes donné le défi d’exploiter les outils que nous avions à notre disposition. Et ce fut un réel plaisir de fureter à travers cette véritable boite à jouets d’outils de conception. Cette fois, nous nous sommes mis à l’épreuve en intégrant la vidéo sur le site. En somme, nous avons ajouté une courte vidéo de des chats, durant environ 1 minute et demie. Avec l’intégration de textes et d’images d’animation, il est tout à fait impressionnant.

Il va de soi que ce fut un grand plaisir de travailler avec cette cliente. C’est toujours le cas lorsqu’il y a la passion pour l’entreprise que nous présentons au monde virtuel à travers le site. Nancy a été très spécifique en ce qu’elle anticipait en termes d’esthétique et de fonctionnalité pour le site. Elle a demandé une galerie de photos et nous avons trouvé une solution hautement fonctionnelle pour elle. Le plateau permet la navigation à travers les photos publiées sur le site, jouant aussi le rôle de diaporama.

En plus de cela, nous avons créé de nombreuses diapos « parallaxes » contenant des citations de gens célèbres au sujet des chats. Il y aura également un élément de blogue pour annoncer les nouveaux chatons, publier des photos et des nouvelles générales. Bien sûr, le site est entièrement bilingue. Dans le passé, nous avions eu des problèmes avec l’intégration de certains éléments qui ne se traduisaient pas à la langue seconde, mais ceux-ci ont été surmontés grâce à un peu de codage ingénieux.

Nous avons également aidé à mettre en place leurs connexions aux médias sociaux et avons fourni une formation sur la publication de blogues. Avec l’enthousiasme que nous avons vu, il n’y a aucun doute que le nouveau site Web servira très bien aux besoins de Wild Sphynx.

Nous vous invitons à cliquer ce lien vers leur site web: Wild Sphynx