web-dev-qa-db-fra.com

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. J'aimerais continuer à l'utiliser en modifiant la largeur et en ajoutant des barres latérales.

Quelqu'un pourrait-il m'aider à changer la largeur (pour l'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 précisé 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à.

C'est le code que j'ai trouvé là-bas:

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éé le fichier sidebar.php 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 trouvé aucune autre.

sidebarthemescustomization
1
user391

En règle générale, vous pouvez modifier la largeur à partir du fichier style.css, situé dans le répertoire themes (utilisez firebug pour déterminer l'élément).

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

1
negatif

@ user391,

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

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'id ou la classe CSS qui encapsule votre contenu principal ou vos publications. On peut généralement trouver ceci en regardant votre fichier index.php juste en dessous de <?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 clôture, c.-à-d. </div>, qui se trouve généralement juste avant <?php get_footer(); ?>. Certains thèmes fermeront les div de contenu dans footer.php. Dans ce cas, vous devrez le supprimer de footer.php et le corriger. avant <?php get_footer(); ?>

Ensuite, vous devez ajouter <?php get_sidebar(); ?> après la division finale 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 tenir compte de la barre latérale. Recherchez #content ou l'id ou le nom de classe trouvé ci-dessus et changez la largeur, faites-la flotter à gauche et ajoutez la 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 principale.

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

1
Chris_O