Создать шаблон. Блоки

вкладка Блоки в программе Artisteer Добрый день уважаемые читатели! Продолжаем рассматривать программы Artisteer, позволяющую самостоятельно создать шаблон для сайта на Joomla , WordPress  и еще ряда движком. В предыдущих своих материалах я уже рассказывала как можно использовать вкладки: Цвет и шриф, Фон, Макет, Статья, Верхний колонтитул, Лист из панели инструментов программы. Предполагаю, что с вы нетерпением ждете продолжения и вот сегодня предлагаю познакомиться с очередной вкладкой  — вкладка Блоки в программе Artisteer.

Вкладка Блоки позволяет настроить отражение боковых колонок в шаблоне, расположенных справа или слева от основного контента. Количество, местоположение и размер данных колонок мы задавали во вкладке Макет. В дальнейшем в этих колонках у вас  будут располагаться различные модули — это если вы делаете шаблон для Joomla или же виджеты — это уже применяется для WordPress.

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

вкладка Блоки

Как всегда первым делом нам предлагается пункт Идея.Предложить блоки. Авторы программы постарались сделать максимальное колличество различных вариантов отражения боковых колон. Различные шрифты, цветовое оформление,  расположение загаловков в блоках. Вы можете выбрать из предложенных вариантов, но нашей целью все же является самостоятельное создание шаблона и вы уже начали его создавать в предыдущих материалах. Поэтому перейдем в пункт Стили блока.

Для начала необходимо определиться как будет отражаться блок, для этого нажимает вот на эту стрелочку

вкладка Блоки

И в выпавшем окне нам предлагается десяток различных вариантов.

вкладка Блоки

То есть  здесь вы решаете как предположим будет выводиться предполагаемый заголовок блока — с верхним колонтитулом или без оного,

стиль блока

будет ли основное содержание выделено границей или нет,

стиль блока

а может вы предпочтете выбрать и границу и колонтитул.

создать шаблон

Здесь можно попробовать и просмотреть все варианты отражения прежде чем остановиться на каком — то конкретном. Я хочу предложить вам для сравнения посмотреть на два решение отражения боковых колонок в шаблонах сделаных с помощью программы Artisteer

шаблон для needforhope шаблон для acvafish

Следующим пунктом во вкладке Блок идет Стиль, где нам необходимо будет определиться с несколькими параметрами отражения блока.

вкладка блок

Для того чтобы понять как применяются эти параметры, я буду приводить по несколько примеров для наглядности.

Первый параметр предлагаемый к приминению это Скругление — настройка отражения внешних углов границ Блока, а при использования и внутренних границ и их тоже.

вкладки блоки

Вы можете выбрать строгие очертания углов, то есть прямые, или слегка, а может и сильно закруглить.

без скругления  скругление 6рх

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

Настройки радиуса скругления

Следующий параметр Блочные интервалы -позволяет установить расстояние между блоками и основным контентом,  то есть статьей, а также между статьями.

Блочные интервалы

Можно воспользоваться предложенными вариантами, а если они вас не устраивают то тогда следует использовать Настройки интервала. И последнем пунктом во вкладке Стиль является Расстояние.

Расстояние

С помощью данного параметра можно установить расстояние между колонтитулом и основным содержанием Блока.

С данном пунктом разобрались, то есть он отвечает за общий вид отражения боковых блоков. Теперь перейдем к пункту Фон вкладки Блоки.

Нажав на кнопку Фон появляется всплывающееся меню, где первым пунктом стоит Внутренняя отбивка

Внутренняя отбивка

С помощью этого параметра можно установить расстояние между верхним колонтитулом блока и внешней границей всего Блока. Чтобы это понять предлагаю два варианта приминения этого параметра

без отбивки  отбивка в 3рх

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

Следующим параметром идет Форма

создать шаблон

Здесь нам предстоит поработать с такими параметрами, как:

— Заливка
— Граница

и Эффекты, где надо установить значения:

— Текстура
— Градиент
— Тень

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

создать шаблон

На этом примере были применены — заливка, текстура, тень и граница.

Далее предстоит настроить Верхний колонтитул

Верхний колонтитул блока

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

Первым пунктом идет Текст

текст

Здесь все значения уже знакомы:
— цвет
— семейство шрифтов
— размер
— стиль
— выравнивание
Я все эти параметры рассписывала в предыдущих постах.
А вот на пункте Иконка можно и остановиться более подробно.

иконка

Иконка это небольшой такой значок, распологающийся рядом с названием блока

иконка

Ее наличие в блоке будет зависить от вашего желания. Выбрав пункт — Без иконки, иконка отражаться не будет, а для отражения

выбираете предлагаемые графические объекты, так же можно подобрать и цвет иконки под цвет сайта выбрав пункт Цвет. Или выбрать подходящую иконку использовав пункт — Выбрать из файла.
Параметры :
— форма
— заливка
будут относиться только к области верхнего колонтитула. И эти параметры мы уже неоднократно рассматривали.

Последним пунктов во вкладке Стили блока идет параметр Содержимое

Отступ текста

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

И осталось рассмотреть последний пункт — Содержание блока вкладки Блоки. Здесь впринципе все понятно на интуитивном уровне, но я немного все же расскажу для чего и как использовать все эти параметры

Отступ слева Отступ слева — расстояние в пикселях между левой границей блока и содержимым блока
Отступ справа Отступ справа — тоже самое, что и Отступ слева.
Line Spacing Line Spacing — расстояние между строками.
Разбивка символов Разбивка символов — расстояние между буквами, следует поэксперементировать с данным значением. Текст должен быть хорошо читаем.
Шрифт Шрифт — здесь устанавливаем несколько нам знакомых параметров. Суть данного пункта как будет отражаться текст в блоке.
Ссылка Ссылка — тоже знакомый параметр. Придется проявить художественные способности, чтобы подобрать цвета для отображения ссылок в различных состояниях: наведенная, посещенная, активная
Маркеры Маркеры — здесь все тоже зависит от вашего желания и фантазии. Можно выбрать маркер из предлагаемого списка, а можно и самостоятельно Выбрать из файла. Установить необходимую цветовую гамму для выбранного маркера из списка, размер и начертание.

Вот и все основные параметры вкладки Блоки в программе Artisteer рассмотрены. На сегодня это все, но создание шаблона еще не завершено, осталось еще чуть — чуть и он будет готов. Так что продолжение следует…

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

Удачи!

Вам понравилась статья? Расскажите о ней друзьям!