Создание темы WP, какой порядок?

12 3
88
На сайте с 09.03.2016
Offline
92
694

Всем привет. Подскажите, по созданию темы для ВП.

Интересует следующий момент.

Какой порядок?

Как я думаю:

1) Дизайнер в фотошопе делает картинку (графику) Главной страниц, страницы новости, контакты и тд. И сохраняет в psd формате

2) Эти картинки отдаются верстальщику который из "режет" и делает уже шаблон.

3) И дальше еще верстка -стили тд.

Такой вопрос. Берется стандартная тема и уже в ее файлах все меняется? прописываются новые стили?

Или создается тема нуля?

Кто может подсказать порядок создания темы? (графика, натяжка на движок)

M2
На сайте с 11.01.2011
Offline
342
#1

88Vladimir88,

1. Дизайнер рисует шаблон

2. Верстальщик режет шаблон на картинки, затем верстает

3. Готовая вёрстка преобразовывается в тему Вордпресс

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
SeVlad
На сайте с 03.11.2008
Offline
1609
#2
88Vladimir88:
Кто может подсказать порядок создания темы? (графика, натяжка на движок)

Подбираешь подходящую по макету тему из оф. каталога и пом спец плагина делаешь к ней дочку, заменяя картинки/стили.

https://ru.wordpress.org/support/topic/%D1%82%D0%B5%D0%BC%D0%B0-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%BE%D0%B2%D0%B8%D1%87%D0%BA%D0%B0/#post-303672

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
altezzik
На сайте с 06.11.2011
Offline
247
#3
88Vladimir88:
1) Дизайнер в фотошопе делает картинку (графику) Главной страниц, страницы новости, контакты и тд. И сохраняет в psd формате

Дизайн интерфейсов больше не рисуют в фотошопе.

4enki
На сайте с 12.06.2009
Offline
77
#4
88Vladimir88:
Кто может подсказать порядок создания темы? (графика, натяжка на движок)

Порядок в целом вы описали правильно. Всё всегда сводится к такому: Нарисовать дизайн → Статично аккуратно адаптивно сверстать → Превратить вёрстку в тему для WP.

88Vladimir88:
Берется стандартная тема и уже в ее файлах все меняется? прописываются новые стили?
Или создается тема нуля?

Зависит от задачи. Чем дательнее дизайн и ТЗ, там проще и лучше делать всё с нуля (в случае с полуфабрикатом время будет потрачено на переделывание, а не создание).

За время работы с ВП у каждого технолога накапливается некая база приёмов и новая собственная тема стартуется быстро.

Делаю контент-проекты: блоги для персон и компаний
O
На сайте с 29.05.2008
Offline
195
#5
SeVlad:
Подбираешь подходящую по макету тему из оф. каталога и пом спец плагина делаешь к ней дочку, заменяя картинки/стили.
https://ru.wordpress.org/support/top...0/#post-303672

И через полгода, заказываешь оптимизацию производительности сайта по Google Pagespeed по стоимости нормального шаблона созданного с нуля, потому, что все завешано библиотеками, стилями, ненужными плагинами и костылями.

Порядок создания темы Wordpress.

1. Создание макетов дизайна под все поддерживаемые разрешения экраном.

На данном этапе, можно проинструктировать дизайнера касательно, какую систему сетки нужно использовать и какие файлы должны получить на выходе (например, single-xs.psd / single-s.psd ... / single-custom-post-type-xs.psd, ...)

2. Верстка всех макетов в HTML.

Желательно, реализовывать верстку по принципу mobile-first.

То-есть, верстаем сначала макет для самого маленького разрешения экрана и дальше добавляем адаптив под разрешения выше, а не наоборот.

3. Адаптация верстки под Wordpress и добавление кастомных таксономий/типов постов/метабоксов, если нужно.

melkozaur
На сайте с 06.04.2010
Offline
505
#6
88Vladimir88:
Такой вопрос. Берется стандартная тема и уже в ее файлах все меняется? прописываются новые стили?
Или создается тема нуля?

Макет и верстка - вопросы слишком глобальные. Все как всегда, для любых сайтов.

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

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

Либо вообще просто с нуля создать все эти файлы для вывода отдельной записи, страницы, категории и т.д. - так как нужно конкретно в данном случае. Потом всякие примочки для кастомизации, если нужны.

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

Но короче в итоге делать можно как угодно, главное чтобы оно работало и обновлялось.

ortegas:
Желательно, реализовывать верстку по принципу mobile-first.
То-есть, верстаем сначала макет для самого маленького разрешения экрана и дальше добавляем адаптив под разрешения выше, а не наоборот.

Немного странный прием. Как будто нельзя сделать нормальный фуллскрин-сайт, а потом стилями добиться корректного преобразования для маленьких экранов.

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
SeVlad
На сайте с 03.11.2008
Offline
1609
#7
ortegas:
И через полгода, заказываешь оптимизацию производительности сайта по Google Pagespeed по стоимости нормального шаблона созданного с нуля, потому, что все завешано библиотеками, стилями, ненужными плагинами и костылями.

От недостатка ума и завышенного ЧСВ можно и заказывать "оптимизацию" под левые пузомерки и самому костылей плодить.

А большинство понимающих в ВП именно так и делают, как я написал.

S
На сайте с 30.09.2016
Offline
469
#8
melkozaur:
Немного странный прием.

Это для тебя он странный, а так-то обычный.

melkozaur:
Как будто нельзя сделать нормальный фуллскрин-сайт, а потом стилями добиться корректного преобразования для маленьких экранов.
Можно. Но правильнее - наоборот. А точнее, делается вёрстка под мобильный дизайн с учётом последующего расширения под десктоп.
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
melkozaur
На сайте с 06.04.2010
Offline
505
#9

А, адепты религий подтянулись, сча послушаю как правильно делать сайты.

Sitealert:
правильнее - наоборот

Это в блоге прочитал у кого-то? :)

S
На сайте с 30.09.2016
Offline
469
#10
melkozaur:
А, адепты религий подтянулись, сча послушаю как правильно делать сайты.
Это в блоге прочитал у кого-то? :)

Давай, давай флуди дальше, если нечего по делу сказать.

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий