Обзоры интернет сервисов, проектов и стартапов - только самые интересные и полезные ресурсы всемирной паутины: описание функциональности, возможности, скриншоты, видео туры, личные впечатления и опыт использования...

Сентябрь 17 2009

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

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

Итак, чем же может похвастаться 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 макета.

комментариев 15

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