Сайдбар блога. Элементы и расположение. Прописные истины. Sidebar в автозагрузке: что это за процесс, можно ли его отключить

На вашем сайте есть боковая колонка (sidebar), а вы хотели бы, на некоторых своих страничках ее отключить, тогда вам просто необходимо прочитать данную статью.

Скачать исходники для статьи можно ниже

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

Данная инструкция состоит из 6 шагов .

Шаг 1. Создаем отдельный файл для шаблона страницы.

За отображение внешнего вида страниц отвечают следующие файлы шаблона вашей темы: page.php, index.php.

Поэтому чтобы не писать код индивидуального шаблона с нуля, просто скопируем файл page.php и будем исправлять в нем код, после переименуем его например в файл shirokiishablon.php (можно придумать и другое название данного файла).

Для этого заходим через программу FileZilla на FTP-cервер вашего сайта, далее входим в вашу текущую тему:

/public_html (или WWW)/wp-content/themes – в этой папке находится все установленные на вашем сайте темы.

В данном примере моя текущая тема будет называться iGames, поэтому я вхожу в папку /iGames.

Здесь строка “Template Name:” нужна, чтобы wordpress распознал файл как индивидуальный шаблон, “shirokii” – это название вашего будущего индивидуального шаблона.

Шаг 2. Убираем сайдбар (sidebar, боковая колонка).

Sidebars подключаются в шаблоне вашей страницы с помощью следующего кода:

Находим данную строчку в коде и удаляем ее. В большинстве тем она должна быть в конце кода.

В принципе можно пропустить шаг 3 и шаг 4 данной статьи, и вы получите страницу без сайдбара, но текст не будет заходить на область бывшей боковой колонки (sidebar), то есть это будет выглядеть как то так:

Шаг 3. Изменение стиля страницы.

Чтобы текст отображался на всю ширину страницы, необходимо изменить его стиль оформления.

Для этого находим следующую строчку в коде:

и меняем ее на:

То есть мы поменяли для блока div стиль оформления с content на contentshirokii (можете использовать и другое имя).

Теперь нам нужно создать данный стиль (contentshirokii) на нашем сайте.

Шаг 4. Создание стиля contentshirokii.

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

После выбрать в правом меню из списка шаблонов файл style.css (в самом внизу списка) и открыть его.

Теперь у вас есть два пути:

1. либо создать стиль contentshirokii с “нуля”;

Для этого просто перейдите в конец кода файла style.css и вставьте следующий код:

#contentshirokii { padding: 10px 0px 30px 20px; float: left; width: 850px; }

Разберем здесь, что за что отвечает.

Строка padding – задает отступ: слева, сверху, справа, снизу.

Строка float – задает выравнивание: left – слева.

Строка width – ширина содержимого страницы (текста): 850px – 850 пикселей, здесь опытным путем находите нужную ширину.

2. или же найти и скопировать существующий стиль оформления content , переименовать его в contentshirokii и внести в него изменения – увеличив ширину отображения текста.

У меня он выглядел так:

#content { padding: 10px 0px 30px 20px; float: left; width: 585px; overflow: hidden; }

Копируем его и вставляем в конце файла style.css, далее меняем его название на contentshirokii, а также изменяем в нем параметр width:585 px на нужный вам (данный параметр ограничивает ширину вашего текста, благодаря которому текст статьи и не заходит на область бывшего нашего сайдбара). Параметр width можно установить опытным путем, я поменял его значение до 850 px.

В общем у меня получился следующий код:

#contentshirokii { padding: 10px 0px 30px 20px; float: left; width: 850px; overflow: hidden; }

После изменений нажимаем на кнопку “Обновить файл”.

Шаг 5. Сохраняем редактируемый файл page.php под другим именем и закачиваем его на сайт.

Все теперь сохраняем наш редактируемый файл, но не как page.php, а как shirokiishablon.php

Далее закачиваем его с помощью программы FileZilla на FTP-cервер вашего сайта в папку вашей текущей темы , то есть в нашем примере: /public_html/wp-content/themes/iGames (так как текущая тема в данном примере называется iGames).

Шаг 6. Подключаем созданный нами индивидуальный шаблон shirokii.

Теперь нам нужно выбрать страничку, на которой мы собираемся скрыть сайдбар, и применить к ней шаблон shirokii.

Для этого входим в панель управления вашим сайтом, выбираем в левом меню пункт Странички, далее подпункт Все страницы, выбираем нужную нам страничку, нажимаем на нее.

Далее находим справа поле “Атрибуты страницы” (если его у вас нет, то нажмите в правом верхнем углу на кнопку “Настройки экрана” и поставьте галочку напротив “Атрибуты страницы”) и в пункте Шаблон выбираем shirokii.

Все готово!

  • анастасия

    создала копию файла page, назвала pager и изменила по инструкции