Статьи по WordPress

Опубликовано: 01.11.2017

видео Статьи по WordPress

Как вывести статьи по рубрикам на главной странице

Задача . Создать уникальный фон для каждой страницы и уникальный стиль для рубрики



Решение. Чтобы понять, как нам это сделать, напомню немного о структуре WordPress. Как правило, за вывод главной страницы отвечает файл index.pxp (в некоторых шаблонах - home.php). За вывод страниц блога отвечает файл page.php, за вывод категорий (или рубрик) - файл category.php.

Обычно все стили прописаны в файле style.css, которые распространяются на все страницы нашего блога/сайта. Но иногда возникает необходимость придать страницам или рубрикам разный фон или какой-то уникальный стиль.


как правильно добавить опубликовать статью и фото на сайт WordPress

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

Итак, у нас есть четыре статические страницы. Наша задача - придать каждой странице уникальный фон, который одновременно служит шапкой для страницы.

Как видим, все стили в данном примере одинаковы, за исключением стиля для body и wrapper. Заблаговременно у вас должны быть подготовлены картинки для вашего фона. В блокноте Notepad++ создаем новый файл и сохраняем его как page-IDномер страницы.css .

Как узнать IDномер страницы?

Заходим в нашей админке на Страницы-Все страницы и выбираем страницу, на которой мы хотим сделать стилистические изменения. Нажимаем Изменить и в адресной строке смотрим, какой ID-номер у нашей страницы (на картинке-2)

В нашем случае, файл мы сохраняем как page-2.css . В этом файле мы прописываем только изменения. В нашем случае, мы задаем новый стиль для body и wrapper.

body { background: url (images/layout-bg.jpg) #FFFFFF scroll center top no-repeat; } #wrapper { background: url(images/wrapper_layout_bg1.png) #FFFFFF scroll center top no-repeat; }

Сохраняем в той директории, где находится файл style.css . Теперь, в зависимости от темы, в файл , где есть код подключения внутренних стилей -это может быть header.php или function.php - прописать следующий код: