Есть ли возможность настроить текущую тему, добавив боковые панели


Я использую тему WordPress, которая имеет только верхний и нижний колонтитулы. Я хотел бы продолжить его использование, изменив ширину и добавив боковые полосы.

Может ли кто-нибудь помочь мне изменить ширину (чтобы она соответствовала экрану) темы. У кого-нибудь есть идея о том, как добавить боковые панели в эту тему?

==========

Извините, что не прояснил мой предыдущий вопрос. Тема, которую я использую, - Миникарта

Строки, подобные ...

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>'
    ));

Уже есть.

Вот код, который я там нашел:

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>',
    ));
}

Поэтому я создал файл sidebar.php и добавил код, который вы указали для боковой панели.

Позже я попытался добавить следующий код:

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

В CSS.

После внесения этих изменений я поискал боковую панель и не нашел никакой дополнительной.

Author: user391, 2010-08-24

2 answers

Как правило, вы можете изменить ширину файла style.css, который находится в каталоге тем (используйте firebug для определения элемента).

Для добавления боковых панелей... используйте этот учебник.

 1
Author: negatif, 2013-12-16 17:14:48

@пользователь391,

Если вы хотите использовать виджеты боковой панели, добавьте следующий код в свой файл 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>',
    ));

Далее вам нужно будет определить идентификатор CSS или класс, который обертывает ваш основной контент или публикации. Обычно это можно найти, посмотрев на ваш файл index.php прямо под ним <?php get_header(); ?>

Вы должны увидеть что-то вроде <div id="content">, но это может быть названо как-то иначе. В нижней части страницы найдите закрывающий раздел, т.Е. </div>, который обычно находится прямо перед <?php get_footer(); ?> некоторыми темы закроют разделы содержимого в footer.php если это так, вам нужно будет удалить его из footer.php и поставьте его прямо перед <?php get_footer(); ?>

Далее вам нужно добавить <?php get_sidebar(); ?> после закрывающего div и перед <?php get_footer(); ?> и создать новый файл шаблона с именем sidebar.php

Добавьте следующий код в sidebar.php

<div id="sidebar">

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

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

Далее вам придется изменить свой CSS, чтобы разместить боковую панель. Найдите #content или идентификатор или имя класса, которые вы нашли выше, измените ширину и переместите его слева и добавьте свою боковую панель, которую мы только что создали выше. Например:

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

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

Возможно, вам придется отрегулировать ширину в зависимости от ширины основной обертки div.

Теперь вы можете добавлять контент на боковую панель с помощью виджетов на панели управления WordPress.

 1
Author: Chris_O, 2013-12-16 17:17:01