Создаем шаблон для WordPress. Шаг 3: создание html-страницы

21 сентября 2010 | Категории: Wordpress, Верстка

Продолжаем идти по пути совершенствования и создания собственного шаблона. Итак, анализ провели, нарезку выполнили. Все хорошо, следовательно идем дальше. Дальше нам нужно собрать всю нарезку в один «салат».

HTML страница – это разметка окна, которая укажет браузеру, что и где нужно выводить, и в какой последовательности. Независимо от использованной CMS,– HTML страница это основная часть шаблона. Вначале мы всегда получаем html, а уже после натягиваем ее на определенный выбранный нами движок. Поэтому все, что было до этого поста и действия этого поста – руководство по созданию шаблона под любой двиг.

И так, приступаем к вёрстке. Для начала выберем редактор HTML кода. На сегодняшний день все визуальные редакторы не позволяют писать правильный, не громоздкий HTML код. Поэтому берем программный продукт «Macromedia Dreamweaver 8» (данная версия наиболее четко отвечает современным требованиям и обладает полным набором нужных инструментов), устанавливаем, запускаем, нажимаем File –> New, смотрим на рисунок 10:

Подробнее... Автор: Вовка Комментариев: 15
Создаем шаблон для WordPress. Шаг 2: нарезка макета

17 сентября 2010 | Категории: Wordpress, Верстка

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

В предыдущем посте из серии «Создаем шаблон для WordPress» мы анализировали psd-макет. Продолжим создание своего шаблона. Одним с основных этапов создания шаблона для CMS есть нарезка макета.

Для этого будем использовать программный продукт для работы с изображением «Adobe Photoshop CS3» так как мы имеем исходную картинку макета в формате *.PSD. Чтобы нарезать макет будем использовать инструмент «раскройка», который можно вызвать горячей клавишей «K» (в латинице).

Помните, что нарезка требует высокой точности.

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

Первым элементом для нарезки идёт картинка с шапки макета. Для этого вызываем инструмент «раскройка» и тянем мышку с зажатой клавишей от края до края картинки рис. 4.

Подробнее... Автор: Вовка Комментариев: 0
Создаем шаблон для WordPress. Шаг 1: анализ psd-макета

27 августа 2010 | Категории: Wordpress, Верстка

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

Вы в свою очередь можете задавать свои вопросы в комментариях или присылать их на e-mail. На все вопросы я постараюсь ответить. Кроме того, на ваши вопросы ответит, а также окажет практическую помощь в верстке, приглашенный мною мой друг – Игорь Чайка, работающий в данном направлении в сети уже более 6 лет.

Создание обычного HTML шаблона или шаблона под CMS начинается с анализа PSD-макета.

PSD-макет, это отображение сайта построенное в графическом редакторе Adobe Photoshop.

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

Подробнее... Автор: Вовка Комментариев: 16