WordPress

Page
  • WordPress est une bibliothèque de script (PHP/SQL + Javascript/Ajax et CSS) servant comme gestionnaire de contenus (tout type de site : blog, portfolio, site marchand, catalogue, vitrine, etc.).
  • WordPress est un produit développé par l’entreprise Automattic (Matt Mulleweg, créateur du logiciel)
  • WordPress bénéficie du soutien d’une large communauté internationale de développeurs (pour les plugins) et de graphistes (pour les thèmes). WordPress-fr.net héberge la communauté française
  • WordPress est un logiciel extensible, documenté, mono ou multi-utilisateur(s), optimisant back-end et front-end les exigences de chargement, référencement, ergonomie et personnalisation (même si cela beaucoup des thèmes et plugins installés). Il a été adopté par des milliers de clients.
  • WordPress existe aussi en hébergement sur wordpress.com.
  • WordPress a changé le métier d’intégrateur, y compris en agence : on trouve ainsi des concepteurs de thèmes, de plugins, des intégrateurs WordPress, des packs clients basés sur WordPress, etc..

Structure de WordPress

Hiérarchie des fichiers

WordPress Template Hierarchy
WordPress Template Hierarchy

From Scratch

En tête du fichier wp-content/themes/fromscratch/style.css

/*
Theme Name: FromScratch
Theme URI: http://www.multiformat.fr
Description: Thème complètement vierge 8
Version: 1
Author: Vous
Author URI: http://www.multiformat.fr
*/

Anatomie du thème

style.css + index.php (+ header.php + sidebar.php + footer.php)

WordPress Files

WordPress Files

Voir la démo sur Spoongraphics

La Boucle WordPress

The Loop

The Loop

<?php 
if ( have_posts() ) {
	while ( have_posts() ) {
		the_post(); 
		//
		// Post Content here
		//
	} // end while
} // end if
?>

dev.wordpress

  • Partir sur un thème vierge (blankslate)
  • Créer du faux contenu : article, auteur, catégorie, mots-clés, image, galerie, vidéos, pages avec enfants

Mise en forme

  • Thème vierge à mettre en forme : repérer la structure de la boucle de blankslate pour voir la composition du site
  • Mise en forme du header : titre + description, menu et sous-menus, formulaire de recherche
  • Mise en forme des articles de 1ère page : réduire via [wpfunc name= »excertp() » url= »http://codex.wordpress.org/Excerpt »]
  • Mise en forme des liens, des images, des galeries, des vidéos
  • Mise en page du footer
  • Intégrer le plugin Breadcrumb NaxXT dans les pages
  • Mettre en forme le contenu généré par un widget

Modification du moteur

  • Fichier : [wpfunc name= »functions.php » url= »http://codex.wordpress.org/Functions_File_Explained »]
  • Rajouter des types de contenu (lien, billet court, sldeshow, etc.) : [wpfunc name= »Post format » url= »http://codex.wordpress.org/Post_Formats »]
  • Changer la longueur par défaut de l'[wpfunc name= »excertp() » url= »http://codex.wordpress.org/Excerpt »]
  • Rajouter une zone de widget dans [wpfunc name= »functions.php » url= »http://codex.wordpress.org/Functions_File_Explained »]
  • Rajouter un shortcode dans [wpfunc name= »functions.php » url= »http://codex.wordpress.org/Functions_File_Explained »]
  • Prévoir des styles sélectionnables dans l’éditeur (tiny_mce)
  • Rajouter une 2ème boucle sur la page d’accueil avec le titre de 3 sticky notes grâce à [wpfunc name= »WP_Query » url= »http://codex.wordpress.org/Class_Reference/WP_Query »]