Как добавить дополнительные колонки виджетов в футер?

Автор:
Nurlan Kemelbekov

Как добавить дополнительные колонки виджетов в футер? Верхний и нижний колонтитулы два самых важных частей любого блога. Рекомендуется иметь 3 колонки в футере, чтобы такие вещи, как популярные статьи, последние комментарии и т.д. можно было вставить в виджеты.

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

Если вам нужна полноценная функциональность и дальнейший контроль над виджетами, то здесь приведен удивительный код. Просто добавь нижеприведенный код в functions.php файл и обновить его.

Добавить 3 колонки виджета в Footer

1.Войти в админ панель WordPress.
2.Изменить functions.php файл вашей темы, используя «Редактор»
3.Добавить код в самом конце и обновить файл functions.php.

Рекомендую предварительно сделать копию файла и сохранить. 

function custom_footer() { ?>

<div id="footer-widgets">

<div>

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Left') ) : ?>

<?php endif; ?>

</div>

<div>

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Middle') ) : ?>

<?php endif; ?>

</div>

<div>

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Right') ) : ?>

<?php endif; ?>

</div>

</div>

<?php }

add_action('genesis_footer', 'custom_footer');

Теперь нужно добавить к нему стили CSS.

Самое время добавить некоторые стили для этих виджетов, чтобы они были выровнены и все выглядело нормально. Добавить этот код в style.css файл и обновить его.

#footer-widgets
{background-color: #FFFFFF;
box-shadow: 0 0 2px #999999;
clear: both;
font-size: 14px;
line-height: 22px;
margin: 2px auto 0;
overflow: hidden;
padding: 15px 10px;
width: 940px;
}
.footer-widgets-1 {
border-right: 1px dashed #DDDDDD;
float: left;
margin: 0 15px 0 0;
padding: 0 15px 0 0;
width: 290px;
}
.footer-widgets-2 {
float: left;
width: 290px;
}
.footer-widgets-3 {
border-left: 1px dashed #DDDDDD;
float: right;
margin: 0 0 0 15px;
padding: 0 0 0 15px;
width: 290px;
}
#footer-widgets h4 {
background-color: #EEEEEE;
border: medium none;
margin: 0 -15px 10px;
padding: 5px 15px;
width: auto;
}

#footer-widgets .widget {
margin: 0 0 20px;
padding: 15px;
#footer-widgets ul {
list-style: square outside none;
margin: 0;
background: none repeat scroll 0 0 transparent;
list-style-type: square;
margin: 0;
padding: 7px 0 7px 20px;
text-shadow: 1px 1px #FFFFFF;
word-wrap: break-word;
}

Пришло время для шоу. Перейти в раздел «Виджеты» и добавить несколько виджетов в футер с помощью перетаскивания. Настройте виджеты и проверьте его работу на своем блоге.
Вот и все, вы успешно добавили 3 колонки с виджетами в футер вашей темы.

Статьи по теме: Как можно избавиться от зашифрованного кода в Footer*е




Вам также может понравиться:


2 комментарий на “Как добавить дополнительные колонки виджетов в футер?

    • Здравствуйте, Катя. Давайте вместе разберемся. Пожалуйста, назовите имя Вашей темы сайта. Или дайте ссылку на Ваш сайт.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Copy This Password *

* Type Or Paste Password Here *

четырнадцать + двадцать =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!