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

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.