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

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

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

colormag настройка

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

colormag настройка

 

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

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

 

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

colormag настройка

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

wordpress настройка внешнего вида

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

wordpress настройка внешнего вида

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

wordpress виджеты

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

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

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

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

colormag настройка виджетов

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

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

colormag настройка

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

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

Стиль 2.

colormag виджет

Стиль 3.

colormag виджет

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

colormag виджет

Стиль 5.

colormag виджет

Стиль 6.

colormag виджет

Стиль 7.

colormag виджет

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

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

 

 

 

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

  • Август 11, 2018 в 07:36
    Permalink

    Здравствуйте, немного не в тему поста вопрос.Скажите пожалуйста, как изменить в анонсах поста «read more» на «читать далее» .
    Заранее благодарю,Роман

    Ответ
  • Август 16, 2018 в 22:08
    Permalink

    Внешний вид — настроить — дополнительные настройки — Изменение текста Читать далее — Изменение текста Read more для Вашего сайта (напишите свой текст)

    Ответ
  • Сентябрь 9, 2018 в 00:23
    Permalink

    Здравствуйте.не подскажите 69 у.е это годовая подписка или нет..не нашёл точной инфы у официалов

    Ответ
    • Сентябрь 14, 2018 в 00:04
      Permalink

      Я как то покупал за эту сумму, через год с моего аккаунта удалили код и возможность скачивания темы. но тема и код остались рабочие.
      К новому году у них скидки каждый раз, можно все комплекты с безграничной лицензией за 99$ взять)

      Ответ
  • Июль 4, 2019 в 22:41
    Permalink

    Здравствуйте подскажите пожалуйста как вывести кол во просмотров записи?

    Ответ
  • Июль 6, 2019 в 23:13
    Permalink

    Настройка ▸ Дополнительные настройки
    Показ Меток записей
    Отключение вывода количества просмотров в поле мета данных (убрать галочку)

    Ответ
    • Июль 21, 2019 в 15:57
      Permalink

      У вас про версия темы? У меня такой функции нет

      Ответ
  • Июль 24, 2019 в 17:07
    Permalink

    Здравствуйте. Скажите, что нужно сделать, чтобы появилась кнопка «Смотреть все» (чёрная, вверху виджета рубрики)? Это нужно какой-то плагин установить?

    Ответ
  • Июль 25, 2019 в 13:35
    Permalink

    Здравствуйте. Скажите, как разместить чёрную кнопку «Смотреть все» над виджетом с рубрикой?

    Ответ
  • Декабрь 5, 2019 в 18:43
    Permalink

    Чтобы сделать кнопку «Смотреть все» нужно поставить галочку. А если нет этого 3 пункта?

    Ответ

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *