Онлайн заработок, создание и монетизация сайтов, веб-разработка, SEO и SMO продвижение, фриланс, партнерки, полезные сервисы вебмастерам, блоггинг.

Главная » Сервисы и сайты » Проект Divine - создание Wordpress шаблона (темы) из PSD шаблона

Проект Divine — создание WordPress темы из PSD шаблона

Проект DivineМногие блоггеры хотят установить для своих проектов уникальный дизайн, но, увы, это не так просто осуществить, как хотелось бы. Конечно, можно в сети поискать ресурсы с бесплатными шаблонами, таких, в принципе, достаточно много, но вот уникальным скачанный оттуда макет точно не будет. Для создания собственного шаблона потребуются не только знания HTML/CSS, но и некоторые особенности построения их для WordPress. Большинство блоггеров используют именно этот движок для себя. В общем, не буду дальше тянуть и секретничать, нашел недавно в интернете программу (проект) Divine, который позволяет создавать веб-сайты для WordPress из графического редактора Photoshop абсолютно бесплатно.

Update 19.09.2019: Сервис перестал функционировать и домен ведет на другой сайт. Каких-то работающих альтернатив, увы, не вспомню, поэтому могу лишь посоветовать зайти в раздел про верстку или по системе WordPress в целом. Либо сразу ищите подходящие WordPress темы и макеты под ваши задачи.

Итак, чем же может похвастаться divine. Точнее назначение у него одно, но какие особенности я бы выделил:

divine - конвертация PSD в wordpress

  • Основная функция — конвертация дизайна из PSD в HTML страницу, чистый, стандартный HTML и CSS код, соответственно отсутствие необходимости знаний верстки.
  • Легкое размещение готового шаблона на сайте, встроенный ftp клиент. Темы для wordpress получаются готовыми к использованию виджетов. Неограниченное число шаблонов для генерации.
  • Поддержка всех особенностей Photoshop – фильтров, наложений слоев, масок, эффектов и групп.
  • Получение кроссбраузерного валидного HTML / CSS кода, верстка основана на div.
  • Есть поддержка и все это бесплатно!

Если этого всего недостаточно, можно почитать на официальном сайте статью 10 причин использовать divine — там рассказывается о тех же особенностях, что я указал выше, но чуть более подробно. Например, создание темы для WordPress с помощью divine может занимать до 5ти минут, что, конечно, намного меньше и дешевле работы верстальщика. Также авторы подчеркивают, что вам должно хватить минимальных знаний для осуществления всего процесса преобразования. В принципе, на сайте также видел документацию по установки и работе с divine, поэтому, думаю, проблем возникнуть не должно.

Принцип работы с программой состоит из простых 3-х шагов.

  1. Отрыть готовый PSD дизайн в фотошопе и запустить divine.
  2. Присвоить тем или иным частям макета соответствие с элементами WordPress – то есть вы выбираете заголовки, определяете характер различных ссылок и назначение разных блоков.

    конвертация psd в wordpress

  3. Определяете FTP параметры и загружаете свой шаблон в сеть.

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

17.09.09

Категории: Сервисы и сайты.

Теги: , , , , , , , , , ,

15 Comments
  1. 24ds

    надо испытать, мы в студии делаем по 1000 рубликов людям, может ускорим свой бизнес процесс
    не сочтите за наглую рекламу, но если что s24design@yandex.ru
    еще раз простите автор блога

  2. Tod

    Прорекламируйте где-то и мой блог что-ли:)
    Некоторым эта штуковина может ускорить работу.

  3. Divine Team

    Спасибо за то, что обратили внимание на нашу программу:)
    Если есть вопросы по функционалу, обращайтесь в нашу службу поддержки: info@divine-project.com, а еще лучше — захоите к нам на форум: www.ideastrunk.com/divine/

    Сейчас мы предлагаем пользователям подписаться на программу бета-тестирования. Детали можно посмотреть здесь: http://www.divine-project.com/beta-testers

  4. Заводской раб

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

  5. Юлия

    Спасибо за пост ) Скачала, установила. Сразу скажу, что на СS4 и на висте не работает. Прога сильно урезана, по-моему, ничего путного не сделаешь. Тем более, что на выходе гиф формат.

  6. idesign

    Спасибо за статью! Я тоже перекопал весь интернет, искал книгу как сделать самому шаблоны для WP с применением Photoshop, так ничего и не нашел, теперь буду пробовать по твоей ссылке! WP рулит! Без этой штуковины можно голову сломать как все сделать, встроить в WP, и чтобы все работало….

  7. Divine Team

    Юлия,
    функционал урезан только для бесплатной версии. В скором времени (примерно через месяц) выйдет платная версия с расширенным функционалом.
    Мы не устанавливали лимиты только лишь для того, чтобы раздразнить пользователей, отнюдь. Divine — наша проба, попытка сделать качественно новый продукт в дизайн-сфере. А бесплатная версия стала примером нашей работы — мы хотели показать кусочек того, над чем трудились долгое время. В данный момент мы собираем ваши советы, мнения, замечания и добавляем их в функционал, что-то корректируем, убираем лишнее и т.д. Список ограничений фри-версии можете посмотреть здесь: http://www.divine-project.com/documentation/limitations
    Заходите на наш форум, если Вам есть что сказать о нашем продукте: www.ideastrunk.com/divine/

  8. chupatop

    Думаю стоит попробовать программку. Какова ориентировочная стоимость полной версии?

  9. Divine Team

    Ориентировочная стоимость $80 за Divine Personal версию ориентированную на блоггеров.

    О различиях между бесплатной и персональной версией и о будущих версиях программы: http://www.divine-project.com/roadmap

  10. Divine Team

    UPD: Стоимость версии Divine Personal изменена в сторону повышения ($100-200) в результате значительного расширения функционала продукта по сравнению с Free Edition. Таким образом, на сегодняшний момент Divine plugin становится потенциальным нужным продуктом не только для блоггеров (как мы планировали ранее), но и дизайнеров и веб-разработчиков, которые также заинтересованы в нем.

  11. Soronorus

    так и не понял как же купить Personal версию, с помощью чего разработана плагин? просто хотелосьбы попробовать сделать самому плагин для Prestashop

  12. nethead

    Не работаешь ваш диван, установил, открыл psd макет в фотошопе, запускаею диван, но пишет что это ошибка….

  13. רקדניות

    Спасибо за статью! Я тоже перекопала весь интернет, искала книгу как сделать самому шаблоны для WP с применением Photoshop, так ничего и не нашел, теперь буду пробовать по твоей ссылке! WP рулит! Без этой штуковины можно голову сломать как все сделать, встроить в WP, и чтобы все работало….

  14. Михаил

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

  15. Артем

    Ну что же будем пробывать:) Давно хотел уникальный дизайн…Спасибо

Добавить комментарий

Ваш e-mail не публикуется. Обязательные поля помечены *
Если вы комментируете впервые, то текст будет отправлен на модерацию.