Адаптивный шаблон для WordPress на bootstrap

Адаптивный шаблон Newsbullet-1.0 для новостного портала или сайта на WordPress весит 1,5 мБ, что совсем немного для seo-оптимизированной, имеющей широкий набор настроек и функционала темы.

  1. Корректно отображается во всех браузерах, проверен на Mozilla Firefox разных версий, Opera, Chrom различных сборок, на Яндекс Браузере, Safari.
  2. В теме использованы текстовые иконки fontawesome.
  3. Тема Newsbullet-1.0 адаптивная — корректно отображается на любом устройстве, будь то компьютер, планшет или смартфон.
  4. Тема сверстана при помощи HTML5 и CSS3. Верстка HTML5 создает нужную структуру контента, что помогает поисковому роботу правильно индексировать сайт.
  5. В файлы темы внедрены микроразметки Schema.org (для контента) и Open Graph (для социальных сетей).
  6. Код темы SEO оптимизирован.
  7. Тема автоматически устанавливает свои МЕТА теги для записей и страниц, указывает ключевые слова, описания и заголовки.
  8. Всплывающее окно для регистрации пользователей.
  9. Выдвигающийся поиск по сайту.
  10. Изменяющийся в зависимости от количества символов и версии сайта (декстопная или мобильная) размер шрифта для заголовков h2.

Функционал:

Тема дает возможность использования любого контента: текста, изображений, видео с youtube, rutube и видео с вашего хостинга, аудиофайлов, текстовых иконок fontawesome, вставок и цитат. Это позволяет создавать лонгриды из любой статьи сайта.

Два собственных виджета – виждет «Популярные записи» и виждет «Табы». Табы выводят записи по рейтингу, по отзывам и по последним добавленным новостям.

Собственное меню – фиксированное, обычное и мобильное. Устанавливается перетаскиванием виджета «Произвольное меню» в указанную область в виджетах сайдбара – всего на сайте должно действовать четыре меню – фиксированное, под шапкой, в подвале и мобильное. Предварительно все меню необходимо создать на странице «Меню».

Созданы шаблоны страниц с дополнительным функционалом, подключаемых из админки:

  1. Для Главной страницы — home.php
  2. Для страницы контактов — contact.php
  3. Для вывода карты сайта — map.php
  4. Для страницы отзывов — otziv.php
  5. Для страницы авторов — listing.php
  6. Для страницы без сайдбаров — page-full.php

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

Собственное адаптивное мобильное меню, счетчик просмотров записей, разворачивающееся окно для комментариев (спойлер), ограничение title по словам для корректного отображения в колонках на главной и в сайдбарах, пагинация страниц, блок похожих записей на странице записи и в сайдбаре (для сайдбара – в виде перетаскиваемого виджета), блок с табами в сайдбаре (в виде перетаскиваемого виджета), правый сайдбар — фиксированный плавающий (без необходимости можно не включать).

Большой слайдер с выбором рубрики и количества записей на главной странице, слайдер записей с выбором рубрики и количества записей в подвале, слайдер комментариев в подвале.

Внедрен запрет индексации внешних ссылок, хак для исполнения php кода в виджетах и сайдбарах, хак для открывания внешних ссылок в новом окне, хак исправления rel=’canonical’ для карты блога, хак защиты от спама (seo-плагины и антиспам-плагин не нужны),

Выезжающий подвал с множеством гибких настроек.

На главной странице выводятся последние новости из восьми рубрик. Подробнее о настройках рубрик – объяснения с изображениями:

Прописать полный путь к логотипу

Настройка рубрик и количества записей в них на главной странице сайта:

Настройка слайдера на главной странице – нужно указать отображаемую рубрику и количество выводимых записей (картинок с description) в слайдере

В теле слайдера есть место для вывода одного или двух заголовков из любой рубрики:

Настройки блоков в выезжающем подвале есть в пояснении на картинке:

Счетчики будут выводиться в подвале слева:

Здесь все ясно с настройками. Сайдбары подвала – в настройках «Внешнего вида». В них можно вставлять текст или любой код:

Предусмотрены места для рекламы. Управление рекламой осуществляется в панели настроек темы. Рекламный код можно вставлять любой – РСЯ, Адсенс, тизеры:

Выбор рубрик и количества записей в блоках описан подробно на странице настроек рубрик:

Ссылки на социальные сети вставляются в блоки шаблона автоматически – вам остается только указать их в настройках этого блока:

Подводим итоги

  1. Тема не нуждается в установке плагинов All in seo pack, Akismet и им подобных – в шаблоне встроены функции вывода мета и антиспама.
  2. Тема адаптивная корректно отображается на любых мобильных устройствах.
  3. Все дополнительные хаки, заменяющие множество плагинов, перечислены выше.
  4. Множество гибких настроек, включая вывод времени и радио в шапке сайта.
5

Автор публикации

не в сети 3 недели

batyanya2009

13
Комментарии: 0Публикации: 7Регистрация: 05-04-2019