Урок 13. Редактируем внешний вид

Перед настройкой внешнего вида у вас должно быть написано не менее 5 записей в каждой из категорий.

Создайте новую страницу с названием Новости или с другим названием; название этой страницы очень важно! (У меня эта страница будет называться Настройка темы Colormag). Эта страница очень важна, так как она будет отображаться в поиске как главная. Выберите название которое соответствует тематике вашего сайта. Так как это сайт посвящён теме Colormag, то я назову её  Настройка темы Colormag.

Описание заполнять не обязательно, так как эта страница будет иметь другое предназначение. Теперь перейдите внизу страницы к seo раздел и нажмите Изменить сниппет. В разделе мета описание напишите о чём ваш сайт. Ещё раз напомню, что мы сейчас создаём страницу, которая будет отображаться как главная в поисковых системах (редактор сниппета показывает как будет выглядеть ваша главная страница сайта в поисковиках) и то что вы сейчас запишите в сниппете будет иметь самое важное значение для seo продвижения. Укажите фокусное ключевое слово. Нажмите Опубликовать.

[intense_blockquote color=»#ebcece»]

Важно! Вы можете отказаться от использования данного плагина, он не является обязательным на данном этапе.

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

[/intense_blockquote]

Теперь перейдите в админ панель и выберите Настройки — Чтение. Нажмите на кружок Статическую страницу и выберите вашу страницу из списка. Сохраните изменения.

Теперь перейдите на главную страницу вашего сайта. У вас там должны пропасть все записи и останется только заголовок страницы, которую вы указали как статическую (которую мы только что создавали). Если вы всё это видите значит вы всё сделали правильно. Теперь мы будем оформлять внешний вид главной страницы. (На будущее: пусть вас не смущает, что название страницы видно на главной странице. Чуть позже я расскажу как это убрать если нужно).

В админ панели выберите Внешний вид — Виджеты. Раскройте виджет Главная страница: Содержание верхнего блока.

Colormag предлагает 7 основных стилей, которые вы можете разместить. Я покажу вам все по отдельности, чтобы у вас появилось правильное представление какой куда использовать. На изображении ниже показаны эти стили. Разрешение экрана моего ноутбука не позволяет раскрыть описание стилей полностью, потому я обозначил их номерами.

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

В начале будет показано как будет выглядеть расположение. Затем вам нужно будет ввести название, оно появится над расположением. Описание заполнять не нужно. Укажите количество последних записей, которые будут отображаться. Выберите показывать последние сообщение или показать записи из категории. Так как вы можете расположить таких стилей несколько штук на главной странице, то рекомендую выбрать последние записи из категории. Из какой — выберите рубрику. далее поставьте галочку в последнем квадратике и нажмите Сохранить.

Для того чтобы у вас появился прямоугольник слева Смотреть всё поставьте галочку в 3м пункте.

На главной странице у вас появится ваш стиль

В верху стиля отобразилось название, которое мы указали: Главная.

Здесь явно видно что 4 последние записи для отображения мало, так как есть свободное место. Измените в стиле количество записей для показа с 4 на 5 и сохраните изменения. Теперь всё выглядит как то поприличнее.

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

Это основное. Таким же образом вы можете добавить новые, не обязательно те же самые стили и создать внешний вид сайта по своему смотрению. Я только покажу как могут выглядеть оставшиеся 6 стилей.

Стиль 2.

Стиль 3.

Стиль 4. То же самое что и стиль 3, но текста больше.

Стиль 5.

Стиль 6.

Стиль 7.

Нам осталось удалить название страницы на которой у нас находятся стили. Для этого в админ панели выберите Внешний вид — Настроить — параметры отображения — Настройки главной страницы и поставьте галочку в «Отметьте для скрытия записей блога/статической страницы на главной странице». Затем Сохранить и опубликовать.

Теперь у нас главная страница не отображает название страницы к которой она привязана. И открывается по прямой ссылке. В моём случае это colormag.info