Меню

Главная » WordPress » Адаптивная тема для блога WPhome

Представляю Вашему вниманию бесплатную, адаптивную, классическую тему для бизнес-блога WPhome.

Тему сделал для своего второго сайта по теме WordPress- WPhome,  соответственно и название темы отсюда.

 Вы сейчас на странице с первой версией шаблона, вторая версия вот здесь

 Стояла задача сделать, легкую воздушную тему, с минимальным бизнес-функционалом!

Сайт решил продать т.к. не хватает времени на его развитие, поэтому решил «примарафетить», обновить тему , прикрутить магазин ну и другие плюшки.

Верстка у шаблона не моя, нашел в интернете, я лишь немного ее доработал, перевел на 4 версию сетки бустрап, другие мелочи, ну и натянул на WordPress.

Видео инструкция темы

Скачать дистрибутив темы

 Какие плюшки имеет бесплатная тема для бизнес-блога WPhome

Устанавливать тему WPhome  вам скорей всего придется через FTP т.к весит почти 7 mb  и некоторые хостеры ставят ограничение.

Тогда распаковываете и закачиваете в папку themes  Вашего сайта.

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

  1. Липкое ТОП-меню, которое в мобильной версии превращается в бургер
  2.  Два дополнительных меня в шапке: Тикет-меню и социальное меню
  3. Загружаемый логотип через стандартные настройки темы
  4. Вывод новостей в две колонки
  5. Отдельный тип записей для коммерческих предложений, которые не идут в общую ленту блога
  6. Карусель на главной для вывода коммерческих предложений
  7. Авто-установщик плагина для показа рекламы или своих объявлений на сайте. Шоркоды плагина уже прописаны в код темы
  8. Встроенный виджет вывода популярных новостей для отдельных категорий.
  9. Липкий сайт-бар боковой колонки.
  10.  Два сайтбара в футере для контента
  11. Дополнительный сайт-бар в подвале для вставки кодов счетчиков, если используете таковые.
  12. Встроенная HTML-карта сайта, позволяет исключить плагин
  13. Отдельная готовая страница с формой обратной связи.

Вот в целом и все что есть в шаблоне.

 Теперь кратко пройдемся по настройкам темы для бизнес-блога WPhome

Наверняка сразу после установки темы у вас сразу поедет шапка.

Это потому что нужно создать и прописать все три верхних меню, иначе вордпресс подставит туда первые попавшиеся и отобразит их некорректно.

Адаптивная тема для блога WPhome

Поэтому у вас в должны быть созданы:

  1. Топ меню-главное меню сайта
  2.  Тикет меню — вспомогательное меню, которое показывает каруселью отдельные пункты. Позволяет зацепить взгляд посетителя на важных статьях или предложениях сайта.
  3. Социальное меню. Выводит ссылки на Ваши соц. странички. Для его настройки Вам понадобится сайт шрифтов Font Awesome

Далее Вам нужно подгрузить свой логотип.

Рекомендуемый размер картинки 255/70 пикселей. Фон у шапки белый так что прозрачность необязательно и можно грузить jpg формат.

Грузится лого через стандартный загрузчик в настройках темы.

Переходим в консоли Внешний вид- Настроить

Адаптивная тема для блога WPhome

Далее просто переходим в свойства сайта и там грузим наш логотип.

Адаптивная тема для блога WPhome
Адаптивная тема для блога WPhome

Отдельный тип записей для бизнес-предложений.

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

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

В консоли под вкладкой -Комментарии находим новую-Предложения , сюда и добавляем.

Система показа баннеров

В код темы прошиты шоркоды для показа баннеров.  Всего в трех местах.

Есть отдельный тип записей -Заметка, так вот он без верхнего баннера и бокового сайтбара

  1. Шапке сайта на страницах статей.
  2. В боковом липком сайт-баре в нижней части
  3. В подвале сайта по центру

Все баннеры можно вставлять в визуальном редакторе, с помощью плагина AdsPlace’r, который есть в установщике темы.

Виджет популярных новостей

Настройка виджета простая, устанавливаем, прописываем три параметра.

  1. id категории из которой выбираются новости. я его когда то писал для вывода популярностей по категориям.
  2. За сколько дней считать рейтинг, обычно ставлю 30 (месяц)
  3. Количество новостей.  Ставьте четное число т.к. новости выводятся в две колонки.

Ну вот пожалуй и все основные настройки темы для бизнес-блога WPhome.

Если будут вопросы пишите будем решать! Если будет интересно то можно и прикрутить простенькую админку к теме.

Всем хорошего дня и удачного продолжения праздников!

Да, Я Хочу Быть В Курсе Новых Событий На Сайте!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности Ваш E-Mail в безопасности