Скачай бесплатно

Bootstrap шаблон WordPress

Чистая тема на bootstrap для wordpress

Всем привет. Давно уже хотел сделать заготовку-шаблон для разработки сайтов под wordpress. Очень люблю фрейм bootstrap — если кто-то знает, что-то проще и легче для разработки адаптивных сайтов — то пишите в комментариях (лучший совет размещу в статье и укажу ссылку на ваш сайт).

Демо темы — http://demo.richbee.ru/.

Сразу отмечу, что эта bootstrap тема wordpress создана на основе другого чистого шаблона — http://dontforget.pro/wordpress/chictyiy-wp-shablon-3-0/, однако я провел некоторые изменения и дополнительную очистку кода.

Тема bootstrap wordpress для разработки

WordPress clean seo bootstrap template download

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

wordpress bootstrap speed seo template

Данные из PageSpeed Insights

Просто устанавливаем голый wordpress, накидываем тему и получаем следующее:

  1. Через function.php проведена чистка лишних функций wordpress, который захламляют код и увеличивают время загрузки сайта (удалены emoji, отключен REST API, его фильтры, события и embeds).
  2. Создано 2 меню адаптированных под bootstrap. Через админку создаете верхнее и нижнее меню.
  3. Подключён файл стилей style.css, Где вы можете указать собственный CSS код для костамизации шаблона (В этом файле я добавил небольшой код для украшения темы, однако, вы можете удалить этот код, чтобы сохранить исходный вид bootstrap).
  4. Миниатюры постов и кастомные размеры картинок.

Я бы рекомендовал вам перенести блок <header> в файл footer.php и через стили и position: absolute визуально поднять его обратно в шапку сайта. Это необходимо для SEO-оптимизации кода. С помощью этого действия Вы можете ощутимо поднять заголовок H1 вверх, что непременно положительно скажется на поисковый выдачи вашего сайта. Здесь я исхожу из мысли, которую услышал давно, однако, придерживаюсь её:

Нет ничего лучше для поисковика, чем страница для печати

Однако, перенос хедера — это дело ваше. Но в пользу своей позиции приведу авторитетный пример — https://devaka.ru/.

Seo bootstrap wordpress тема

После редизайна сайта в коде можно заметить, что хедер подгружается из футера (сайт тоже сделан на wordpress). А Сергею Кокшарову я бы доверял.

Файлы в теме Bootstrap WordPress

С файлами все стандартно — просто ничего лишнего.

  • 404.php — шаблон 404
  • author.php — шаблон вывода постов автора
  • archive.php — архив постов
  • category.php — шаблон постов категории
  • comments.php — шаблон комментариев, там сам вывод и форма, разметка списка комментариев в functions.php
  • footer.php — подвал сайта
  • function.php — функции шаблона
  • header.php — шапка сайта
  • index.php — шаблон вывода последних постов для главной
  • loop.php — пост в цикле
  • page.php — обычная страница
  • search.php — шаблон поиска
  • sidebar.php — сайдбар
  • single.php — отдельная страница поста
  • style.css — стили темы и описание
  • tag.php — посты по тэгу
  • /js — скрипты бутстрапа и шаблона
  • /css — стили бутстрапа
  • /fonts — шрифты бутсрапа

Замечу маленький нюанс — блок <div class=»container»> вынесен их header.php, для более удобной разработки. Например, вам нужно сделать слайдер во всю ширину страницы — просто в кастомном шаблоне страницы делаете слайдер без необходимости закрывать открытые теги с фиксированной шириной.

Скачивайте, пробуйте. Пишите свое мнение в комментариях. Автору же изначального шаблона советую купить пива.



Всего комментариев: 0

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

Ваш email не будет опубликован.

Вы можете использовать следующие HTML тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Опубликовано:


174

Тэги: ,
,


Скачать шаблон чистой темы для WordPress
Блог про интернет-маркетинг в стиле ROCK'N'ROLL