WordPress Cherry 3.x. Как сделать отдельную запись полноширинной

Добрый день! Из этого туториала Вы узнаете, как сделать отдельную запись полноширинной (specific post fullwidth) в шаблонах WordPress CherryFramework 3.

WordPress Cherry 3.x. Как сделать отдельную запись полноширинной

Страница Отдельная запись как правило включает область содержимого страницы (content area) и боковую панель (sidebar):

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

Давайте узнаем, как добиться этого.

1. Используя расширение Firebug для Firefox или Инструмент разработчика (Inspect Element) вашего браузера, найдите класс боковой панели (sidebar class):

   

2. Затем, найдите класс области содержимого страницы (content area class) таким же образом:

   

3. Теперь, давайте найдём особый класс для страниц отдельных записей (class for single posts pages):

   

Классом страницы конкретной записи (specific post) является: postid-1910. Если Вы хотите применить изменения ко всем страницам отдельных записей (single posts), Вам следует использовать класс single-post.

Теперь, когда Вы знаете названия классов, мы можем добавить необходимые правила CSS, для того чтобы удалить боковую панель и «растянуть» содержимое страницы на всю ширину сайта.

1. Перейдите на вкладку Внешний вид -> Редактор (Appearance -> Editor) в вашей админ панели WordPress:

   

2. В файле style.css, который откроется, добавьте следующий код в самом низу файла:

Нажмите на кнопку «Обновить файл» (Update File), для того чтобы применить изменения:

Перейдите на ваш сайт и обновите страницу, для того чтобы увидеть внесённые изменения.

Вы можете видеть, что запись теперь отображается на всю ширину экрана:

Это конец данного туториала. Вы узнали, как сделать отдельную запись полноширинной (specific post fullwidth) в вашем шаблоне WordPress CherryFramework 3.

Вы можете ознакомиться с детальным видео-туториалом ниже:

WordPress Cherry 3.x. Как сделать отдельную запись полноширинной