Categories

Новые шаблоны

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

Andre Flores Сентябрь 4, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

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

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

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

wordpress_how_to_make_specific_post_fullwidth_1

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

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

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

    wordpress_how_to_make_specific_post_fullwidth_2

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

    wordpress_how_to_make_specific_post_fullwidth_3

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

    wordpress_how_to_make_specific_post_fullwidth_4

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

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

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

    wordpress_how_to_make_specific_post_fullwidth_5

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

.postid-1910 #sidebar {
 display: none;
}
.postid-1910 #content {
 width: 100%;
}

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

wordpress_how_to_make_specific_post_fullwidth_6

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

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

wordpress_how_to_make_specific_post_fullwidth_7

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

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

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

Шаблоны Wordpress
Эта запись была размещена в WordPress туториалы и помечена как fullwidth, post, WordPress. Добавьте в закладки постоянную ссылку.

Submit a ticket

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