WordPress : Disposition ou thème WordPress à deux barres latérales

Publié par Jean-Michel le

Je suis nouveau sur WordPress. Je travaillais avec Drupal pendant quelques jours, avant. Maintenant, je m’intéresse à WordPress. Alors, j’essaie de l’apprendre.

Mon problème est que, dans WordPress, je n’ai pas trouvé de thème ou de mise en page à deux barres latérales. J’ai vu que WordPress a toujours une barre latérale ( gauche ou droite ), qui se trouve à l’intérieur <aside>de la balise. Mais, dans Drupal, il y a 2 barres latérales ( sidebar-left , sidebar-right ). Mais, un utilisateur ou un développeur a toujours la possibilité de choisir parmi ceux-ci, une ou deux barres latérales dont il a besoin.

Est-il possible d’obtenir n’importe quel thème, ce qui peut m’aider à créer un thème à deux barres latérales ? Tout thème vierge sera également OK. J’ai un thème vierge appelé Blank Slate, qui est tout simplement génial. Mais le problème est qu’il n’a qu’une seule barre latérale.

En bref, pour mon projet, j’ai besoin d’un thème vierge à 2 barres latérales. Est-il possible d’obtenir? Merci d’avance.

Solution n°1 trouvée

Dans votre thème de démarrage « Blank Slate » :
ÉTAPE I : Ouvrez le functions.phpet recherchez le mot : « register_sidebar ». À l’intérieur de la blankslate_widgets_init()fonction, collez les codes suivants juste après les register_sidebar()extrémités, mais à l’intérieur de la blankslate_widgets_init()fonction (avant de fermer les deuxièmes accolades – ‘}’) :

register_sidebar( array (
'name' => __('Left Widget Area', 'blankslate'),
'id' => 'secondary-widget-area',
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
'after_widget' => "</li>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );

Il enregistrera la nouvelle zone de la barre latérale dans le panneau d’administration. Et l’identifiant sera disponible pour l’appeler dans le front-end.

ÉTAPE II : Maintenant, copiez sidebar.phpet collez-le et renommez-le en : sidebar-secondary.php. Maintenant, effacez tous les codes à l’intérieur et collez ce qui suit :

<aside id="sidebar" role="complementary">
<?php if ( is_active_sidebar('secondary-widget-area') ) : ?>
<div id="secondary" class="widget-area">
<ul class="xoxo">
<?php dynamic_sidebar('secondary-widget-area'); ?>
</ul>
</div>
<?php endif; ?>
</aside>

ÉTAPE III : Entrez dans le index.php. Vous remarquerez un <?php get_sidebar(); ?>après la </section>balise de fin. Semblable à la ligne, ajoutez simplement une ligne simple après le <?php get_header(); ?>, mais avant la <section>balise de départ, comme ci-dessous :

<?php get_header(); ?>
<?php get_sidebar( 'secondary' ); ?>
<section id="content" role="main">

Maintenant, votre mise en page se compose de deux barres latérales. Le reste dépend de vous – le puissant CSS. 🙂

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *