Создать шаблон. Блоки
Добрый день уважаемые читатели! Продолжаем рассматривать программы Artisteer, позволяющую самостоятельно создать шаблон для сайта на Joomla , WordPress и еще ряда движком. В предыдущих своих материалах я уже рассказывала как можно использовать вкладки: Цвет и шриф, Фон, Макет, Статья, Верхний колонтитул, Лист из панели инструментов программы. Предполагаю, что с вы нетерпением ждете продолжения и вот сегодня предлагаю познакомиться с очередной вкладкой — вкладка Блоки в программе Artisteer.
Вкладка Блоки позволяет настроить отражение боковых колонок в шаблоне, расположенных справа или слева от основного контента. Количество, местоположение и размер данных колонок мы задавали во вкладке Макет. В дальнейшем в этих колонках у вас будут располагаться различные модули — это если вы делаете шаблон для Joomla или же виджеты — это уже применяется для WordPress.
Это было маленькое пояснение к рассматриваемой вкладки, а теперь перейдем непосредственно к изучению.
Как всегда первым делом нам предлагается пункт Идея.Предложить блоки. Авторы программы постарались сделать максимальное колличество различных вариантов отражения боковых колон. Различные шрифты, цветовое оформление, расположение загаловков в блоках. Вы можете выбрать из предложенных вариантов, но нашей целью все же является самостоятельное создание шаблона и вы уже начали его создавать в предыдущих материалах. Поэтому перейдем в пункт Стили блока.
Для начала необходимо определиться как будет отражаться блок, для этого нажимает вот на эту стрелочку
И в выпавшем окне нам предлагается десяток различных вариантов.
То есть здесь вы решаете как предположим будет выводиться предполагаемый заголовок блока — с верхним колонтитулом или без оного,
будет ли основное содержание выделено границей или нет,
а может вы предпочтете выбрать и границу и колонтитул.
Здесь можно попробовать и просмотреть все варианты отражения прежде чем остановиться на каком — то конкретном. Я хочу предложить вам для сравнения посмотреть на два решение отражения боковых колонок в шаблонах сделаных с помощью программы Artisteer
![]() | ![]() |
Следующим пунктом во вкладке Блок идет Стиль, где нам необходимо будет определиться с несколькими параметрами отражения блока.
Для того чтобы понять как применяются эти параметры, я буду приводить по несколько примеров для наглядности.
Первый параметр предлагаемый к приминению это Скругление — настройка отражения внешних углов границ Блока, а при использования и внутренних границ и их тоже.
Вы можете выбрать строгие очертания углов, то есть прямые, или слегка, а может и сильно закруглить.
![]() | ![]() |
Как видно из скринов закругление происходит как на внешних границах блока , так и верхнего колонтитула. Если предложенные варианты вам не подходят, то нажав на Настройки радиуса в появившемся окне можно установить необходимое значение.
Следующий параметр Блочные интервалы -позволяет установить расстояние между блоками и основным контентом, то есть статьей, а также между статьями.
Можно воспользоваться предложенными вариантами, а если они вас не устраивают то тогда следует использовать Настройки интервала. И последнем пунктом во вкладке Стиль является Расстояние.
С помощью данного параметра можно установить расстояние между колонтитулом и основным содержанием Блока.
С данном пунктом разобрались, то есть он отвечает за общий вид отражения боковых блоков. Теперь перейдем к пункту Фон вкладки Блоки.
Нажав на кнопку Фон появляется всплывающееся меню, где первым пунктом стоит Внутренняя отбивка
С помощью этого параметра можно установить расстояние между верхним колонтитулом блока и внешней границей всего Блока. Чтобы это понять предлагаю два варианта приминения этого параметра
![]() | ![]() |
Это значение приминимо конечно не всегда , только в том случае если вы решите в качестве дизайна блока использовать вариант с верхним колонтитулом. Так же если из предложенных вариантов Внутренней отбивки вам ничего не подходит воспользуйтесь произвольными настройками, зайдя в Настройки отступа.
Следующим параметром идет Форма
Здесь нам предстоит поработать с такими параметрами, как:
— Заливка
— Граница
и Эффекты, где надо установить значения:
— Текстура
— Градиент
— Тень
Как применять данные параметры я уже рассказывала в прошлые разы и повторяться не хочется. Единственно, следует уточнить , что данные настройки будут относиться только к основному телу блока, посмотрите это очень хорошо видно на скриншоте
На этом примере были применены — заливка, текстура, тень и граница.
Далее предстоит настроить Верхний колонтитул
поможет настроить отражение, где будет находиться название Блока или модуля сайта.
Первым пунктом идет Текст
Здесь все значения уже знакомы:
— цвет
— семейство шрифтов
— размер
— стиль
— выравнивание
Я все эти параметры рассписывала в предыдущих постах.
А вот на пункте Иконка можно и остановиться более подробно.
Иконка это небольшой такой значок, распологающийся рядом с названием блока
Ее наличие в блоке будет зависить от вашего желания. Выбрав пункт — Без иконки, иконка отражаться не будет, а для отражения
выбираете предлагаемые графические объекты, так же можно подобрать и цвет иконки под цвет сайта выбрав пункт Цвет. Или выбрать подходящую иконку использовав пункт — Выбрать из файла.
Параметры :
— форма
— заливка
будут относиться только к области верхнего колонтитула. И эти параметры мы уже неоднократно рассматривали.
Последним пунктов во вкладке Стили блока идет параметр Содержимое
Здесь активно только одно значение — Отступ текста. С помощью этого параметра устанавливается расстояние между границей блока и текстом по бокам. Если из предлагаемых вариантов не один не подходит, то как всегда разработчики прграммы предлагают самим установить необходимое значение с помощью Настройки отступа.
И осталось рассмотреть последний пункт — Содержание блока вкладки Блоки. Здесь впринципе все понятно на интуитивном уровне, но я немного все же расскажу для чего и как использовать все эти параметры
![]() | Отступ слева — расстояние в пикселях между левой границей блока и содержимым блока |
![]() | Отступ справа — тоже самое, что и Отступ слева. |
![]() | Line Spacing — расстояние между строками. |
![]() | Разбивка символов — расстояние между буквами, следует поэксперементировать с данным значением. Текст должен быть хорошо читаем. |
![]() | Шрифт — здесь устанавливаем несколько нам знакомых параметров. Суть данного пункта как будет отражаться текст в блоке. |
![]() | Ссылка — тоже знакомый параметр. Придется проявить художественные способности, чтобы подобрать цвета для отображения ссылок в различных состояниях: наведенная, посещенная, активная |
![]() | Маркеры — здесь все тоже зависит от вашего желания и фантазии. Можно выбрать маркер из предлагаемого списка, а можно и самостоятельно Выбрать из файла. Установить необходимую цветовую гамму для выбранного маркера из списка, размер и начертание. |
Вот и все основные параметры вкладки Блоки в программе Artisteer рассмотрены. На сегодня это все, но создание шаблона еще не завершено, осталось еще чуть — чуть и он будет готов. Так что продолжение следует…
Если вы не желаете пропустить появление новых материалов на блоге «Seo записки отчаянной«, то предлагаю подписаться на обновления блога в удобной для вас форме.
Удачи!
Возможно Вам это будет интересно:
Вам понравилась статья? Расскажите о ней друзьям!