Главная Новости

Bootstrap шаблон WordPress

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

видео Bootstrap шаблон WordPress

Simple Bootstrap to WordPress Conversion - Part 3

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



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

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

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

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


Разработка сайта с нуля. Перенос HTML сайта на Wordpress. Часть #22.

Данные из PageSpeed Insights

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

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

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


How to include Bootstrap into a WordPress theme

rss