Как сделать 10 уникальных WordPress шаблонов за 60 минут?

Автор: Bakurov · Дата: 20 ноября 2009 · 41 комментарий

Наверное, многие из вас хотели бы иметь возможность быстро создавать уникальные шаблоны для своих сателлитов, блогов, MFA-сайтов. Причем делать это на полуавтомате, не копаясь в коде, не заморачиваясь с переводом тем на русский язык и не перелопачивая кучу специализированных ресурсов в поисках подходящего шаблона. А если вам нужно не 1-2, а два десятка уникальных тем? Искать и переделывать шаблоны самому – долго и трудозатратно, покупать – дорого. Что же делать?

Оказывается выход есть. Существует программа под названием Artisteer, при помощи которой вы можете в считанные минуты создать уникальный шаблон для своего сайта. В Artisteer можно создавать как темы для CMS, так и HTML шаблоны. Поддерживаются такие популярные движки, как WordPress, Drupal и Joomla. В последней версии программы добавлена возможность создания шаблонов для DotNetNuke и Blogger (Beta).

На сайте разработчика есть возможность скачать пробную версию, являющуюся полностью работоспособной, но имеющую один существенный недостаток: во все экспортируемые шаблоны вставляются водяные знаки с надписью “Trial”. Тем не менее, немного погуглив, вы найдете способ обойти этот досадный момент :)

Сейчас я на конкретном примере покажу, как работать с программой. Мы вместе сделаем шаблон для WordPress, и вы увидите, как это легко и быстро.

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

Начинаем работу с Artisteer

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

дефолтная тема программы Artisteer

В верхнем левом углу есть кнопка с изображением палитры красок. При нажатии на нее выпадает список меню. Жмем “Сохранить как…“, задаем желаемое имя для файла и сохраняем его в заранее созданную папку на своем компьютере. Потом продолжаем просматривать идеи дизайна, не забывая сохранять понравившиеся нам темы.

сохранение тем в программе Artisteer

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

После того, как мы вдоволь наигрались с просмотром и сохранением понравившихся тем, жмем на ту же кнопку с изображением палитры и выбираем “Открыть“. Загружаем один из сохраненных шаблонов и приступаем к его редактированию. Программа позволяет изменить практически все: цвета, шрифты, хедер, меню, футер, дизайн статьи, блоки, фон и т.д. А также предлагает выбрать различные варианты для каждого компонента.

выбираем тему WordPress для редактирования

Давайте сейчас сделаем шаблон для сайта какой-нибудь определенной тематики, например, о ноутбуках. Начнем с вкладки “Цвета и шрифты” и выберем цветовую схему. Выбор большой, к тому же существует возможность последующей коррекции каждого цвета. При этом достаточно наводить мышкой на разные варианты, не нажимая кнопок, и в реальном времени наблюдать все изменения. Быстро и очень удобно.

подбираем цветовую схему для будущего шаблона WordPress

Я, пожалуй, сначала вставлю в хедер какую-нибудь из своих картинок, а потом уже подкорректирую при необходимости остальные цвета. Переходим на вкладку “Верхний колонтитул“, нажимаем кнопку “Из файла…” и загружаем свою картинку. Можно изменить ее расположение в хедере, применить эффекты и т.д. Можно изменять ширину и высоту хедера. Все зависит от Ваших предпочтений. На той же вкладке редактируется надпись в хедере, осуществляется  ее выравнивание, меняется размер и расположение, подбираются шрифты. Как Вы можете увидеть ниже, я изменил название на “Ноутбуки” и “обзор новинок”, применил другой шрифт, изменил размер и сделал выравнивание по центру в верхней части.

переделываем хедер шаблона WordPress в программе Artisteer

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

На вкладке “Фон” можно выбрать изображение или текстуру, применить градиент и блик, выбрать цвет заливки, загрузить свой вариант фона. А можно воспользоваться кнопкой “Предложить фон” и из множества предложенных программой выбрать понравившийся. Что я собственно и сделал.

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

Теперь зайдем на вкладку “Цвета и шрифты” и поменяем шрифт, а также увеличим его размер. На вкладке “Лист” можно изменить ширину всего макета темы и верхний отступ. Можно также настроить тень, границы, их цвета и заливки, радиус округления.

Вкладка “Статьи” предоставляет полный набор возможностей для редактирования параметров заголовков, гиперссылок, цитат, изображений, иконок даты, автора, категорий, комментариев. Если вы не хотите, чтобы дизайн сайта выглядел как блоговый, снимите галочки в опциях “Показывать автора“, “Показывать дату“, “Показывать комментарии” и т.д. Всего перечислять не стану, если возникнет необходимость, посмотрите сами.

На вкладке “Блоки” настраивается содержание, фон, текст, шрифты, стили блоков. А на вкладке “Кнопки” вы можете дать волю своей фантазии и сделать любую кнопку для вашего шаблона. Я не стал сейчас здесь что-либо менять, меня все устраивает.

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

редактируем футер шаблона WordPress

В программе есть полезная функция предпросмотра создаваемого шаблона в браузерах IE, Firefox, Opera, Chrome и Safari. Правда два последних почему-то у меня не активны, а в Opera при попытке посмотреть готовый шаблон вылезает ошибка. В IE и Firefox все нормально.

предпросмотр готового шаблона WordPress в браузере Firefox

Теперь, если нас все устраивает, нажимаем на кнопку с изображением палитры красок в левом верхнем углу. Далее “Экспорт” – “Тема WordPress“, указываем путь для сохранения и экспортируем готовый шаблон как папку или как ZIP архив.

экспорт готового шаблона WordPress из программы Artisteer

Все, шаблон готов. Причем переводить его не требуется, так как в нем уже включена поддержка русского языка. Единственное, что можно еще сделать, это открыть файл footer.php и удалить оттуда пару сквозных линков на сайт программы и WordPress. Готовый шаблон вы можете скачать отсюда.

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

файлы заготовок для тем Wordpress в Total Commander

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

Если Вам понравилась статья, вы можете подписаться на RSS-канал моего блога.

——————————————————————————————————————-

Интересное на других блогах:

Знаете ли Вы, что такое Сапа? Да? А вот и не угадали :) Сапа – это горный курорт во Вьетнаме. Можно сказать, потенциальное место отдыха для многих наших вебмастеров :)

Если Вы  ищете место, где можно быстро и недорого регистрировать домены, обратитесь к Кемеровскому бомжу. У него рушки всего по 99 рублей. Регистратор – Наунет, аккредитованный в доменах RU и SU. Вам будут предоставлены собственный аккаунт и удобная панель управления услугами.

А если Вы хотите быть в курсе последних событий в SEO, заходите на блог Молчуна. Здесь регулярно публикуются последние новости и обзоры разных авторов о раскрутке сайтов. Можно найти много полезного для себя.

Рубрика: WordPress · Запись имеет метки: создание шаблона wordpress, уроки artisteer  

Комментарии

  1. Minr UKRAINE Windows XP Opera 9.80 пишет:

    Отличная находка, а то мне так осточертело верстать все вручную.

  2. Ksail UKRAINE Windows XP Mozilla Firefox 2.0.0 пишет:

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

  3. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.15 пишет:

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

  4. Webchester UKRAINE Windows XP Opera 9.52 пишет:

    Очень полезная программа. Рекомендую для економии времени.

  5. Never Lex UKRAINE Windows XP Opera 9.80 пишет:

    Дерьмо. Измините, если что. Просто констатация факта.

  6. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.15 пишет:

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

  7. Never Lex UKRAINE Windows XP Opera 9.80 пишет:

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

  8. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.15 пишет:

    Never Lex, я так и подумал :) Согласен, для хороших, в правильном понимании этого слова, сайтов такие шаблоны не айс. Хотя я видел на ресурсах с качественным контентом дизайн и похуже. Но ведь не станешь делать (или заказывать) шаблон под каждый сателлит. Особенно, когда счет идет на десятки. Данный софт как раз для этого хорошо и подходит. А так да, не для людей. Зато есть сайты для людей с хорошим дизайном про не буду говорить какое порно (не хочу даже здесь такие ключевики оставлять), казино и так далее. И которые очень даже не плохо чувствуют себя в поисковой выдаче.

  9. Благодарю! Буду пользоваться.

  10. Michael CANADA Windows XP Internet Explorer 6.0 пишет:

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

  11. dimulet UKRAINE Windows 7 Mozilla Firefox 3.5.5 пишет:

    Хороша программка буду сайтик клепать

  12. Алексей RUSSIAN FEDERATION Windows Vista Opera 9.64 пишет:

    Отличный конструктор
    У кого нибудь есть решение как выводить вместе со страницами рубрики в меню?
    Через функцию [?php art_menu_items(); ?] выводятся только страницы с выпадающим меню а-ля дроп даун, к ним нужно добавить вывод нескольких рубрик, также с дроп даун.

  13. Search Bot RUSSIAN FEDERATION Windows Vista Google Chrome 4.0.249.11 пишет:

    Заблуждение, что эти шаблоны будут уникальными: на уровне кода все картинки и css-классы имеют одно название у всех “уникальных” шаблонов. Я тут даже не упоминаю раздутый код шаблона, особенно в месте вывода иконок категории, правки поста и меток. В результате получаем уникальность для человеческого глаза и только. Поисковые роботы глазами смотреть пока не умеют, особенно человеческими.
    На форуме Стимула целая ветка есть о программе: люди утверждают, что сайты на этих шаблонах леко улетают в бан. И к ним можно прислушаться. Я во всяком случае названия картинок и css-классов автозаменой меняю.

  14. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.15 пишет:

    Search Bot, что касается кода, Вы правы. Но сайты улетают в бан по совокупности признаков, а не из-за неуникальности шаблонов. Пока они не начали продавать ссылки (и при этом содержат качественный контент), вероятность бана стремится к нулю.

  15. Jared UNITED STATES Windows XP Mozilla Firefox 3.5.3 пишет:

    А зачем тогда вообще делать “уникальные шаблоны” если они годятся только для ГС?
    Или когда ГС вылетят, вы стукните Платону, он посмотрит диз уникален, и даже не глядя на текст ваши сайты снова одобрит?

  16. Алексей RUSSIAN FEDERATION Windows Vista Opera 9.64 пишет:

    На счет бани в Яше:
    Сменил четыре месяца назад старые темы на трех сайтах на свои творения Artisteer.
    На сайтах примерно по 50-100 страниц, контекстная реклама гугля и бегуна, продажа ссылок с двух бирж, на 50-70% уник. контент.
    Что сейчас:
    Все топовые позиции держатся на местах, новые страницы успешно индексируются, тьфу-тьфу-тьфу…

    ИМХО – все это бред на счет бана за диз
    Дефолтная тема вордпресса на тысячах сайтах и ничего – живет.

  17. Deimos RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.5.5 пишет:

    Хорошая програмка, пару раз использовал для личных нужд, только после создания шаблона в Artisteer’e сам редактировал в блокноте, кое что изменял, кое что добавлял. И получались вполне уникальные шаблоны – что по коду, что по дизу.

  18. Search Bot RUSSIAN FEDERATION Windows Vista Google Chrome 4.0.249.25 пишет:

    Немного ошшибся: упомянутая мной ветка не на форуме Стимула, а на форуме Драгревеню, сейчас она по адресу http://webmasters.ru/forum/f22/wp-t2070/ Там утверждается, что контент был уникальный. Хотя, конечно, вы правы насчёт совокупности признаков. И программа на самом деле хорошая, только доврять её на 100%, как и любой автоматике, не следует. Лучше опосля обработать напильником ;]

  19. Дмитрий RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.5.7 пишет:

    А там есть иконка blogspot , а шаблоны для него можно сделать?

  20. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.17 пишет:

    Дмитрий, можно: http://www.artisteer.com/?p=blogger_templates

  21. Дмитрий RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.5.7 пишет:

    спасибо) а то я уж давно познакомился с приложением,а с blogger шаблонами не разберусь никак)

  22. Если потом требуется доработка напильником то это уже не за 10 минут 10 шаблонов а как минимум 10 часов. Я с буржуйнета темы первожу за 30-40 минут, и это тему по сути уникальные, хотя как для ПС это не сильно влияет.

  23. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.19 пишет:

    Юный блогер, не потом, а в процессе. Все делается одновременно.

  24. LaaCrus Windows 7 Opera 9.80 пишет:

    Ухты как здорово! Теперь не надо по часу сидеть и переделывать чужие темы под свои. Жаль, что они все получаются шаблонные…
    А так 10к пойдет. Они свои ссылки не вставляют помимо ватермарков ?

  25. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.19 пишет:

    LaaCrus, не вставляют.

  26. Максим RUSSIAN FEDERATION Windows XP Mozilla Firefox 3.6.3 пишет:

    Программа отличная. У меня два сата висят в индексе прекрасно! Дизайны сделаны именно на этой программе. Полностью согласен, что бан идёт по совокупности факторов. Возможно, что если Яша видит аристеровский диз, то ставит минус один балл. Если ещё обнаружатся какие-то недочёты с точки зрения ПС, то в какой-то критический момент сат уйдёт в бан и этот минус один балл и будет тем самым фактором.
    Как говориться, где-то теряешь, где-то находишь. Надо чем-то жертвовать. Зато диз одним нажатием кнопки, разве это плохо?

  27. auditor Windows XP Google Chrome 5.0.375.99 пишет:

    Уважаемый, ТС, о какой уникальности идет речь? Вы знаете что такое уникальная тема? Артистер генерирует одинаковый код для всех тем, за исключением нескольких нюансов, не более того. И все темы, которые выходят из под его пресса – как братья близнецы. А теперь представьте себе какое количество таких “уникальных” братьев находится в сети с момента выхода артистера – сотни тысяч (тем более, что его уже взломали давно и пользуются все, кому не лень)…

  28. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.19 пишет:

    Уважаемый, auditor, почитайте комментарии выше. То, что Вы хотите мне донести, уже обсуждалось. Да, и здесь не форум, а я не ТС )

  29. Михаил RUSSIAN FEDERATION Windows 7 Opera 9.80 пишет:

    Спасибо за обзор. Прогу качаю, надеюсь поможет =)

  30. auditor Windows XP Google Chrome 5.0.375.99 пишет:

    Bakurov, я не знаю как Вас зовут, поэтому и обратился “ТС”. Правильно Search Bot написал: для того, чтобы сделать шаблон уникальным, надо ещё много потрудиться над ним. Поэтому, на вопрос “КАК СДЕЛАТЬ 10 УНИКАЛЬНЫХ WORDPRESS ШАБЛОНОВ ЗА 60 МИНУТ?”, ответ простой, как пареная репа: НИКАК!

  31. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.19 пишет:

    auditor, мое имя есть в контактах.

    На вопрос “Как?” есть ответ в посте. По поводу уникальности отчасти согласен (если говорить о коде). И что? Все сайты, шаблоны для которых я сгенерил в Artisteer, уже год прочно сидят в индексе Яндекса и Гугла. Правда, ссылки на них не продаются. Это MFA-сайты. Для пользователя дизайн уникален. А для ПС… Посмотрите, сколько одинаковых (даже внешне) шаблонов. Как уже говорилось в комментариях выше, бан (фильтр) накладывается по совокупности факторов, но никак не за дизайн! Ну а ГС и с полностью уникальным шаблоном долго не проживут.

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

  32. auditor Windows XP Google Chrome 5.0.375.99 пишет:

    Олег, добрый день! Я уже увидел как Вас зовут, сразу не додумался заглянуть в контакты.) Всё, что Вы пишете хорошо… кроме одного – слова “уникальные”. Я занимаюсь созданием уникализированных (я подчеркиваю это слово) шаблонов WordPress уже 2 года на форуме searchengines: http://forum.searchengines.ru/showthread.php?p=5272760#post5272760
    И переделал этих шаблонов не одну тысячу. Бывает, попадаются клиенты, которые просят сделать шаблон уникальным (дизайн само собой разумеется, а именно код шаблона, для ПС), но это стоит отдельных денег. ГС можно сделать уникальным, но тогда объясните, в чем смысл?
    С уважением,
    Виталий, Харьков

  33. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.19 пишет:

    Виталий, а это уже реклама :) А я то думаю, почему Вы так настойчивы? По поводу шаблонов. Хорошо, согласен, пусть будут уникализированные.

  34. auditor Windows XP Google Chrome 5.0.375.99 пишет:

    Олег, мне незачем себя рекламировать. Если хотите, можете ссылку убить…

  35. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.19 пишет:

    Виталий, зачем? Я не имею ничего против. Все нормально :)

  36. auditor Windows XP Google Chrome 5.0.375.99 пишет:

    ОК, так тому быть! :)
    Взамен подпишусь на Ваш блог, чтоб критиковать. Будет у Вас личный критик!

  37. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.19 пишет:

    Договорились, спасибо за конструктивную критику :)

  38. Блогастер Windows XP Mozilla Firefox 3.5.6 пишет:

    А где можно взять для неё ключ?

  39. Bakurov UKRAINE Windows XP Mozilla Firefox 3.0.19 пишет:

    Блогастер, в интернете, как обычно (Гугл, Яндекс).

  40. Блогастер Windows XP Mozilla Firefox 3.5.6 пишет:

    Bakurov, Всё я нашёл. Классная программа!

  1. [...] Как сделать 10 уникальных шаблонов wordpress за 10 минут – интересный мануал от Бакурова. [...]





Оставить комментарий или два