ГлавнаяWordpressСоздание темыУрок #2. Создание макета для темы Wordpress в Balsamiq Mockups.

Урок #2. Создание макета для темы WordPress в Balsamiq Mockups.

Категория: Создание темы / Опубликовано: 2017-07-25 / Просмотров: 151

Создание макета для темы Wordpres в программном обеспечении Balsamiq Mockups

После того, как мы разобрались со структурой темы WordPress можно смело двигаться дальше и переходить на новый этап — создание макета для темы WordPress.

Что такое макет темы WordPress?

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

Важность макета

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

Примечание: пропускать создание макета можно будет только тогда, когда вы наберётесь опыта и без проблем будете отрисовывать информационные блоки в режиме — реального времени.

Создание макета для темы WordPress

Я буду разрабатывать макет в специализированном программном обеспечении — Balsamiq Mockups. Данное программное обеспечение ускорит процесс создания макета, так как оно обладает нужным функционалом и лёгкостью в использовании.

Главная страница — index.php

Главная страница будет состоять из нескольких блоков:

  • верхняя часть (название сайта и навигационное меню);
  • вывод последних записей;
  • боковая колонка (вывод рубрик сайта и прочей информации);
  • нижняя часть (авторские права и copyright).

Макет главной страницы - index, разработанный в программе Balsamiq Mockups.

Страница — page.php

Вид страницы будет стандартный. Присутствует верхняя часть, боковая колонка, нижняя часть и область для вывода текста страницы, ничего лишнего.

Макет страницы - page, разработанный в программе Balsamiq Mockups.

Запись — single.php

На странице записи будет выводиться:

  • верхняя часть;
  • боковая колонка;
  • нижняя часть;
  • область для вывода текста записи;
  • блок с похожими новостями;
  • форма для комментирования.

Макет записи - single, разработанный в программе Balsamiq Mockups.

Категория — category.php

На странице категории будем выводить:

  • название категории;
  • описание категории;
  • записи принадлежащие этой категории.

Макет категории - category, разработанный в программе Balsamiq Mockups.

Результаты поиска — search.php

На странице — результаты поиска, выведем информационную строку в которой будет указываться «что искали» и сколько «совпадений найдено». Если совпадения будут найдены, то выведем их ниже, а если нет — вернём в строку «результатов найдено» нулевое значение.

Макет результатов поиска - search, разработанный в программе Balsamiq Mockups.

Страница 404 — 404.php

Ошибка #404 — ничего не найдено. Она будет выводиться только в том случае, когда посетитель будет обращаться к странице или файлу, которого нет на сайте.

Макет страницы 404 - 404, разработанный в программе Balsamiq Mockups.

Вывод

Мы создали макет для нашей первой темы WordPress в программном обеспечении Balsamiq Mockups. И теперь, переходим к следующему этапу, основная задача которого — создание дизайна для темы WordPress.

С уважением, Артём Санников

Сайт: ArtemSannikov.ru

Похожие записи по теме

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *