Artisteer — программа для создания и редактирования шаблонов для Joomla и тем для WordPress

1. Предложить цвета — при нажатии на эту кнопку будет происходить смена всей цветовой схемы создаваемой темы (щелкаете по ней до тех пор, пока не подберете приемлемый вариант)
2. Предложить шрифты — Artisteer будет по кругу предлагать возможные типы и размеры шрифтов (если пропустите нужный вам вариант, то воспользуйтесь шагом назад)
3. Предложить макет — программа будет показывать вам варианты макетов с различным числом и расположение колонок, с различными вариантами взаимного расположения шапки и меню, а также будет менять от варианта к варианту и другие атрибуты верстки
4. Предложить фон — в создаваемом в программе шаблоне будет меняться только фоновое оформление, в отличии от кнопки «Предложить цвет», когда менялась вся цветовая схема
5. Предложить лист — Артистер будет показывать варианты оформления макета с различными размерами и оформлением (скругление краев, всевозможные рамки и тени вокруг макета)
6. Предложить верхний колонтитул — тут он предоставляет вам возможность выбрать один из вариантов шапки для создаваемого шаблона (если шапка в выбранном вами макете будет не предусмотрена, то этот пункт будет неактивным)
7. Предложить меню — если в выбранном вами типе макета предусмотрено верхнее меню, то здесь вы сможете перебрать все возможные варианты его оформления
8. Предложить дизайн статьи — здесь выбираете стили для оформления внешнего вида статей в создаваемом через Artisteer шаблоне для Joomla, WordPress или др. Вам будут предлагаться различные варианты представления заголовков различных уровней в статье, оформлении списков, таблиц и т.п.
9. Предложить боковую колонку — выбираете тип оформления одной или двух боковых колонок (в зависимости от выбранного макета)
10. Предложить блоки и предложить вертикальное меню — Артистер будет предлагать вам уже готовые варианты оформления отдельных блоков боковых колонок и варианты оформления вертикальных меню в этих колонках

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

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

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

Как сохранить шаблон в Artisteer и настройки программы

Для экспорта созданного в программе шаблона вам нужно использовать одноименную кнопку с первой вкладки панели инструментов:

Если вы захотите сменить движок, для которого создавалась данная тема, то воспользуйтесь пунктом «Сменить тему\шаблон», а так же можете посмотреть настройки экспорта, где есть возможность добавить водяной знак (не понятно зачем) и убрать сноски автора.

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

На жестком диске своего компьютера вы в итоге получите папку или архив со всеми необходимыми файлами и папками темы оформления для Joomla, WordPress, Drupal и др. Дальше можете устанавливать ее стандартными для используемой вами CMS средствами, после чего этот шаблон можно подключить, как используемый по умолчанию. Все очень и даже очень-очень просто.

Как я и говорил в начале статьи — для создания шаблона в Artisteer вам не потребуются знания его структуры или навыки работы с Html и Css (даже Фотошоп нам не понадобился, что само по себе нонсенс). Но, как я говорил, в использовании этой программы для создания своих авторских шаблонов есть подводные камни, которые, в общем-то, могут быть и не очень большими.

Давайте теперь попробуем окунуться чуть-чуть в глубь настроек и возможностей Artisteer, насколько это позволит приемлемый размер данной публикации.

1. Итак, с первой вкладкой «Идея», думаю, все ясно и понятно — это фактически опции быстрого старта по созданию шаблона для сайта в этой программе.

2. Следующая вкладка «Цвета и шрифты» имеет две большие кнопки «Предложить цвета» и «Предложить шрифты» по своему функционалу идентичны аналогичным кнопка на первой вкладке.

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

3. Вкладка «Макет» позволяет выбрать тип макета исходя из необходимости включения в него шапки и верхнего горизонтального меню, а так же выбрать количество колонок и варианты их расположения относительно друг друга.

4. Вкладка «Фон» в Артистере имеет, кроме традиционной возможности автоматической подстановки фона, еще и довольно много инструментов для осмысленной работы с фоновым оформлением вашего будущего шаблона. Можно наложить текстуру, выбрав ее из довольно большого количества образцов. Так же можно выбрать блики, изображения для наложения или же нужный градиент из предлагаемых списков.

   Основной цвет фона для шаблона можно выбрать в области «Цвет заливки», а более сложную работу распределения цветов можно проделать, щелкнув по кнопке «Настройки». Можно так же загрузить свое фоновое изображение, нажав на кнопку «Из файла». Много различный заготовок для этого дела вы сможете найти в онлайн сервисах для подбора фона для сайта, о которых я уже писал.

5. Вкладка «Лист» на панели инструментов позволяет настроить по вашему желанию и вкусу вид и положение макета в создаваемом вами шаблоне. Настроек положения и окантовки макета довольно много, но все они понятны и без комментариев.

6. На вкладке «Верхний колонтитул» сосредоточены всевозможные настройки для шапки (хедера) вашего будущего шаблона сайта на Joomla или WordPress (или другого движка). Можно будет задать размер шапки и выбрать для нее фон из довольно большого количества вариантов (можно загрузить и свой вариант из файла). Можно будет наложить фото, выбрав его из предложенного списка или загрузив со своего компьютера.

   

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

7. Вкладка «Меню» на панели инструментов содержит огромное количество настроек, которые помогут вам создать выпадающее меню по своему вкусу. Настроить можно практически все элементы меню, подменю и области, отведенной в шаблоне под него. Все сделано очень наглядно и доступно для понимания.
8. Вкладка «Статьи», наверное, больше всего насыщена всевозможными настройками. Если я буду описывать их все или хотя бы попробую по ним только пробежаться, то это займет очень много времени и места, но вряд ли будет вам полезно, ибо практически все они либо понятны интуитивно, либо становятся понятны после их применения. Хотя многие из них можно просто оставить по умолчанию.
9. Оставшиеся вкладки на панели инструментов Артистера несколько менее наворочены и насыщенны настройками, чем «Статьи». Там вам будет предоставлена возможность задать оформление для кнопок, используемых в создаваемом шаблоне, а так же настроить оформление футера и боковых колонок с вертикальными меню. В общем, смотрите, пробуете и добиваетесь идеального результата.