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

| 18.05.2017

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

24 Апр, 2011

  1. Создание и редактирование шаблонов в Artisteer
  2. Быстрое создание шаблона для Joomla или WordPress
  3. Как сохранить шаблон в Artisteer и настройки программы
  4. Как сохранить шаблон с возможностью его редактирования

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хочу поговорить о программе для создания шаблонов сайта под названием Artisteer. Наверное, многие из вас уже знакомы с ней и даже использовали для Joomla или WordPress, но для кого-то Артистер пока еще остается не открытым и неизведанным способом работы над внешним видом своего проекта.

Огромным плюсом использования этой программы, для создания своего собственного шаблона, является простота. С Artisteer вам не потребуется глубоких знаний в структуре и организации файлов тем в Джумле и Вордпрессе (а так же Drupal и бесплатных блогов на Blogger.com).

Создание и редактирование шаблонов в Artisteer

Вам не потребуется даже знать основы Html и Css для полноценной работы в Artisteer, а вот для придания своему творению индивидуальности, предварительное изучение уроков верстки все же лишним не будет.

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

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

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

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

Где именно вы можете скачать Artisteer 4.1, не платя за его использование от 50 до 150 американских денег, я вам подсказывать не буду, но думаю, что этого и не нужно (было бы желание).

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

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

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

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

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

Быстрое создание шаблона для Joomla или WordPress

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

При первом запуске Artisteer вас спросят, какой именно шаблон вы хотите создать для Joomla, WordPress, Drupal, Blogger.com, а может быть вообще для обычной Html странички. Выберем, например, Джумлу, в результате чего получим уже готовый вариант, который, в общем-то, можно будет спокойно сохранять и загружать на сайт.

Но в этом случае данное графическое оформление будет далеко не уникальным, что может несколько помешать его успешному продвижению и раскрутке, а может и не помешать (Как продвигать сайт самостоятельно). Для возврата на страницу выбора CMS, для которой вы будете пытаться создать шаблон, вам нужно нажать Ctrl+N на клавиатуре.

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

Т.о., щелкая по кнопке «Предложить дизайн», вы можете подобрать нужный вам тип шаблона для 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. Оставшиеся вкладки на панели инструментов Артистера несколько менее наворочены и насыщенны настройками, чем «Статьи». Там вам будет предоставлена возможность задать оформление для кнопок, используемых в создаваемом шаблоне, а так же настроить оформление футера и боковых колонок с вертикальными меню. В общем, смотрите, пробуете и добиваетесь идеального результата.

Как сохранить шаблон с возможностью его редактирования

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

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

Итак, сохранить проект в Artisteer очень просто. Вам необходимо щелкнуть по кнопке в виде палитры в верхнем правом углу программы и выбрать из выпадающего списка вариант «Сохранить как». Файл проекта будет иметь расширение .artx. В случае возникновения необходимости редактирования шаблона нужно будет лишь загрузить нужный проект, выбрав пункт основного меню «Открыть».

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

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