Урок #2. Создание макета для темы WordPress в Balsamiq Mockups.
После того, как мы разобрались со структурой темы WordPress можно смело двигаться дальше и переходить на новый этап — создание макета для темы WordPress.
Что такое макет темы WordPress?
Макет — готовый проект, в котором уже распределены и упорядочены информационные блоки, то есть, уже готов базовый каркас для будущего сайта.
Важность макета
Макет является основным этапом, который нельзя пропускать! Потому что макет определяет будущий дизайн вашего сайта и если вы перейдёте сразу к созданию дизайна, вы потратите много времени на компоновку информационных блоков и их отрисовку.
Примечание: пропускать создание макета можно будет только тогда, когда вы наберётесь опыта и без проблем будете отрисовывать информационные блоки в режиме — реального времени.
Создание макета для темы WordPress
Я буду разрабатывать макет в специализированном программном обеспечении — Balsamiq Mockups. Данное программное обеспечение ускорит процесс создания макета, так как оно обладает нужным функционалом и лёгкостью в использовании.
Главная страница — index.php
Главная страница будет состоять из нескольких блоков:
- верхняя часть (название сайта и навигационное меню);
- вывод последних записей;
- боковая колонка (вывод рубрик сайта и прочей информации);
- нижняя часть (авторские права и copyright).
Страница — page.php
Вид страницы будет стандартный. Присутствует верхняя часть, боковая колонка, нижняя часть и область для вывода текста страницы, ничего лишнего.
Запись — single.php
На странице записи будет выводиться:
- верхняя часть;
- боковая колонка;
- нижняя часть;
- область для вывода текста записи;
- блок с похожими новостями;
- форма для комментирования.
Категория — category.php
На странице категории будем выводить:
- название категории;
- описание категории;
- записи принадлежащие этой категории.
Результаты поиска — search.php
На странице — результаты поиска, выведем информационную строку в которой будет указываться «что искали» и сколько «совпадений найдено». Если совпадения будут найдены, то выведем их ниже, а если нет — вернём в строку «результатов найдено» нулевое значение.
Страница 404 — 404.php
Ошибка #404 — ничего не найдено. Она будет выводиться только в том случае, когда посетитель будет обращаться к странице или файлу, которого нет на сайте.
Вывод
Мы создали макет для нашей первой темы WordPress в программном обеспечении Balsamiq Mockups. И теперь, переходим к следующему этапу, основная задача которого — создание дизайна для темы WordPress.
С уважением, Артём Санников
Сайт: ArtemSannikov.ru
Метки: Wordpress, Создание темы.