Меню

Как настроить тему colormag

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Как настроить переднюю панель для наушников с микрофоном

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

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

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

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

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

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

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

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

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

Источник

WordPress.org

Русский

Список тем

Разметка

  1. Разметка в виде сетки
  2. Одна колонка
  3. Две колонки
  4. Три колонки
  5. Четыре колонки
  6. Меню слева
  7. Меню справа
  8. Широкие блоки

Функции

  1. Поддержка специальных возможностей
  2. Паттерны редактора блоков
  3. Стили редактора блоков
  4. BuddyPress
  5. Произвольный фон
  6. Настройка цветов
  7. Произвольный заголовок
  8. Произвольный логотип
  9. Произвольное меню
  10. Стиль для редактора
  11. Миниатюры записей в заголовке
  12. Миниатюры записей
  13. Гибкий заголовок
  14. Виджеты в подвале
  15. Публикация с главной
  16. Полное редактирование сайта
  17. Одноколоночный шаблон
  18. Микроформаты
  19. Форматы записей
  20. Поддержка языков с письмом справа налево
  21. Прилепленная запись
  22. Настройки темы
  23. Вложенные комментарии
  24. Готова к переводу
  1. Блог
  2. Магазин
  3. Образование
  4. Развлечения
  5. Еда и напитки
  6. Праздник
  7. Новости
  8. Фотография
  9. Портфолио

ColorMag

Версия: 2.0.6

Последнее изменение: 1 апреля, 2021

Активных установок: 100 000+

Источник

Шаблон Colormag. Установка. Урок 1

Установка шаблона Colormag. У вас есть хостинг на который вы установили WordPress. Сразу после этого вы увидите формальный шаблон в который вам необходимо зайти как администратору. Для этого в адресной строке браузера введите:

Читайте также:  Как настроить часы water proof

Когда вы войдёте как администратор у вас откроется админ панель вашего сайта

Выберите из списка слева Внешний вид, в открывшемся списке выберите Темы

Нажмите Добавить новую

У вас откроется новое окно в котором надо выбрать Выберите фаил. Вам предстоит выбрать ваш шаблон colormag.

Где взять шаблон, тему Colormag?

В нете существуют бесплатные версии, но они все отредактированы и содержат либо лишние строчки кода, либо часть строчек кода удалена. В будущем это может привести к неработоспособности вашего сайта. Чтобы этого не было покупаем сайт у официального продавца https://themegrill.com/themes/colormag/

Продавец предоставляет бесплатную версию. Какую использовать — выбор за вами.

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

Нажмите на название темы в строчке справа и шаблон скачается на ваш компьютер

Теперь вернитесь в админ панель вашего сайта, нажмите Выберите фаил, укажите где вы сохранили тему которую только что скачали и нажмите Установить.

Подождите некоторое время пока тема установится, после чего откроется следующее окно, где вам надо нажать Активировать

После вам необходимо активировать тему. Для этого нажмите Перейдите по ссылке

Откроется страница продавца, вам надо выбрать Api Keys

Откроется список с ключами. Скопируйте ключ активации

Вернитесь в админ панель и вставьте лицензионные ключи и нажмите Сохранить изменения

Если вы потеряли место где вводить ключи: слева Внешний вид — Настроить — Дополнительные настройки —

Если вы всё сделали правильно, то появится информационное сообщение, что всё в порядке

Теперь можете перейти на свой сайт, чтобы полюбоваться какой вы молодец)))

Источник

Как настроить тему как на демонстрации

У владельцев темы colormag есть возможность настроить тему как на сайте продавца в несколько кликов.
Для этого необходимо в Админ панели выбрать пункт Внешний вид и Demo Importer

Кликните на Install ThemeGrill Demo importer

Начнётся процесс установки плагина: ThemeGrill Demo Importer 1.4.0. После удачной установки вы получите сообщение, что всё ок и предложение активировать плагин.

После активации плагина вам будет предложено 4 варианта установки на сайт. Наведите мышкой на выбранный вариант, появится 2 сообщения: предварительный просмотр или установка. Выберите необходимый вариант.
Если вы выбрали Установка, то тема будет установлена в оригинальном виде. Изменятся только ссылки, которые будут указывать ваш домен.

Форма заказа с календарём

Иногда требуется установить на сайт форму заказа с календарём. Для того, чтобы клиент мог выбрать дату, например заказа или записи

Читайте также:  Как настроить пакет настрой кино в триколоре

Подсвечивание строк в таблице цветом при наведении мышью

Для подсвечивания горизонтальных строк таблиц цветом необходимо добавить в css темы небольшой код. Перейдите в Админ панель, выберите Настроить и

Отступ первой строки абзаца

По умолчанию в теме Colormag отсутствует отступ первой строки абзаца, что не очень удобно при чтении больших статей. Чтобы это

Источник



ColorMag журнальная тема WordPress

Представляю интересную тему WordPress под названием ColorMag. Тема выпущена в двух вариантах: бесплатном и платном pro варианте. Тема универсальная, позиционируется как ColorMag журнальная тема WordPress.

Позиционирование темы для журнала, новостного портала связано с возможностью сделать на главной странице 16 виджетов, превратив её в журнальную страницу новостного сайта. Дизайн бесплатной версии выполнен в черном, белом и голубом цвете. Оформление строгое, прямое, ненавязчивое. Можно сказать всё очень лаконично.

Настройка дизайна позволяет создать четыре варианта отражения страниц и постов сайта:

  • Сайдбар справа (по умолчанию);
  • Сайдбар слева;
  • Два сайдбара, один справа, второй слева;
  • Без сайдбаров.

Где скачать и как установить ColorMag

Здесь, без сюрпризов. Два варианта установки из панели сайта и по FTP. В поиске тем на вкладке Внешний вид→Темы→Добавить новую, ищем тему по названию «ColorMag».

Настройки темы ColorMag

В настройках бесплатной версии возможно сделать:

  • 4 настройки общего дизайна по расположению сайдбара или его отсутствие;
  • Отдельно 4 настройки дизайна страниц сайта;
  • Отдельная настройка CSS;
  • Одна область меню;
  • 16 мест для вижджетов, включая два сайдбара (по умолчанию установлен один сайдбар справа, можно поменять), 4 виджета главной страницы, 4 виджета в футере, 1 виджет над заголовком;

  • Добавление логотипа в заголовок;
  • Включение показа последних статей над шапкой сайта;
  • Включение даты вверху страницы;
  • Включение приклеивания меню при прокрутке страницы;
  • Включение иконки поиска;
  • Включение кнопок социальных сетей.
  • Раздельная настройка цветов ссылок разделов сайта.

CSS шаблона

По умолчанию CSS текста сайта:

В настройках есть пункт «Custom CSS», где можно вставить свой кусок CSS кода и поменять стили.

Pro версия ColorMag

Pro версия стоит 59$. (страница покупки: https://themegrill.com/themes/colormag-pro/ )

Возможности pro версии:

  • Изменение цветов сайта, отдельно цвет заголовка, цвет футера;
  • Настройка иконок социальных сетей;
  • Добавляется поле для копирайта сайта в футере.

Фирменные виджеты темы

В теме заложены свои фирменные виджеты:

  • 3 виджета для рекламы в виде картинки с сылкой;
  • Виджет последние сообщения или сообщения определенной категории (2 стиля);
  • Виджет последние сообщения или сообщения определенной категории, которая будет использоваться в качестве слайдера;
  • Виджет последние сообщения или сообщения определенной категории. Подходит для блока рядом со слайдером в боковой панели.

Источник