Создать шаблон. Статья.

Добрый день уважаемые читатели! Продолжаем рассматривать программу Artisteer, которая поможет создать шаблон для сайта ли блога. Надеюсь с верхним колонтитулом, фоном, макетом, шрифтами и меню вы уже  определились и уже можно приступить к оформлению контента. Сегодня я хочу предложить поработать над оформлением отражения статьи в шаблоне, а за это в программе отвечает вкладка Статья.

С помощью вкладки Статья нам предстоит установить отражение картинки, Задать ее границы и расположение, установить шриф текста и его цвет, поработать над отражение футера и хеда статьи и много чего еще. Но начнем все по порядку.

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

Далее следует пункт Preview Image

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

Следующим пунктом во вкладке Статьи идет пункт Стиль, позволяющий изменить тело контента.

Заходим в меню и первым делом нам предлагают выбрать Форму — Форма содержания

Предлагается всего два варианта:
— ваш контент будет находиться на фоне основного листа
— ваш контент будет выделен рамкой и иметь свой фон

Я предпочла выбрать второй вариант, то есть каждая моя статья будет выделена рамочкой

Далее следует опрелиться с Внешним отступом.

Здесь имеется в виду расстояние между статьями на странице, например можно  использовать отспут в 8 px.

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

Следующий параметр, предлагаемый для редактирования в пункте Стиль — Отступ текста

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

Далее  следует два уже знакомых нам по предыдущим вкладкам пункта — Форма, с ее:
— заливка
— граница
— скругление
и Эффекты с Тенью

Если вы читали внимательно мои предущие материалы, то  вам уже знакомы эти параметры и вы знаете для чего они нужны, но сделаю короткое описание.
Итак,

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

Далее во вкладке Статья идет вкладка Форматирование текста

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

Первая кнопочка разделена на два пункта — отступ текста справа и слева. При нажатии на стрелочки, направленные вниз у вас появится окно со всевозможными значениями.

Вторая кнопочка также разделена на два параметра — расстояние между строк в тексте и расстояние между символами.

Третья кнопка, в виде буквы «A» уже знакома по предыдущим вкладкам. Она позволяет установить начертание шрифта, цвет шрифта и все что связано с форматированием текста.

И четвертая кнопка позволяет установить отражение текста в статье относительно центра.

Я все прописывать подробно не буду, а покажу для примера что у меня получилось применив я все параметры данной вкладки

Также хочется напомнить, что лучше всего смотрится более темный текст на светлом фоне, а не наоборот. И шрифт лучше использовать либо Arial, Georgia, Verdana.

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

Первым делом нам предстоит продумать как будут отражаться Заголовки h1, h2, h3, h4, h5, h6

Выбрать цвет, шрифт, начертание, размер и расположение. Я для своего проекта выбрала одинаковые параметры для всех заголовков. Это и удобно, как в техническом плане, так и визуально, что и вам советую сделать. А для того чтобы удобно было проводить изменения, прокрутите страницу слегка вниз пока не увидете вот такое

Продумав и разобравшишь с отражением Заголовков придется это же проделать с видом отражения Гиперссылок в статье

Здесь тоже все вам знакомо: ссылка, наведенная ссылка, посещенная ссылка, ее цвет и начертания, а также вид, то есть будет подчеркнута или нет.

Шрифт для ссылок рекомендую выбирать такой же как и для основного текста, а цвета выбирать контрастные к основному цвету текста и фону.

Как отражаются ссылочки можно увидеть вот здесь

Теперь придется поломать голову и проявить всю свою фантазию в параметре Цитата

Здесь впринципе все  уже понятно, кроме Иконка, которая предлагается для отображения цитаты. Я если честно использовала значение «Без иконки» для меня так лучше. Да и заливку, границу, начертание — использовала основные как для всей статьи. Чтобы просматривать измения в параметре Цитата пролестни страницу вниз пока не увидите

А вот так этот же выглядит после проведенных изменений

Следующим пунктом  будет Маркеты

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

Я проведя незначительные изменения получила следующее

Далее рассматриваем пункт Изображение

Здесь даже скорее всего необходимо будет решить : нужна ли вашему изображению  граница или нет. Если да, то какова ее граница и цвет.

И последним пунктом в во вкладке Другие элементы идет Таблица

Здесь рассматривается то как будет отражать граница таблицы. Вернее будет ли граница вообще или какая будет, а также ее цвет. Просмотреть изменения можно в самом низу страницы, я выбрала значение «без границы»

Теперь переходим во вкладку Верхний колонтитул вкладки Статья

Первым пунктом в этой вкладке идет Верхний колонтитул

который отвечает за отражение вот этой части в статье

Все параметры мы уже применяли и поэтому нет смысла повторно что — то объяснять, самое главное вам самим понять что вы желаете увидеть, при этом это должно понравиться вашему посетителю. Я посидев несколько минут в этом пункте меню получила вот такое отражение

Хочу обратить ваше внимание что цветовая гамма ссылок в Верхнем колонтитуле должна совпадать с ссылками в тексте.

Теперь осталось только проработать отражение значков в меда данных

Здесь абсолютно все понятно — ЦВЕТ, ФОРМА, РАЗМЕР и то будут ли они отражать вообще — все будет зависить от вашего вкуса и желания, так как вариантов много.
Самым последним пунктом идет Нижний колонтитул

Он для меня в создании шаблона для Joomla остался загадкой. Испробовала вcе варианты его применения и поняла, что для данной смс он не имеет ни какого значения, скорее всего его необходимо применять для других движков, например для WordPress.

Вот и рассмотрены все инструменты и возможности вкладки Статья в программе Artisteer, но на этом возможности создания шаблона не заканчиваются. Поэтому продолжение следует….

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

Удачи!

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