Шаблоны вордпресс: Русские шаблоны WordPress. Бесплатные уникальные темы для сайтов. WP-Templates.ru

16.12.2020 alexxlab

Содержание

Что такое тема и шаблоны WordPress?

Здравствуйте.

Рад приветствовать вас в курсе «Минимальная тема WordPress своими руками».

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

Работая с блогом WordPress, сразу же сталкиваешься с такими понятиями как шаблон и тема. Давайте разберемся что это такое и зачем это нужно.

Вот небольшое видео, которое должно прояснить ситуацию.

Больше моих уроков по Worpdress здесь.

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

Тема — это костюм или одежда для вашего блога.

Идея в том, что вы можете легко менять эту одежду (т.е. внешний вид блога), но он при этом остается в рабочем состоянии.

Понятие шаблон — это более узкое понятие. Шаблон — это те файлы внутри темы, которые формируют вывод информации нужным образом. Например, шаблон для вывода записей блога, шаблон для вывода страниц, шаблон для вывода рубрик и.т.д.

Шаблон, по сути, это просто файл с расширением php, который содержит в себе HTML-код и php-функции.

Если разобраться, то все файлы внутри темы WordPress можно разделить на несколько групп:

Файлы стилей оформления с расширением *.css. Отвечают за внешний вид элементов: их размер, цвет, отступы и.т.д.
Шаблоны. Отвечают за то, какую информацию и в каких местах нужно выводить. Это файлы с расширением php.
Файл дополнительного функционала functions.php. Позволяет перенести или изменить какой-то функционал из служебных файлов wordpress и внедрить его в тему.
Изображения, которые будут использоваться для данной темы.

Хранятся эти файлы в директории wp-content/themes/. Для каждой темы создается своя папка.

Примерно, файлы шаблона выгледят вот так:

Темы можно менять через главное меню панели управления «Внешний вид – Темы»:

Возникает вполне логичный вопрос, а зачем вообще нужны темы (шаблоны)?

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

Таким образом, они работают независимо друг от друга.

Чем это хорошо?

Вы можете без проблем обновлять тему или версию WordPress независимо друг от друга. Это очень удобно и быстро.

Больше моих уроков по Worpdress здесь.

Лучшие темы для блога на WordPress в 2020 году

Здравствуйте, в этой статье расскажу, какие существуют темы для блога на WordPress (на самом деле их большинство). Каждая предложенная тема содержит шаблоны, которые позволят сделать блог красивым и отзывчивым. Статья актуальная на 2020 год, но может продержится дольше.

И последнее: в сих темах будет минимум лишнего функционала, ибо для блога он не особо нужен, а всякие красоты, Ajax-пагинации и прочее способны сильно замедлить сайт, что плохо скажется на ранжировании в поиске. Так что по-минимуму.

Темы (шаблоны) для блога на WordPress

Для начала объясню, что такое шаблоны в WP. Да, понимаю, например, в Joomla принято называть шаблоном, но в Вордпресс немного иначе. Шаблон для WP – часть темы.

Это всё шаблоны, которые являются составляющей темы

Например, стрелками я отметил шаблоны подвала (footer.php), шапки (header.php), главной страницы (index.php). И в папке templates можно найти ещё под десяток шаблонов, способных кардинально изменить внешний вид сайта.

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

Ладно, пора перейти к делу. В этой статье расскажу про темы Вордпресс для блога. Если честно, то практически каждая тема в ВП сделана для блога. Даже если заявлена под интернет-магазин или лендинг, то для всё-равно будет иметь блоговый функционал. Но есть некоторые нюансы.

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

Во-вторых, блоговые темы для WordPress не всегда могут быть хорошо заточены под поисковую оптимизацию (SEO). Неопытному человеку такие мелочи заметить трудно, но придётся учиться. Давайте банальный пример.

Пример плохой поисковой оптимизации у блоговой темы для WP

Здесь получается два заголовка h2. И если захотим исправить сей недочёт, то придётся переписывать шаблон, отвечающий за вывод заголовка в шапке. Это не фатальная ошибка, но очень неприятная. И такие встречаются повсеместно.

К примеру, можно купить красивую тему, которая полностью на Ajax. А продвигать её станет очень трудно, ибо поисковые системы до сих пор с Ajax работают с треском.

Так что выбрал для вас качественные темы, с хорошей проработкой по SEO, а также не вызывающих никаких проблем при установке и настройке.

Если решите покопаться самостоятельно, вот несколько моментов, на которые следует обратить внимание при выборе темы. В общем, рассказал в видео.

Темы для создания блога на WordPress

А теперь давайте рассмотрим наиболее перспективные варианты, каждый из них подойдёт для создания:

личного блога;
крупного информационного сайта;
площадки для подготовки анонсов.

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

И ещё, для премиум-тем WP буду указывать стоимость. На момент чтения она может оказаться неактуальной, так что не бросайтесь тапками, мониторить не смогу. Но ничего, в списке будет много бесплатных вариантов из официального репозитория. В общем, вперемешку.

1. Breek

Минималистичная тема, которая как раз и установлена на данном блоге: https://1.envato.market/mMeYq. Очень шустрая, а также с хорошей оптимизацией под поисковые системы. Полностью адаптивна. Имеет встроенные средства для размещения вставок рекламы и ускорения работы.

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

Проблемка наглядно

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

Для мобильной версии Для десктопа

Конечно, результаты хорошие только при отключенной рекламе, в противном случае всё катится вниз. На самом деле большинство тем для WP довольно чистенькие, если не ставить визуальные конструкторы, счётчики, рекламу и прочую лабуду.

Макет классического блога с сайдбаром

Имеет несколько разных макетов, использовать её довольно легко, для настройки всего функционала есть специальный плагин Estudio Patagon.

Перевод на русский язык сделал лично и отправил автору. Обещал включить в следующее обновление.

Недостаток темы — платность. Стоит 35$. Но я не пожалел денег, вложенное полностью окупилось.

2. Malina

Минималистичная блоговая тема. Смотрится очень приятно. Ну, посмотрите live preview сами: https://1.envato.market/qMQnO. Очень шустрая, а также вполне приятная на вид.

Внешний вид темы, но лучше посмотреть демку, скриншоты в данном случае очень не информативны

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

Для мобильной версии Для десктопа

Как видите, неплохие. Хотя неоднократно говорил, что на PageSpeed Insight ориентироваться не стоит.

Помимо классического редактора и Gutenberg поддерживает Elementor, WPBackery, также возможна установка WooCommerce. Но все блоговые функции на месте.

Также есть встроенные виджеты социальных сетей, чтобы подключить Instagram, не придётся ничего изобретать. Для VK, к сожалению, виджета нет.

Стоимость: 19$.

3. Mantra

Да, ничем не примечательна, обычная, минималистичная. Но это очень быстрая и удобная тема для блога: https://ru.wordpress.org/themes/mantra/. Хороша тем, что совершенно бесплатна. Для обыкновенного сайта, которому просто нужно публиковать записи, подойдёт идеально.

Вполне себе классический макет

Быстрота темы прекрасная. При чистой установке выдаёт в PSI 92 балла для мобильной версии, 98 баллов для ПК.

Также есть плагин, который позволяет настроить кастомизацию, а также полноценно проработать такие вещи, как ссылки на социальные сети (VK поддерживается).

Небольшая замена кастомайзеру

Адаптивная, но даже функции адаптивности при желании можно выключить. В общем, неплохо будет смотреться на вашем веб-ресурсе. Но учтите, возможности редактуры внешнего вида из «коробки» сильно ограничены. Если желаете выйти за пределы стандарта, придётся работать с CSS и JS ручками.

4. Veen

Красивая и быстрая тема для блога: https://1.envato.market/jbNRb. Минималистичная, очень шустрая. Стоимость составляет 25$, но хорошая скорость, а также удобство настройки сие дело окупает. Впрочем, нужно просто зайти и посмотреть лайв ревю.

Вроде симпатично, но на вкус и цвет все фломастеры разные

По PageSpeed Insight выдаёт 92 балла в мобильной версии и 99 для десктопа, что можно назвать вполне достойным результатом.

Настраивается довольно легко, как и для Breek, есть плагин, который позволяет кастомизировать все настройки.

Проблем в работе не будет точно. Всё делается с минимальными трудовложениями.

5. Popularis Writer

Тема из репозитория WordPress, дочерняя от темы Popularis: https://ru.wordpress.org/themes/popularis-writer/. Недостаток: заточена под блог, довольно шустрая (87 mobile и 94 desktop по PSI), но является дочерней темой.

Вполне себе стандартный макет

Дочерние темы нужны для того, чтобы вносить изменения так, что при обновлении не будут слетать ваши кастомные настройки, например, код, внесённый в functions.php или style.css. В данном случае дочерняя тема может иногда обновляться, соответственно, кастомный код будет пропадать из-за обновлений.

В общем, ставить можно только в том случае, если не собираетесь ничего вносить вручную. Если нужно немного поработать с кодом, то категорически не рекомендую, либо отвязывайте дочернюю тему от репозитория (поменяйте название в style.css), а потом редактируйте.

Можно быстро импортировать демку и установить нужные плагины

А в остальном, работать очень просто, вам поможет настроить всё вот такой вот кастомайзер, а дальше уже по мелочам.

6. Article Lite

Простая и быстрая блоговая тема для Вордпресс, бесплатная, можете брать из официального репозитория: https://ru.wordpress.org/themes/article-lite/. Очень шустрая, что видно на результатах тестирования на живом сайте. Опубликую только для мобильной версии, думаю, что с десктопами всё хорошо, вы и так понимаете.

Для мобильной версии

Да, выдающегося функционала нет, но если желаете просто вести блог и никакие навороченные фишки не нужны, то вариант прекрасный.

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

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

Внешний вид темы

В остальном, прекрасный вариант. А мест, которые следует перевести, не так уж и много. Но результаты, которые получил на GTmetrix, а также аналитика загрузки страниц, наглядно продемонстрировали, что это один из самых шустрых проектов.

Тест в GTmetrix

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

Так что, если нужен просто быстрый блог — адекватный вариант.

7. Ashe

Симпатичная блоговая тема для WP, которая имеет множество встроенных функций: https://ru.wordpress.org/themes/ashe/. У меня была и Pro-версия данного проекта, но там просто появляется возможность редактировать компоненты темы не вручную через дочернюю тему, а прямо из кастомайзера, также есть возможность установки разных демок, в общем, немного ускоряет работу, не более того. Но Pro-версия показалась слишком тяжеловесной, хоть и посадочные страницы строить на ней приятнее.

Внешний вид темы

В целом, подходящая тема для построения красивого блога. Но особо быстрой её не назовёшь.

Жёлтая зона, печально, но факт

Если убрать слайдеры, то в зелёную зону попасть можно. Просмотр через консоль разработчика показал, что проблем практически нет. GTmetrix с этим согласен.

Тест темы Ashe на GTmetrix

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

8. Customizable Blogily

Ещё одна довольно шустрая тема из репозитория: https://ru.wordpress.org/themes/customizable-blogily/. Активно поддерживается разработчиком, правда, имеет мало возможностей кастомизации. Как обычно, если не Pro-версия, то придётся поработать ручками. Либо оставить как есть.

Внешний вид Customizable Blogily

Не буду уже грузить скринами тестов, тема довольно шустрая, но не идеальная. Если придётся по вкусу, можете смело пользоваться. Под SEO заточена нормально.

9. Sitka – Modern WordPress Blog Theme

Ещё одна премиум-тема. К сожалению, платная, но позволяет легко навести красоту. Live preview можете найти по ссылке: https://1.envato.market/qaN7g. Тема хороша тем, что позволяет сделать очень красивый блог без лишних усилий.

Работает довольно шустро, если поставить плагины для ускорения, например, PageSpeed Ninja, а также оптимизировать все фото, ибо автор темы этого не сделал для превьюшек, потому баллы слегка занижаются.

Внешний вид темы

Впрочем, здесь ставка на красоту, а не скорость, так что не пинайте автора. При желании на базе проекта можете построить собственный интернет-магазин. Поддержка WooCommerce есть.

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

Макет заголовков

Тут есть только одна серьёзная проблема: стоит 59 вечнозелёных. Так что если деньги присутствуют, и желаете навести красоту, вперёд!

Кстати, локализовать придётся ручками. Сделанный перевод для этой темы уже давно потерял, так что предоставить не смогу.

10. Blogzilla

И снова бесплатная тема, кстати, довольно неплохая. Можете брать из репозитория: https://ru.wordpress.org/themes/blogzilla/. Очень проста и заточена чисто под блог.

Внешний вид темы

Имеет отличную скорость, вполне обыкновенный макет. Для простенького блога подойдёт на ура. Вариант приемлемый, если не планируете делать что-то вычурное и наводить красоту. В противном случае лучше взять подходящий для этих целей вариант.

Выбирайте

Конечно, это далеко не все темы для блога на WordPress. Уверен, есть ещё сотни отличных вариантов. Но их не пробовал, соответственно, сказать ничего не могу. Да, перечисленные проекты не идеальны. Но лучших пока не видел.

Так что пробуйте. Подойдёт предложенный мной вариант? Отлично! Не подойдёт? Ищите дальше.

И ещё, если блоговая тема стоит денег, не значит, что она лучше, так что не раскидывайте деньги. Покупайте только в том случае, если устраивает вас.

Шаблоны WordPress | Рубрики | www.wordpress-abc.ru

На WordPress мы привыкли работать с настройкой шаблона через customizer. Однако классическая верстка шаблона проходит через шаблон PSD, который делает веб-дизайнер.

Хотите узнать какая тема на сайте друга? Н хотите делать это руками? Используйте детектор темы WordPress, в статье их 7+. Они помогут узнать какая тема WordPress используется.

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

Продолжаю пополнять раздел «Шаблоны» интересными, пока бесплатными шаблонами, по моему мнению, заслуживающими внимание. В этом обзоре, Шаблон Ruby WordPress, пока не раскрученного автора. Может по этому, автор шаблона постарался и сделал отличный шаблон с таким количеством настроек, которых я давно не встречал. При этом «вес» шаблона не пострадал, и шаблон получился очень «живой» и быстрый.

По умолчанию, в коробочной версии CMS WordPress стоят три рабочих темы. Ими можно пользоваться. К счастью, лицензия WordPress позволяет любому разработчику верстать свои шаблоны. В этом обзоре я набрал их 43+. Плюс пишу, потому что постоянно добавляю интересных авторов. Здесь самые лучшие и вы можете скачать шаблон WordPress.

Одно из скрытых возможностей CMS WordPres, является довольно простое создание дочерней темы: темы которая сохраняет все пользовательские изменения в файлах шаблона при обновлении. О создании дочерней темы WordPress пойдет речь далее.

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

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

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

Если вам нужна светлая тема WordPress, с настройками заголовка и меняющимися цветами фона, заголовка и ссылок, посмотрите на бесплатную тему Radiate от Themegrill.

Топ 10 анимированных шаблонов WordPress — WordPressify

Анимация — отличный способ привлечь внимание посетителя сайта, поскольку глаз инстинктивно следит за любыми движущимися объектами. Эту особенность используют веб-программисты и дизайнеры, повышая проведенное на ресурсе время, что помогает продвижению сайта. Платформа предлагает множество анимированных шаблонов WordPress под все основные тематики. Из предлагаемой подборки можно взять то, что подойдет наилучшим образом под ваши цели.