Верстка

24 Сен, 2010
Категории: Wordpress, Верстка
Автор: Вовка

Создаем шаблон для WordPress. Шаг 4: натяжка HTML шаблона на WordPress

Итак, расслабляться ещё рано. Впереди последний этап создания шаблона для WordPress или так называемой wordpress темы – натяжка HTML шаблона. Пожалуй, здесь у вас может возникнуть самое большое число трудностей и ошибок. Натяжка на движок обязывает знаниями php, а это уже гораздо сложнее.

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

Создаём новую папку и называем её, например, «era_stroy». В этой папке мы и будем хранить наши файлы.  Заходим в эту папку и создаём файл «head.php». Открываем чистый файл.

Копируем часть кода с «index.html» и вставляем в файл «head.php»:

13
21 Сен, 2010
Категории: Wordpress, Верстка
Автор: Вовка

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

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

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

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

21
17 Сен, 2010
Категории: Wordpress, Верстка
Автор: Вовка

Создаем шаблон для WordPress. Шаг 2: нарезка макета

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

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

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

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

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

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

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

Создаем шаблон для WordPress. Шаг 1: анализ psd-макета

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

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

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

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

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

21
1

Разделы блога

Мои проекты

Мои друзья

Блоггеру

  • Gogettop - уникальный сервис продвижения вечными ссылками с максимальной эффективностью и рассрочкой платежа на 12 месяцев. Эффективность естественных вечных ссылок очень высокая. Продвижение становится еще доступнее.

Рекомендую

Интересное

Опрос

Вы продаете какой-нибудь свой продукт или услуги у себя на блоге?

Загрузка ... Загрузка ...

Вовкин блог на Facebook

Прямая трансляция упоминаний

Как сюда попасть

Последние комментарии

Самое комментируемое

Горячие записи