Как создать сайт WordPress менее чем за 40 минут? [Видеоинструкция]

Комментариев нет

Начнем с вопроса: сколько нужно времени, чтобы создать сайт на WordPress с тремя подстраницами? День, два? Или больше?

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

Фото кота.

Этап 1. Сбор данных

Возьмем за условие, что графика для сайта у нас готова, контент тоже в наличии. Даже если готовых текстов пока нет, можно на короткий срок обеспечить страницы текстами, сгенерированными в специальном сервисе hipsum.co или любом другом похожем ресурсе.

Самый трудоемкий этап подготовки – создание логотипа. Иногда лучше использовать готовый шаблон лого, чем потратить много часов на его создание. Для создания логотипа, представленного ниже, использовался шрифт Rubik.

Hit sacer.

Этап 2. Подготовка

Любому делу нужен предварительный план. Для будущего сайта он тоже нужен:

Идентификация сайта

  • Название сайта – Hit Sacker
  • Тэглайн – Профессионализм и ответственность
  • Показывать тэглайн под логотипом

Общие настройки сайта

  • Логотип
  • Тип лого – изображение
  • Загрузка лого – logo-small.png
  • Лого для Retina-экранов – logo-big.png
  • Хлебные крошки (навигационная цепочка) – ВЫКЛ

Цветовая схема

  • Основная схема
  • Цветовой акцент 1 – #897c66
  • Цветовой акцент 2 – #474034
  • Цветовой акцент 3 – #776850
  • Цветовой акцент 4 – #9d937d
  • Текст – #474034
  • Ссылка – #9d937d
  • Ссылка при наведении – #474034
  • Заголовки H1-H6 – #222222

Типографика

  • Тело – Roboto – толщина шрифта 400
  • H1 – Rubik – толщина шрифта 500
  • H2 – Rubik – толщина шрифта 500
  • H3 – Rubik – толщина шрифта 400
  • H4 – Rubik – толщина шрифта 400
  • H5 – Rubik – толщина шрифта 400
  • H6 – Rubik – толщина шрифта 600
  • Хлебные крошки/Метатег – Roboto – толщина шрифта 400

Хедер

  • Стили – Макет (Стиль 3)
  • Верхняя панель – ВЫКЛ
  • Главное меню – ВКЛ фиксированное меню

Меню

  • Расположение меню
  • Главная страница
  • Блог
  • О компании
  • Услуги
  • Контакты
  • Социальные сети

Сайдбар (Боковая панель)

  • Без сайдбара

Футер

  • Стили футера
  • Показ логотипа в футере – ВЫКЛ
  • Макет – Стиль 1
  • Блок с контактами – ВЫКЛ

Настройки блога

  • Блог
  • Макет – Сетка (2 колонки)
  • Публикация – СКРЫТЬ
  • Показ автора публикации -ВКЛ
  • Показ даты публикации – ВКЛ

Цветовая схема для сайта была создана на основе фотографии котика, которая предшествовала содержимому этой статьи. Для этого был использован бесплатный инструмент http://colormind.io/, который может генерировать неограниченное количество цветовых схем на основе любых картинок.

Зачем нужен план? А разве перед началом выполнения важного задания нет необходимости в составлении плана действий? Благодаря списку можно сэкономить массу времени и создать сайт в кратчайшие сроки.

Этап 3. Процесс создания и настройки сайта

Для эксперимента выберем шаблон для установки в WordPress админку.

Скрин светлого шаблона.

Действуем в соответствии с вышеописанным планом. В видеоинструкции все подробности:

(Всего посетителей: 766, сегодня: 1)
Алексей Шевченко
Автор и редактор на wptheme.us
Опыт работы с WordPress более 10 лет. Создал более 1500 сайтов на Вордпресс. Перевел более 400 тем на русский и украинский язык. Сотни вылеченных сайтов от вирусов. Тысячи установленных и настроенных плагинов. Задать вопрос мне можно на https://profiles.wordpress.org/wpthemeus/
 

Рубрики

Лучшие шаблоны для Wordpress

Лучшие комментарии

Подписка на новые шаблоны
Введите свой email:

Доставка от FeedBurner

Миниатюра к услугам.
Комментариев нет

Оставьте свой комментарий