WordPress : Est-il possible de personnaliser le thème actuel en ajoutant des barres latérales

Publié par Jean-Michel le

J’utilise un thème WordPress qui n’a qu’un en-tête et un pied de page. Je voudrais continuer à l’utiliser en changeant la largeur et en ajoutant des barres latérales.

Quelqu’un pourrait-il m’aider à changer la largeur (pour s’adapter à l’écran) du thème. Quelqu’un a-t-il une idée sur la façon d’ajouter des barres latérales à ce thème ?

==========

Désolé de ne pas avoir été clair dans ma question précédente. Le thème que j’utilise est Minicard

Les lignes similaires à …

if (function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Sidebar Widgets',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>'
    ));

sont déjà là.

Voici le code que j’y ai trouvé :

if ( function_exists('register_sidebar') ) {

    register_sidebar(array(
        'name' => __('Beneath the Card (Top)', 'minicard'),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '<div class="clear"></div></li>',
        'before_title' => '<h2 class="section widgettitle">',
        'after_title' => '</h2>',
    ));
    register_sidebar(array(
        'name' => __('Beneath the Card (Bottom)', 'minicard'),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '<div class="clear"></div></li>',
        'before_title' => '<h2 class="section widgettitle">',
        'after_title' => '</h2>',
    ));
}

J’ai donc créé sidebar.phpun fichier et ajouté le code que vous avez donné pour la barre latérale.

Plus tard, j’ai essayé d’ajouter le code suivant :

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

au CSS.

Après avoir apporté ces modifications, j’ai cherché la barre latérale et je n’en ai pas trouvé d’autre.

Solution n°1 trouvée

@user391,

Si vous souhaitez utiliser les widgets de la barre latérale, ajoutez le code suivant à votre functions.phpfichier

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Sidebar Widgets',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>',
    ));

Ensuite, vous devrez déterminer l’identifiant ou la classe CSS qui enveloppe votre contenu principal ou vos publications. Habituellement, cela peut être trouvé en regardant votre index.phpfichier juste en dessous<?php get_header(); ?>

Vous devriez voir quelque chose comme <div id="content">mais il pourrait être nommé autre chose. En bas de la page, recherchez le div de fermeture, c’est-à-dire: </div>qui est généralement juste avant que <?php get_footer(); ?>certains thèmes ne ferment les divs de contenu dans footer.php si tel est le cas, vous devrez le supprimer de footer.php et le mettre juste avant<?php get_footer(); ?>

Ensuite, vous devez ajouter <?php get_sidebar(); ?>après la fermeture div et avant <?php get_footer(); ?>et créer un nouveau fichier de modèle nommé sidebar.php

Ajoutez le code suivant à sidebar.php

<div id="sidebar">

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Widgets') ) : ?><?php endif; ?>

</div><!--/sidebar-->

Ensuite, vous devrez modifier votre CSS pour accueillir la barre latérale. Trouvez #contentou l’identifiant ou le nom de classe que vous avez trouvé ci-dessus et modifiez la largeur et faites-le flotter à gauche et ajoutez votre barre latérale que nous venons de créer ci-dessus. Par exemple:

#content {
    width:620px;
    float:left
}

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}

Vous devrez peut-être ajuster les largeurs en fonction de la largeur de la div wrapper principale.

Vous pouvez maintenant ajouter du contenu à la barre latérale en utilisant les widgets de votre tableau de bord WordPress.

Solution n°2 trouvée

Généralement, vous pouvez modifier la largeur du style.cssfichier, qui se trouve dans le répertoire des thèmes (utilisez firebug pour déterminer l’élément).

Pour ajouter des barres latérales… utilisez ce tutoriel.

Catégories : Wordpress

0 commentaire

Laisser un commentaire

Avatar placeholder

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