Vivre du Web

Utiliser WordPress comme un CMS (1) On recrute pour le Web

Utiliser WordPress comme un CMS (2)

20 juin 2006

Je vais aborder aujourd’hui un autre point qui me semble typique d’un site classique par rapport à un blog, c’est la navigation.

A vrai dire, le propre d’un blog, c’est d’être l’équivalent d’un carnet de bord, dans lequel on écrit au fil du temps des billets. Ces billets peuvent être rangés dans des catégories, d’ailleurs un billet peut même appartenir à plusieurs catégories.

Mais, une chose est sûre, c’est qu’il y a pas de réelle plannification dans l’architecture d’un blog. Elle est modulable. On peut très bien décider d’ajouter une catégorie, comme je viens de le faire récemment avec WordPress. Cela ne perturbe en rien le blog. Je dirais même que c’est dans la nature du blog.

A l’opposé, pour un site classique, on définit à l’avance l’architecture du site, qui va s’articuler autour de rubriques regroupées dans un menu.

En extrapolant un peu, il me semble que l’ossature du blog, ce sont les posts, alors que pour un site classique, c’est son menu.

Donc, un des principaux points à régler quand on veut faire un site classique avec WordPress, c’est de savoir comment s’y prendre pour faire une navigation de site classique.

Pour l’essentiel, nous avons résolu le problème en développant un plugin, Sticky Menu. Il a un fonctionnement très basique, puisqu’il permet tout simplement de définir les différents titres que l’on veut mettre dans le menu, et pour chaque titre, le lien vers lequel il doit pointer.

D’un côté, on perd un peu de la puissance de WordPress, car les liens sont rentrés en dur. Cependant la gestion est centralisée, et en cas de changement de liens, il suffit de les modifier dans l’interface du plugin dans l’administration.

D’un autre côté, on gagne énormément en souplesse. Ainsi, cela devient un jeu d’enfants d’inclure dans le menu, par exemple, un lien vers une catégorie, vers une page, vers la page d’accueil, etc. Les possibilités sont infinies.

Pour créer le menu dans le site, il suffit ensuite de modifier le template où on veut afficher le menu, c’est-à-dire soit header.php, ou footer.php, ou sidebar.php, en ajoutant ces lignes :

<ul>$menu = new stickymenu;$menu->display_menu(’menu=Main’); # Will display menu ‘Main’</ul>

Sticky Menu génère alors automatiquement une liste du type :

<ul><li><a href="http://vivreduweb.info/menu1" title="Menu 1">Menu 1</a></li><li><a href="http://vivreduweb.info/menu2" title="Menu 2">Menu 2</a></li><li><a href="http://vivreduweb.info/menu3" title="Menu 3">Menu 3</a></li></ul>

Il ne vous reste plus qu’à modifier la feuille de style pour obtenir une navigation qui s’intègre dans le design de votre site Internet. Et si vous avez besoin d’aide pour le css votre menu de navigation, je vous recommande de consulter le site, Listamatic. Il regorge d’exemples de codes pour créer des menus en CSS.

technorati tags: cms, css, menu, navigation, wordpress, plugin

Article dans : WordPress

18 Commentaires Ajouter le vôtre

1. Vivre du Web » Util&hellip | 24 juin 2006 à 22:20

[…] Je poursuis ma série d’articles sur des astuces pour utiliser WordPress comme un CMS. J’avais déjà abordé la mise en place d’un menu pour un site classique dans mon article précédent, mais je vais revenir aujourd’hui encore sur la mise en place de la navigation d’un site WordPress. […]
2. martha.J | 11 juillet 2006 à 19:59

Bonjour

J’ai quelques soucis de base avec mon blog et je me demandais si le plugin développé pouvait m’aider ?
voila, lorsque je crée une page, un bouton se crée.
Est il possible lorsque je crée une page, donc en cliquant sur le bouton, d’etre redirigé directement, pas exemple sur ma page d’accueil de mon album ?
est il possible de mettre ce plugin dans une page qui me permettrait d’avoir des boutons qui iraient sur d’autres pages ?
Je suis persuaduée que je ne suis pas claire,

Peux tu me donner ton avis sur ce plugin et mes soucis ?

Merci
3. Cecile | 11 juillet 2006 à 21:08

Bonjour Martha,

Je ne suis pas sûre d’avoir tout à fait compris ce que tu voulais mais a priori, j’ai l’impression que Sticky Menu est effectivement un plugin qui pourrait t’aider.

Il te permet de créer un menu, donc les boutons, vers les pages de ton choix (page d’accueil, posts ou pages). Par contre, il ne crée pas les boutons automatiquement quand tu crées une page. Il faut faire la modification dans le menu manuellement.

Tu peux créer plusieurs menus que tu peux intégrer ensuite dans les pages de ton choix.
4. Christophe | 15 août 2006 à 20:05

Pas mal tes articles sur les CMS avec wordpress. As tu des URL de sites tournant sur une telle architecture ?
5. Cecile | 16 août 2006 à 23:30

Merci Christophe pour les encouragements !

Voici des exemples de sites que j’ai developpés sous WordPress :

Alliance-Construction66.fr

RDeveloppement-bois.com

et le site même de TelaWeb : Telaweb.fr
6. andre renaut | 13 octobre 2006 à 19:33

bonjour,

pour le sujet des menus, j’ai fait quelque chose de completement dynamique en utilisant la base de wordpress sans modif (eh oui). J’ai juste utilisé un champ qui ne sert pas à grand chose …

Je rajoute une catégorie et elle se trouve lié à un menu déroulant sans retoucher au code … pas mal hein !

par contre pour ce qui est de l’approche CMS (content management system) je recherche un plugin qui me permette de faire la relation entre les documents joint (pdf, mp3; word, excel, photo, video, flash etc…) et un post (article ou ‘biller’).

J’avais pensé un moment chercher un analyseur html pour l’interfacer au niveau de l’éditeur worpress et rechercher tous les tag etc mais je n’ai rien trouvé.

L’idée ultime c’est d’avoir une base documentaire qui ne se limite pas qu’aux articles. pouvoir afficher simplement que tel sujet est composé d’un article, d’un pdf, d’une ou +sieurs photos etc…

les documents étant lié au ‘post’ lui meme lié à une catégorie.

ma question reste as tu trouvé un plugin de ce type ?
7. Cecile | 14 octobre 2006 à 17:07

Bonjour Andre Renaut,

Je n’ai jamais cherché à mettre ce type de fonctionnalités en oeuvre, mais une recherche rapide sur les plugins gérant les attachements m’a permis de trouver ceci : Wordpress 2.0 Plugin: AutoLink Attachment

Si j’ai bien compris, il permet de lister tous les attachements liés à un post.

Peut-être que ce plugin pourrait faire ton bonheur ?
8. Jean-Jacques | 25 octobre 2006 à 11:20

Je viens de créer un site de petites annonces ciblées très locales :
Les 36 000 communes de France et des chouillas y sont référencées.
J’utilise Wordpress que j’ai légèrement modifié !
Comme quoi tout est possible avec les outils de blog !

Le site en question :
http://www.monpatelin.fr
9. Michel | 15 janvier 2007 à 22:29

Bonjour,
cela fait deux jours que je bataille avec ce plugin. Je n’arrivais pas à le faire fonctionner. Et c’est en écrivant ce commentaire pour demander de l’aide que j”ai enfin compris : il faur remplacer “main” dans “$menu->display_menu(’menu=Main’)” par le nom du menu que l’on crée avec stickymenu. Ca parait simple pour ceux qui ont tout compris depuis le début, mais bon, l’anglais et moi, ça fait deux. Alors si ça peut servir un autre wordpressien à installer ce plug, je n’aurais pas perdu mon temps…
Cordialement, et merci pour ce site.
10. cr0vax | 25 janvier 2007 à 19:26

Utiliser Wordpress pour faire un site complet, c’est un peu comme utiliser un vélo pour faire une mobylette. Ca marche, c’est pas si compliqué et ça peut faire illusion, mais c’est vraiment pas adapté …
11. Cecile | 26 janvier 2007 à 9:19

cr0vax, je pense que tu sous-estimes les capacités de WordPress. Et si on compare avec d’autre CMS qui existent aujourd’hui, de toutes façons, il n’y en a aucun qui soit vraiment parfait.

J’ai récemment de nouveau jeter un coup d’oeil à Typo3 ou Joomla, qui se definit comme : “the most powerful Open Source Content Management Systems on the planet”.

Je regrette, mais j’ai été tres deçue par le code qu’il produit, en particulier d’un point de vue d’optimisation pour les moteurs de recherche.
12. cr0vax | 26 janvier 2007 à 10:34

Je connais bien Wordpress, je connais bien la plupart des CMS, et franchement, je ne sous-estime pas, il n’y a pas photos.

Typo3 est un très bon CMS, mais il n’a pas évolué depuis plusieurs années. C’est donc “normal” qu’il ne soit pas adapté à un référencement optimal.

Tu cherches le meilleur référencement avec un CMS efficace ? Spip est fait pour toi. Il est le plus souple et le plus respectueux de la séparation forme/contenu. Bourré de RSS, et possibilité d’en rajouter à la demande.

Ce n’est pas tout à fait pour rien que c’est celui que le gouvernement utilise pour la plupart de ses sites …
13. Michel | 26 janvier 2007 à 11:42

Hier j’ai passé deux heures avec CMSmadesimple, et je me suis régalé. Il est simple, certes, mais trés complet. Je n’ai vu aucun défaut, et ça fait deux mois que j’en essaye des dizaines. Avec Typo3, j’ai failli m’arracher les cheveux pour l’installer. Comme je suis têtu, j’ai insisté. Une fois installé, c’était l’usine à gaz. Aujourd’hui, je travaille avec Wordpress, et la version 2.1 m’a l’air plus “costaud”, et puis Spip, que je trouve trés “joli”, mais il me manque un peu de la doc pour gérer certaines choses.
Cordialement.
Michel
14. Franck Silvestre | 2 avril 2007 à 6:11

Hey les gars,

Ca fait un bail que je n’ai pas mis les pieds a PAris, plusieurs annees (desole, il est tard et j’ai un clavier qwerty, no accent here).

Je suis etonne de voir qu’il y a des Francais qui sont si bien au courant.

Peut etre que je me tournerais bientot vers le commerce en Europe, le seul problem c’est qu’ils ont une aversion a utiliser la carte bleue.
15. ramon | 4 juillet 2007 à 22:02

Bonjour, je veux utiliser Sticky Menu.pour mon blog mais j’ai ce message d’erreur qun je veux activer le menu : bouto enable ..
Par ailleurs il m’a fallu creer la base de donnée à la main,
Est-ce que tu peux m’aider à trouver la cause du problème,

merci

[You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ‘)’ at line 1]
16. Cecile | 5 juillet 2007 à 7:37

Ramon,

Je ne suis pas une experte dans l’installation de Sticky Menu, en tous cas, pour ce qui concerne l’activation et la création de la base de données.

J’ai l’impression qu’il y avait ce type de problèmes avec la version antérieure de Sticky Menu, mais que c’était réglé avec la nouvelle version 1.3, utilisée en conjonction avec la dernière version de WordPress.
17. Ramon | 5 juillet 2007 à 8:13

Bonjour Cécile,

Merci Cécile, je vais essayer de changer de version, je crois que j’ai une autre….
18. dxxcorp | 22 avril 2008 à 21:50

Zut, il a interpréter le code !
Enfin, vous aurez compris quoi ! Avec des <ul et des <li !!!!!