A- A A+

Настройки шаблона

Настройки стандартного шаблона Protostar

Заходим в РАСШИРЕНИЯ => МЕНЕДЖЕР ШАБЛОНОВ. Шаблон сайта используемый в данный момент - protostar - Default, отмечен звездочкой.

Настройки шаблона

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

Вторая вкладка Дополнительные параметры позволяет изменить следующие параметры:

  • Цвет текста - Основной текст шаблона
  • Цвет фона - Фон для фиксированных объектов
  • Логотип - Выбор логотипа сайта
  • Заголовок - Альтернативный заголовок сайта
  • Описание - Подзаголовок сайта
  • Шрифт Google для заголовков - Шрифты используемые для заголовков
  • Название шрифта Google - Название шрифта
  • Тип контейнера - Если "Резиновый", сайт растягивается на всю ширину экрана монитора.

Настройки шаблона

Теперь заголовок с подзаголовком будет выглядеть так.

Настройки шаблона

Последняя вкладка Привязка к меню. Сохраняем шаблон нажав кнопку "Сохранить копию".

Настройки шаблона

В результате получаем копию этого же шаблона.

Настройки шаблона

Зайдя в созданную копию шаблона, можем его переименовать, например в соответствии с пунктом меню "Безопасность". Переходим на вкладку Дополнительные параметры, где создаем новые настройки.

На вкладке Привязка к меню отмечаем пункт "Безопасность" и сохраняем шаблон. Теперь произведенные настройки внешнего вида сайта будут применяться только при переходе к пункту меню "Безопасность".

Настройки шаблона VT_Emake

На первой вкладке ("Подробно") шаблона от студии VTEM, можно поменять название стиля и ознакомиться с описанием.

Вкладка Настройки содержит спойлеры с множеством настроек. Например, Основные параметры:

  • Template Style - Выбор предустановленных стилей
  • Template Layout - Порядок вывода колонок
  • Select logo type - Выбор логотипа и т.д.

Настройки шаблона

Вкладка "Шаблоны"

До этого мы находились на вкладке менеджера шаблонов Стили. Перейдем на следующую - Шаблоны.

Настройки шаблона

Здесь расположены те же шаблоны с пиктограммами. Открываем шаблон Protostar и находим файл template.css.

Настройки шаблона

Отделяем текст от картинки

Чтобы текст не находился вплотную к изображению, открываем файл template.css.

Находим тег img.

Настройки шаблона

Прописываем отступы - padding-top: 10px; и padding-right: 10px;.

Настройки шаблона

Проверяем и видим, что текст теперь имеет отступ от картинок.

Настройки шаблона

Ждем вас в следующем уроке.

 

Комментарии  

#2 0 Виталий Куликов 01.07.2015 13:43
Цитирую Andrey N:
Огромное спасибо за статью. Искал некоторые моменты в настройке шаблона, смог найти только у Вас нас сайте. Огромнейшее спасибо за подробную информацию. Удачи и процветания Вам Виталий! :-) :-) :-)

Рад быть полезным :-)
Цитировать
#1 0 Andrey N 01.07.2015 13:05
Огромное спасибо за статью. Искал некоторые моменты в настройке шаблона, смог найти только у Вас нас сайте. Огромнейшее спасибо за подробную информацию. Удачи и процветания Вам Виталий! :-) :-) :-)
Цитировать

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

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!