[3/5] CREER SON SITE DOMOTIQUE AVEC ZIBASE, NAS SYNOLOGY, MYSQL ET WORDPRESS

INTÉGRATION DE PAGES PHP DANS WORDPRESS


Comme évoqué dans le précédent article, ce troisième opus à pour but de vous présenter une solution simple d'intégration de pages PHP dans WORDPRESS.

Pourquoi ce choix d'utilisation de WORDPRESS ?

  • il est quasi intégré (juste une installation) sur mon NAS SYNOLOGY et DSM 4.2,
  • ce CMS (si vous considérer que WORDPRESS en est un) est très connu sur le marché, très documenté et possède de nombreuses extensions,
  • il est simple à mettre en œuvre et permet d'avoir les "bases" d'un site sans écrire une ligne de code HTML, de CSS surtout pour des gens comme moi pas très doué dans ce domaine,
  • il intègre déjà de nombreuses fonctionnalités en natif (menu, commentaire, pages d'accueils, header, footer, widgets...)
  • il dispose de nombreux modèles de sites pour que vous puissiez trouver votre bonheur au niveau de la présentation.
Bien évidemment, vous pouvez préférer d'autres CMS tout aussi riche tels que JOOMLA, DRUPAL, SPIP...

Cet article vous décrit uniquement l'intégration de code PHP dans WORDPRESS via l'extension Shortcode Exec PHP. Si vous ne connaissez pas WORDPRESS, je vous laisse le découvrir à travers toute la documentation disponible sur internet.

Pourquoi choisir une extension pour exécuter du PHP dans des pages WORDPRESS ?

  • ce type d'extension permet de ne pas à avoir à modifier les pages de WORDPRESS dont l'architecture est parfois complexe et touffu,
  • pouvoir effectuer des développements PHP complètement indépendant de WORDPRESS et réutilisable dans d'autres contextes y compris indépendemment de WORDPRESS (comme le code PHP présenté dans le précédent article),
  • pouvoir réutiliser le même code PHP dans d'autres pages de WORDPRESS sans avoir à dupliquer le code (permet notamment une maintenance ou des corrections de bugs plus aisées).
Après cette présentation générale, passons à du concret.

 Intégration de pages PHP dans des pages WORDPRESS

Tout d'abord, j'ai choisi d'utiliser le thème "standard" de WORDPRESS : Twenty Eleven. Le site domotique étant uniquement développé pour notre usage, je n'ai pas voulu chercher parmi les multiples thèmes disponibles mais je ne doute pas qu'il y ait des thèmes plus accrocheurs.

Shortcode Exec PHP permet d’exécuter du code PHP dans les pages, les articles, les commentaires, les widgets et même les flux RSS en utilisant uniquement des "raccourcis" (shortcode) renvoyant à du code PHP. J'ai choisi systématiquement de faire appel à des include de pages PHP afin de garder une totale indépendances et pouvoir editer le code PHP de manière un peu plus pratique que ne le permet la version gratuite de cette extension.

Pour installer Shortcode Exec PHP, rien de plus simple, il suffit d'aller dans la partie admin de votre site WORDPRESS et d'aller dans les extensions et d'ajouter l'extension Shortcode Exec PHP.

Cette installation ajoute dans le menu OUTILS de WORDPRESS un nouveau menu : Shortcode Exec PHP. La page de l'extension se présente sous la forme suivante :


Vous pouvez allez voir la documentation de Shortcode Exec PHP qui vous expliquera simplement ces éléments d'administration qui parlent d'eux-mêmes.

Sur cette même page, vous pouvez ensuite ajouter des "ShortCodes" en les nommant et en leur associant du code PHP correspondant. Ensuite, ces ShortCodes ont juste besoin d'être ajouté à l'endroit souhaité dans votre site WORDPRESS (pour ma part, je n'utilise que des pages dans mon site domotique).

Pour reprendre l'exemple de rendu évoqué dans l'article précédent, voici ce que ça donne :

Ainsi mon ShortCodes nommé AFFICHAGE_SONDES exécute le code le la page PHP sondes_direct.php et il peut être inséré n'importe où dans WORDPRESS .

J'ai inséré ce ShortCodes dans ma page d'accueil de la façon suivante à partir de l'interface d’administration WORPDRESS dans la section Pages :


Et l'affichage de la page donne ainsi le rendu suivant à l'intérieur de votre site WORDPRESS :


La page hérite ainsi de tout les CSS du site selon votre thème choisi et permet d'avoir un rendu acceptable sans rien faire. J'ai fait exactement la même utilisation de ces ShortCodes sur toutes mes pages WORDPRESS en m'appuyant sur un menu et des sous-menus WORDPRESS visibles ci-dessus (Accueil, Graphiques, Evenements, Ajout/modif sondes).

J'espère que cet article vous convaincra de l'utilisation de WORDPRESS et de ce type d'extensions qui permettent une intégration rapide et la création d'un site visuellement sympathique au prix d'aucun effort.

Le prochain article devrait être dispo d'ici dimanche 30 juin 2013 en fonction de mes dispos. Il traitera de la partie rendu graphique et l'utilisation de l'excellente API highcharts et son générateur de codes.

A très vite et comme à l’habitude, n'hésitez pas à commenter et à y apporter vos propres modifications en partageant votre expérience avec les autres !

Aller à l'article précédent sur le même thème