C’est vrai que lorsque vous atteigniez ce niveau de complexit\u00e9, il vaut peut-\u00eatre mieux passer \u00e0 autre chose qu’\u00e0 WordPress, Drupal par exemple.<\/p>\n
Pour les besoins de notre cause, nous allons travailler sur le “template” livr\u00e9 par d\u00e9faut lors de l’installation et on va le modifier afin d’ajouter des sidebars suppl\u00e9mentaires.<\/p>\n
Modifier le code du fichier functions.php<\/code><\/h2>\nLe plus simple est donc de prendre le \u00ab template \u00bb qui est livr\u00e9 par d\u00e9faut et de le tordre jusqu\u2019\u00e0 ce qu\u2019il satisfasse vos besoins.<\/p>\n
Il faut changer le fichier functions.php<\/code>, en lui administrant un peu de variabilit\u00e9. c’est le sens de la commande if ( function_exists('register_sidebars') ) register_sidebars(4);<\/code>. On d\u00e9clare en fait qu’il va avoir dans notre th\u00e8me 4 “sidebars” dont celle qui existe actuellement.<\/strong><\/p>\nExtrait de functions.php<\/strong><\/p>\n\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t\/*\r\n\t\r\n\tLe code d'origine est d\u00e9sactiv\u00e9...\r\n\t\r\n\tif ( function_exists('register_sidebar') )\r\n\t register_sidebar(array(\r\n\t 'before_widget' => '- ',\r\n\t 'after_widget' => '<\/li>',\r\n\t 'before_title' => '
',\r\n\t 'after_title' => '<\/h2>',\r\n\t ));\r\n\t*\/\r\n\r\n\r\n\tif ( function_exists('register_sidebars') )\r\n\t\/* nous avons 4 sidebars \u00e0 disposition d\u00e9sormais *\/\r\n\tregister_sidebars(4);\r\n<\/pre>\nCr\u00e9er les fichiers suppl\u00e9mentaires en respectant une nomenclature<\/h2>\n
Dans le th\u00e8me par d\u00e9faut, il existe un fichier sidebar.php<\/code>. Il vous faut conserver le nom sidebar.php<\/code> car ce fichier est appel\u00e9 par la fonction get_sidebar();<\/code>. Les fichiers suivants, contenant vos autres “sidebars” sont ensuite num\u00e9rot\u00e9s \u00e0 partir de 2 ex<\/u> sidebar2.php, sidebar3.php, sidebar4.php…etc.<\/p>\nIns\u00e9rer le code dans un fichier de “sidebar” par exemple sidebar2.php<\/code><\/h2>\nIl vous suffit d’indiquer le fichier de “sidebar” la condition suivante if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else :<\/code> et de clore cette condition avec un endif;<\/code>. C’est la mention dynamic_sidebar(2)<\/b> qui permet l’appelle \u00e0 la sidebar2.php, si nous avions eu dynamic_sidebar(4), on aurait eu un appel \u00e0 sidebar4.php<\/p>\nCi-dessous le code complet du fichier sidebar2.php<\/code>, pour pouvoir voir d\u00e9terminer qu’il s’agit bien de la sidebar2.php<\/code>, on a plac\u00e9 un <h2 class="pagetitle">sidebar2.php<\/h2><\/code> en d\u00e9but de code.<\/p>\nExtrait de sidebar2.php<\/strong><\/p>\n\r\n\t<?php\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t?>\r\n\t<div>\r\n\t\t<h2 class="pagetitle">sidebar2.php<\/h2>\r\n\t<ul>\r\n\t<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>\r\n\t\t<!-- les widgets viennent ici -->\r\n\t<?php endif; ?>\r\n\t<\/ul>\r\n\t<\/div>\r\n\r\n\t\r\n<\/pre>\nJouer plac\u00e9 ou pas…<\/h2>\n
Libre \u00e0 vous de placer vos “sidebars” additionnelles o\u00f9 vous le souhaitez. Dans notre exemple, on place sidebar2.php<\/code> dans le fichier footer.php<\/code> et sidebar3.php<\/code> en “include” dans le fichier sidebar.php<\/code> lui-m\u00eame et enfin sidebar4.php<\/code> en “include” dans le fichier index.php<\/code><\/p>\nUne vue compl\u00e8te de la sidebar de notre th\u00e8me<\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_1.jpg\")
<\/p>\n
sidebar.php<\/code> qui correpsond \u00e0 notre “sidebar1”<\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_1_a.jpg\")
<\/p>\nsidebar3.php<\/code> inclus dans sidebar.php<\/code><\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_1_b.jpg\")
<\/p>\nsidebar4.php<\/code> inclus dans index.php<\/code><\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_1_c.jpg\")
<\/p>\nsidebar2.php<\/code> inclus dans footer.php<\/code><\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_1_d.jpg\")
<\/p>\nManipuler les widgets par sidebar depuis l’admin<\/h2>\n
Comme le positionnement de votre contenu est factoris\u00e9 dans des fichiers ind\u00e9pendants et adoss\u00e9 au moteur de widgets de WP, vous pouvez ensuite s\u00e9lectionner facilement contenu et l’endroit qui vous convient pur le placer.<\/p>\n
4 “sidebars” sont \u00e0 votre disposition<\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_2.jpg\")
<\/p>\n
contenu sibebar4<\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_3.jpg\")
<\/p>\n
contenu sibebar3<\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_4.jpg\")
<\/p>\n
contenu sibebar2<\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_5.jpg\")
<\/p>\n
\u00e9dition du widget contenu dans la sibebar2 inclus dans footer.php<\/code><\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_6.jpg\")
<\/p>\ncontenu sibebar1<\/b>
\n![\"Wordpress](\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/06\/wp_wp_widgetizing_themes_7.jpg\")
<\/p>\nUn peu plus de code…<\/h2>\n
Extrait de sidebar.php<\/strong><\/p>\n\r\n\t<?php\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t?>\r\n\t\t<div id="sidebar">\r\n\t\t\t<h2 class="pagetitle">sidebar1.php<\/h2>\r\n\t\t\t<ul>\r\n\t\t\t\t<?php \t\/* Widgetized sidebar, if you have the plugin installed. *\/\r\n\t\t\t\t\t\tif ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>\r\n\t\r\n\t\r\n<\/pre>\nExtrait de sidebar3.php<\/strong><\/p>\n\r\n\t<?php\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t?>\r\n\t<div>\r\n\t\t<h2 class="pagetitle">sidebar3.php<\/h2>\r\n\t<ul>\r\n\t<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(3) ) : else : ?>\r\n\t\t<!-- les widgets viennent ici -->\r\n\t<?php endif; ?>\r\n\t<\/ul>\r\n\t<\/div>\r\n\r\n\t\r\n<\/pre>\nExtrait de sidebar4.php<\/strong><\/p>\n\r\n\t<?php\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t?>\r\n\t<div>\r\n\t\t<h2 class="pagetitle">sidebar4.php<\/h2>\r\n\t<ul>\r\n\t<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(4) ) : else : ?>\r\n\t\t<!-- les widgets viennent ici -->\r\n\t<?php endif; ?>\r\n\t<\/ul>\r\n\t<\/div>\r\n\t\r\n<\/pre>\nextrait du code index.php<\/code>, il s’agit de l’insertion de “sidebar4”<\/b><\/p>\n\r\n\r\n<?php get_sidebar(); ?>\r\n\r\n<div id="sidebar">\r\n\r\n<!-- insertion sidebar4.php -->\r\n<?php include (TEMPLATEPATH . "\/sidebar4.php"); ?>\r\n\t<\/div>\r\n\r\n<?php get_footer(); ?>\r\n<\/pre>\nextrait du code sidebar.php<\/code>, il s’agit de l’insertion de “sidebar3”<\/b><\/p>\n\r\n\r\n<?php endif; ?>\r\n<\/ul>\r\n\r\n<!-- insertion sidebar3.php -->\r\n<?php include (TEMPLATEPATH . "\/sidebar3.php"); ?>\r\n\r\n<\/div>\r\n<\/pre>\nextrait du code footer.php<\/code>, il s’agit de l’insertion de “sidebar2”<\/b><\/p>\n\r\n\r\n\t\t\t<?php wp_footer(); ?>\r\n\r\n\r\n\t<div><?php include (TEMPLATEPATH . "\/sidebar2.php"); ?><\/div>\r\n\t<\/body>\r\n\t<\/html>\r\n\r\n<\/pre>\nPour aller plus loin<\/h2>\n\n- Une page de r\u00e9capitulation sur comment “Widgetizing Themes”
\nhttp:\/\/automattic.com\/code\/widgets\/themes\/<\/a><\/li>\n- Adding Extra Sidebar to your WordPress Theme
\nhttp:\/\/www.blogohblog.com\/adding-extra-sidebar-to-your-wordpress-theme\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"Voil\u00e0 bien une chose importante dont on ne souvient jamais en situation lorsque l’on en a le plus besoin, c’est \u00e0 dire au moment d’int\u00e9grer… <\/p>\n
Le plus simple est donc de prendre le \u00ab template \u00bb qui est livr\u00e9 par d\u00e9faut et de le tordre jusqu\u2019\u00e0 ce qu\u2019il satisfasse vos besoins.<\/p>\n
Il faut changer le fichier Extrait de functions.php<\/strong><\/p>\n Dans le th\u00e8me par d\u00e9faut, il existe un fichier Il vous suffit d’indiquer le fichier de “sidebar” la condition suivante Ci-dessous le code complet du fichier Extrait de sidebar2.php<\/strong><\/p>\n Libre \u00e0 vous de placer vos “sidebars” additionnelles o\u00f9 vous le souhaitez. Dans notre exemple, on place Une vue compl\u00e8te de la sidebar de notre th\u00e8me<\/b> Comme le positionnement de votre contenu est factoris\u00e9 dans des fichiers ind\u00e9pendants et adoss\u00e9 au moteur de widgets de WP, vous pouvez ensuite s\u00e9lectionner facilement contenu et l’endroit qui vous convient pur le placer.<\/p>\n 4 “sidebars” sont \u00e0 votre disposition<\/b> contenu sibebar4<\/b> contenu sibebar3<\/b> contenu sibebar2<\/b> \u00e9dition du widget contenu dans la sibebar2 inclus dans contenu sibebar1<\/b> Extrait de sidebar.php<\/strong><\/p>\n Extrait de sidebar3.php<\/strong><\/p>\n Extrait de sidebar4.php<\/strong><\/p>\n extrait du code extrait du code extrait du code Voil\u00e0 bien une chose importante dont on ne souvient jamais en situation lorsque l’on en a le plus besoin, c’est \u00e0 dire au moment d’int\u00e9grer… <\/p>\nfunctions.php<\/code>, en lui administrant un peu de variabilit\u00e9. c’est le sens de la commande if ( function_exists('register_sidebars') ) register_sidebars(4);<\/code>. On d\u00e9clare en fait qu’il va avoir dans notre th\u00e8me 4 “sidebars” dont celle qui existe actuellement.<\/strong><\/p>\n\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t\/*\r\n\t\r\n\tLe code d'origine est d\u00e9sactiv\u00e9...\r\n\t\r\n\tif ( function_exists('register_sidebar') )\r\n\t register_sidebar(array(\r\n\t 'before_widget' => '',\r\n\t 'after_title' => '<\/h2>',\r\n\t ));\r\n\t*\/\r\n\r\n\r\n\tif ( function_exists('register_sidebars') )\r\n\t\/* nous avons 4 sidebars \u00e0 disposition d\u00e9sormais *\/\r\n\tregister_sidebars(4);\r\n<\/pre>\n
Cr\u00e9er les fichiers suppl\u00e9mentaires en respectant une nomenclature<\/h2>\n
sidebar.php<\/code>. Il vous faut conserver le nom sidebar.php<\/code> car ce fichier est appel\u00e9 par la fonction get_sidebar();<\/code>. Les fichiers suivants, contenant vos autres “sidebars” sont ensuite num\u00e9rot\u00e9s \u00e0 partir de 2 ex<\/u> sidebar2.php, sidebar3.php, sidebar4.php…etc.<\/p>\nIns\u00e9rer le code dans un fichier de “sidebar” par exemple
sidebar2.php<\/code><\/h2>\nif ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else :<\/code> et de clore cette condition avec un endif;<\/code>. C’est la mention dynamic_sidebar(2)<\/b> qui permet l’appelle \u00e0 la sidebar2.php, si nous avions eu dynamic_sidebar(4), on aurait eu un appel \u00e0 sidebar4.php<\/p>\nsidebar2.php<\/code>, pour pouvoir voir d\u00e9terminer qu’il s’agit bien de la sidebar2.php<\/code>, on a plac\u00e9 un <h2 class="pagetitle">sidebar2.php<\/h2><\/code> en d\u00e9but de code.<\/p>\n\r\n\t<?php\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t?>\r\n\t<div>\r\n\t\t<h2 class="pagetitle">sidebar2.php<\/h2>\r\n\t<ul>\r\n\t<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>\r\n\t\t<!-- les widgets viennent ici -->\r\n\t<?php endif; ?>\r\n\t<\/ul>\r\n\t<\/div>\r\n\r\n\t\r\n<\/pre>\nJouer plac\u00e9 ou pas…<\/h2>\n
sidebar2.php<\/code> dans le fichier footer.php<\/code> et sidebar3.php<\/code> en “include” dans le fichier sidebar.php<\/code> lui-m\u00eame et enfin sidebar4.php<\/code> en “include” dans le fichier index.php<\/code><\/p>\n
\n<\/p>\nsidebar.php<\/code> qui correpsond \u00e0 notre “sidebar1”<\/b>
\n<\/p>\nsidebar3.php<\/code> inclus dans sidebar.php<\/code><\/b>
\n<\/p>\nsidebar4.php<\/code> inclus dans index.php<\/code><\/b>
\n<\/p>\nsidebar2.php<\/code> inclus dans footer.php<\/code><\/b>
\n<\/p>\nManipuler les widgets par sidebar depuis l’admin<\/h2>\n
\n<\/p>\n
\n<\/p>\n
\n<\/p>\n
\n<\/p>\nfooter.php<\/code><\/b>
\n<\/p>\n
\n<\/p>\nUn peu plus de code…<\/h2>\n
\r\n\t<?php\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t?>\r\n\t\t<div id="sidebar">\r\n\t\t\t<h2 class="pagetitle">sidebar1.php<\/h2>\r\n\t\t\t<ul>\r\n\t\t\t\t<?php \t\/* Widgetized sidebar, if you have the plugin installed. *\/\r\n\t\t\t\t\t\tif ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>\r\n\t\r\n\t\r\n<\/pre>\n\r\n\t<?php\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t?>\r\n\t<div>\r\n\t\t<h2 class="pagetitle">sidebar3.php<\/h2>\r\n\t<ul>\r\n\t<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(3) ) : else : ?>\r\n\t\t<!-- les widgets viennent ici -->\r\n\t<?php endif; ?>\r\n\t<\/ul>\r\n\t<\/div>\r\n\r\n\t\r\n<\/pre>\n\r\n\t<?php\r\n\t\/**\r\n\t * @package WordPress\r\n\t * @subpackage Default_Theme\r\n\t *\/\r\n\t?>\r\n\t<div>\r\n\t\t<h2 class="pagetitle">sidebar4.php<\/h2>\r\n\t<ul>\r\n\t<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(4) ) : else : ?>\r\n\t\t<!-- les widgets viennent ici -->\r\n\t<?php endif; ?>\r\n\t<\/ul>\r\n\t<\/div>\r\n\t\r\n<\/pre>\nindex.php<\/code>, il s’agit de l’insertion de “sidebar4”<\/b><\/p>\n\r\n\r\n<?php get_sidebar(); ?>\r\n\r\n<div id="sidebar">\r\n\r\n<!-- insertion sidebar4.php -->\r\n<?php include (TEMPLATEPATH . "\/sidebar4.php"); ?>\r\n\t<\/div>\r\n\r\n<?php get_footer(); ?>\r\n<\/pre>\n
sidebar.php<\/code>, il s’agit de l’insertion de “sidebar3”<\/b><\/p>\n\r\n\r\n<?php endif; ?>\r\n<\/ul>\r\n\r\n<!-- insertion sidebar3.php -->\r\n<?php include (TEMPLATEPATH . "\/sidebar3.php"); ?>\r\n\r\n<\/div>\r\n<\/pre>\n
footer.php<\/code>, il s’agit de l’insertion de “sidebar2”<\/b><\/p>\n\r\n\r\n\t\t\t<?php wp_footer(); ?>\r\n\r\n\r\n\t<div><?php include (TEMPLATEPATH . "\/sidebar2.php"); ?><\/div>\r\n\t<\/body>\r\n\t<\/html>\r\n\r\n<\/pre>\n
Pour aller plus loin<\/h2>\n
\n
\nhttp:\/\/automattic.com\/code\/widgets\/themes\/<\/a><\/li>\n
\nhttp:\/\/www.blogohblog.com\/adding-extra-sidebar-to-your-wordpress-theme\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"