Как написать красивую тему для wordpress?

Question

[Артем]

Выбрал cms для сайта - wordpress. Как сделать адаптивный дизайн для сайта на подобии вот этих?

Я так понял необходимо программировать 2 файла: style.css и index.php.

Подскажите литературу/блоги, которые помог в этом.

Answer 1

[Natan]

Артем начать нужно с основ, изучите верстку, сделайте простенький html-шаблон из бесплатных PSD исходников, сделайте такой тот же шаблон, но уже адаптивный. Когда начнет получаться, почитайте про натяжку шаблонов на wordpress.
Если базовые знания и небольшой опыт верстки у Вас уже есть, то лучше присмотритесь к работе с фреймворками, их использование имеет массу преимуществ и вообще за ними будущее! Мне нравится популярный сейчас bootstrap, хотя для верстки под wordpress больше подходит foundation.

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

Создание шаблона для WordPress
Как сверстать тему для WordPress
Wordpress тема за 15 минут
Продвинутые шаблоны редактора Wordpress

Answer 2

[Дмитрий Камянной]

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

Comments

[Odinokun]

А можно ссылку на видео, пожалуйста, или более точное название?

[Дмитрий Камянной]

Odinokun: rutracker.org/forum/viewtopic.php?t=4811568 , то что вам нужно это

Dreamweaver and WordPress: Building Sites

и

Dreamweaver and WordPress: Building Themes

[Дмитрий Камянной]

Odinokun: либо www.lynda.com/Dreamweaver-tutorials/Dreamweaver-Wo...

[Odinokun]

Дмитрий Камянгой: Большое спасибо.
Вот ссылки на эти же уроки на русском, может кому пригодятся.
rutracker.org/forum/viewtopic.php?t=4159141
rutracker.org/forum/viewtopic.php?t=4130722

Answer 3

[Евгений Перин]

Программная часть wordpress тут - codex.wordpress.org
Адаптивная верстка - это уже другое дело, берите к примеру bootstrap3 и вперед верстать

Answer 4

[FanatPHP]

Вопрос выглядит точь-в-точь как одна старая история...