Верстка
Создаем шаблон для WordPress. Шаг 4: натяжка HTML шаблона на WordPress
Итак, расслабляться ещё рано. Впереди последний этап создания шаблона для WordPress или так называемой wordpress темы – натяжка HTML шаблона. Пожалуй, здесь у вас может возникнуть самое большое число трудностей и ошибок. Натяжка на движок обязывает знаниями php, а это уже гораздо сложнее.
Но даже если что-то будет неполучаться или возникнут вопросы, задавайте их в комментариях и на них ответит Игорь Чайка или я.
Создаём новую папку и называем её, например, «era_stroy». В этой папке мы и будем хранить наши файлы. Заходим в эту папку и создаём файл «head.php». Открываем чистый файл.
Копируем часть кода с «index.html» и вставляем в файл «head.php»:
Создаем шаблон для WordPress. Шаг 3: создание html-страницы
Продолжаем идти по пути совершенствования и создания собственного шаблона. Итак, анализ провели, нарезку выполнили. Все хорошо, следовательно идем дальше. Дальше нам нужно собрать всю нарезку в один «салат».
HTML страница – это разметка окна, которая укажет браузеру, что и где нужно выводить, и в какой последовательности. Независимо от использованной CMS,– HTML страница это основная часть шаблона. Вначале мы всегда получаем html, а уже после натягиваем ее на определенный выбранный нами движок. Поэтому все, что было до этого поста и действия этого поста — руководство по созданию шаблона под любой двиг.
И так, приступаем к вёрстке. Для начала выберем редактор HTML кода. На сегодняшний день все визуальные редакторы не позволяют писать правильный, не громоздкий HTML код. Поэтому берем программный продукт «Macromedia Dreamweaver 8» (данная версия наиболее четко отвечает современным требованиям и обладает полным набором нужных инструментов), устанавливаем, запускаем, нажимаем File –> New, смотрим на рисунок 10:
Создаем шаблон для WordPress. Шаг 2: нарезка макета
Пиар: после создания своего шаблона для блога и самого блога вам будет полезна инструкция по начальной раскрутке блога.
В предыдущем посте из серии «Создаем шаблон для WordPress» мы анализировали psd-макет. Продолжим создание своего шаблона. Одним с основных этапов создания шаблона для CMS есть нарезка макета.
Для этого будем использовать программный продукт для работы с изображением «Adobe Photoshop CS3» так как мы имеем исходную картинку макета в формате *.PSD. Чтобы нарезать макет будем использовать инструмент «раскройка», который можно вызвать горячей клавишей «K» (в латинице).
Помните, что нарезка требует высокой точности.
Несколько упущенных пикселей могут создать вам большие проблемы в верстке или отнимут много времени в поиске ошибки, а в некоторых случаях вам даже придется начать нарезку с начала.
Первым элементом для нарезки идёт картинка с шапки макета. Для этого вызываем инструмент «раскройка» и тянем мышку с зажатой клавишей от края до края картинки рис. 4.
Создаем шаблон для WordPress. Шаг 1: анализ psd-макета
Итак, сегодня я открываю серию публикаций, посвященных созданию собственного шаблона для вашего блога на платформе WordPress. В ходе изучения данной темы мы пройдем путь от рисунка до функционирующего дизайна вашего блога. Интересно? Тогда не забудьте подписаться на обновления моего блога по RSS, дабы не пропустить ничего нового.
Вы в свою очередь можете задавать свои вопросы в комментариях или присылать их на e-mail. На все вопросы я постараюсь ответить. Кроме того, на ваши вопросы ответит, а также окажет практическую помощь в верстке, приглашенный мною мой друг – Игорь Чайка, работающий в данном направлении в сети уже более 6 лет.
Создание обычного HTML шаблона или шаблона под CMS начинается с анализа PSD-макета.
PSD-макет, это отображение сайта построенное в графическом редакторе Adobe Photoshop.
Макет вы можете нарисовать в любом другом графическом редакторе, никто вас не обязывает пользоваться Photoshop’ом. В своих статьях я буду работать именно с ним.
Я в Google Plus
Разделы блога
Мои проекты
Блоггеру
Рекомендую
Интересное
Опрос
Loading ...Вовкин блог на Facebook
- 6 способов восстановить сайт от влияния плохих ссылок
- ТОП-10 популярных Twitter клиентов русскоязычной блогосферы
- Поэкспериментируем с Gold Line?
- Внутренняя перелинковка страниц сайта с HTracer. Личный опыт
- Эффективность работы с системой Orphus
- Интервал между временем постинга и временем рассылки Feedburner
- Контрольная закупка. Размещение 145 статей у Рафаэллы
Прямая трансляция упоминаний
- Доказательство невозможности дружбы между мужчиной и женщиной
Пытаетесь раскрутить свой сайт, хотелось сказать что для этого есть кнопка google +1 которая значительно поможет вам в этом. - ЛЕПКА. Декорирование посуды пластикой
HAND MADE, Цитаты - ЛЕПКА. Декорирование посуды пластикой
Если вы хотите поподробнее узнать, как влияет кнопка google социальной сети Google plus на ваш сайт в целом и на его продвижение, предлагаю посетить блог Владимира Карпеева. - ЛЕПКА. Декорирование посуды пластикой
рукоделие, полимерная глина, лепка, Цитаты - ЛЕПКА. Декорирование посуды пластикой
Лепка, лепка, декор, посуда, Цитаты