Топ-20 лучших шаблонов для блога на wordpress

Astra

Обзор Astra

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

Ключевые возможности Astra

• Адаптивный дизайн.
• Множество вариантов настройки в нативном Кастомайзере WordPress (они позволяют управлять дизайном вашей темы без необходимости каких-либо специальных технических знаний).
• Многофункциональность – используйте тему для любых типов сайтов, включая блоги.
• Небольшой объем и оптимизация производительности.
• Отлично работает с конструкторами страниц, такими как Elementor или Beaver Builder.
• Одна из самых популярных бесплатных тем WordPress, с более чем 200 000 активных установок.
• Совместимость с блочным редактором Gutenberg.
• Предустановленные импортируемые демо-сайты.
• Поддержка плагина WooCommerce.
• Активная группа для обсуждений на Facebook, где можно узнать советы и рекомендации по работе с темой.
• 5-звездочный рейтинг по результатам более чем 1600 отзывов с WordPress.org.

Заключение об Astra

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

Способ 1: шаблон страницы через файл с произвольным названием (классический способ)

Это самый распространенный способ создать шаблон страницы в WordPress. Для этого нужно создать .php файл, например, tpl_my-page.php в папке темы и в самом начале файла вписать метку, что созданный файл является шаблоном для страниц:

<?php
/*
Template Name: Мой шаблон страницы
*/
?>

<!-- Здесь html/php код шаблона -->

Теперь при создании страницы в админ-панели в блоке «Свойства страницы» мы сможем выбрать «шаблон»:

С версии WordPress 4.7. такие шаблоны страниц можно создать для любого типа записи, а не только для page. Для этого дополните комментарии строкой: , где post, page — это названия типов записей к которым относится шаблон.

/*
Template Name: Мой шаблон страницы
Template Post Type: post, page, product
*/

Подробнее читайте в отдельной статье.

Преимущества:

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

• Можно получить только записи с указанным шаблоном. Например, можно вывести все страницы с шаблоном «Услуги» (файл servises.php). Иногда это удобно. Название файла шаблона хранится в метаполе , поэтому чтобы вывести страницы с указанным шаблоном нужно создать запрос по метаполю (см. WP_Query).

Недостатки:

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

Как это работает:

Когда вы заходите в админ-панель на страницу редактирования записи древовидного типа, WordPress просматривает все файлы в корневой папке темы и в всех вложенных папках (просматривается один уровень) на наличие следующей строки (строка может располагаться где угодно и как угодно в файле):

Template Name: ***

Все файлы с подобными строками собираются и выводятся в выбор шаблона в блок «Атрибуты страницы».

При публикации страницы, в произвольное поле  записывается название файла шаблона или  , если шаблон не указан:

_wp_page_template = default_wp_page_template = tpl_my-page.php

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

Поиском подходящих файлов шаблона занимается метод это делает метод WP_Theme::get_post_templates().

Локализация названия шаблона

Название задается в php комментариях, поэтому нет возможности перевести эту строку обычным способом: через функцию перевода, заключенного в теги <?php … ?>. Однако WP сам пытается перевести эту строку при выводе, используя подгруженные данные перевода. Таким образом, для перевода нам нужно как угодно добавить эту строку в список переводов темы. Сделать это удобнее всего сразу после заголовка — так всем будет понятно зачем нужен такой странный вызов функции переводов __():

/**
 * Template Name: Мой шаблон страницы
 * Template Post Type: post, page, product
 */
__( 'Мой шаблон страницы', 'my-theme' );

— это ID перевода — параметр Text Domain:, который указывается в заголовках темы и при подключении файла перевода, см. load_theme_textdomain().

Multiple Business

Эта тема WordPress отлично подходит как для корпоративного, так и для творческого бизнеса. Тема веб-сайта Multiple Business чистая, элегантная и адаптивная. Ее дизайн аккуратный и современный.

Тема включает в себя функции: импорт демо одним щелчком, совместимость с WooCommerce, кросс-браузерная совместимость, несколько макетов верхнего и нижнего колонтитула, параметры макета боковой панели, параметры одностраничного макета, настраиваемые шаблоны страниц, bootstrap 4, различные шрифты Google, неограниченные параметры цвета и многое другое. Благодаря полной совместимости с редактором Gutenberg и Classic вы можете погрузиться в будущее WordPress с Multiple Business.

Особенности шаблона Multiple Business:

• Импорт демо в один клик.
• Совместимость с WooCommerce.
• Готовая дочерняя тема.
• Неограниченные варианты цвета.
• Готов к переводу.

Simple Customization

You can easily customize and create stunning looks with a custom logo, custom colors, personal posts, presenting business services, and unlimited pro works created with custom CSS. A theme that works perfectly as a solution for advanced developers or a design studio as it has everything needed minimal and powerful for a web1 page: grid, list, block, table, image, gallery, text, headers, icons, videos, sliders, support for HTML, option editing and many more.

WordPress themes WordPress builder plugin provides no need to test anything manually, including business WordPress landing pages. When making changes to multipurpose WordPress theme or eCommerce website templates with Woocommerce, you can be sure that a featured or business website, landing page, and product layouts look beautiful and excellent and opens super fast on mobile browsers.

You can build a perfect theme for any business, portfolio, and other sites, as well as a blog, privacy policy, social media, and other pages with responsive design, galleries, and slides — starting for free! No code will ever be necessary, which is responsive retina ready and full width!

Uses for Page Templates #Uses for Page Templates

Page templates display your site’s dynamic content on a page, e.g., posts, news updates, calendar events, media files, etc. You may decide that you want your homepage to look a specific way, that is quite different to other parts of your site. Or, you may want to display a featured image that links to a post on one part of the page, have a list of latest posts elsewhere, and use a custom navigation. You can use page templates to achieve these things.

This section shows you how to build page templates that can be selected by your users through their admin screens.

For example, you can build page templates for:

• full-width, one-column
• two-column with a sidebar on the right
• two-column with a sidebar on the left
• three-column

Swell Lite

Swell Lite – один из лучших шаблонов WordPress для блога, выполненный в популярном нынче минималистичном стиле. Здесь нет дополнительного меню с разными категориями, а на главной странице отображается лишь перечень всех статей с их названием, кратким описанием или вступлением. Нажатие по названию позволяет перейти к самой статье и начать ее прочтение. Разработчик Swell Lite не забросил проект и активно вносит изменения при выходе новых версий CMS или возникновении ошибок в работе.

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

Поставить шаблон оформления с демо данными

Демо данные (контент) устанавливаются отдельно не вместе с шаблоном оформления. Для процедуры нужен документ с расширением XML, если он есть, то идем дальше. Переходим в раздел Инструменты > Импорт. На странице выбираем WordPress и ссылку запустить.

Раздел импорта

На следующей странице нажимаем и выбираем с компьютера документ в формате XML с демо контентом.

Добавление XML

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

Отправка на импорт

При успешном завершении процесса, система поздравит и предложит обновить данные доступа.

Успех с демо данными

Multipurpose Portfolio

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

Тема модная, ваши работы будут представлены онлайн профессионально и хорошо организованно. Тема известна своей гибкостью и возможностями персонализации. SEO дружественный характер сопровождается вызовом кнопки действий . Тема Multipurpose Portfolio оптимизирована для мобильных устройств и готова к переводу. Доступны опции блога и кнопки социальных сетей.

Особенности темы Multipurpose Portfolio:

• Современный дизайн.
• Гибкие возможности.
• SEO дружественный.
• Кнопка призыва к действию.
• Готова к переводу.

Более сложные структуры страниц

Заголовок

Контент

Боковая панель

Подвал

Множество тем WordPress используют одну или несколько боковых панелей, которые содержат меню навигации и дополнительную информацию о вашем сайте. Боковая панель формируется с помощью файла шаблона sidebar.php. Он может быть включен в файл шаблона index.php с помощью следующей строки (теги шаблонов):

<?php get_sidebar(); ?>

А где все остальное?

Заметьте, что мы не включили шаблонный тег для «получения» контента нашей web-страницы. Это потому, что контент формируется в цикле WordPress, внутри index.php.

Также стоит отметить, что таблицы стилей темы определяют внешний вид и положение заголовка, подвала, боковой панели и контента в браузере пользователя. Чтобы узнать больше об изменении дизайна ваших тем WordPress и web-страниц, смотрите Дизайн и раскладка блога.

Popularis Writer

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

Единственное, что будет полезно настроить – отдельный блок с информацией об авторе, но это делается по желанию (его вообще можно убрать, чтобы не отвлекать внимание читателей от статей)

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

Установка архива с темой через админпанель

Скачивая темы с интернета убедитесь, что формат ZIP, другое расширение WordPress не примет.

Проверка расширения

Если формат соответствует:

• Переходим во вкладку Внешний вид > Темы > Добавить новую (ранее разбирали).
• Вверху появится кнопка Загрузить тему
• Откроется скрытая область, жмем Выбрать
• Находим на компьютере архив с шаблоном в формате ZIP
• Выбираем Установить

Загрузка с помощью архива

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

Окно дальнейших действий

Page Templates Purpose & User Control #Page Templates Purpose & User Control

If you plan on making a custom page template for your theme, you should decide a couple of things before proceeding:

• Whether the page template will be for one specific page or for any page; and
• What type of user control you want available for the template.

Every page template that has a template name can be selected by a user when they create or edit a page. The list of available templates can be found at Pages > Add New > Attributes > Template. Therefore, a WordPress user can choose any page template with a template name, which might not be your intention.

For example, if you want to have a specific template for your “About” page, it might not be appropriate to name that page template “About Template” as it would be globally available to all pages (i.e. the user could apply it to any page). Instead,  and WordPress will render the page with the appropriate template, whenever a user visits the “About” page.

Conversely, many themes include the ability to choose how many columns a page will have. Each of these options is a page template that is available globally. To give your WordPress users this global option, you will need to create page templates for each option and give each a template name.

Dictating whether a template is for global use vs. singular use is achieved by the way the file is named and whether or not is has a specific comment.

Note: Sometimes it is appropriate to have a template globally available even if it appears to be a single use case. When you’re creating themes for release, it can be hard to predict what a user will name their pages. Portfolio pages are a great example as not every WordPress user will name their portfolio the same thing or have the same page ID and yet they may want to use that template.

The Launcher

The Launcher – отличная тема целевой страницы WordPress для запуска нового товара или услуги. Тема предлагает адаптивный дизайн и множество функций для создания выигрышной целевой страницы. Формы подписки с полноэкранным фоном слайдера соберут пользовательские данные, добавят больше подписчиков, а привлекательные кнопки Call To Action (CTA) обязательно превратятся в более высокие лиды. В шаблоне липкое меню, раздел служб, раздел видео, избранные посты, блог, раздел клиентов, таблицы цен и многое другое. Он основан на WordPress Live Customizer – настройте вашу тему с предварительным просмотром в реальном времени.

Основные особенности The Launcher:

• Адаптивный параллакс страницы.
• Экран запуска сайта – встроенный обратный отсчет.
• Красивый призыв к действию.
• Видео раздел – добавить видео YouTube / Vimeo.
• SEO оптимизация и быстрая загрузка.

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

Скачать / Демо / ДеталиЗаказать сайт на этой темеПотестировать хостинг

Creating Custom Page Templates for Global Use #Creating Custom Page Templates for Global Use

Sometimes you’ll want a template that can be used globally by any page, or by multiple pages.  Some developers will group their templates with a filename prefix, such as 

Alert:  Important! Do not use as a prefix, as WordPress will interpret the file as a specialized template, meant to apply to only one page on your site.

For information on theme file-naming conventions and filenames you cannot use, see .

Tip: A quick, safe method for creating a new page template is to make a copy of  and give the new file a distinct filename. That way, you start off with the HTML structure of your other pages and you can edit the new file as needed.

To create a global template, write an opening PHP comment at the top of the file that states the template’s name.

<?php /* Template Name: Example Template */ ?>

It’s a good idea to choose a name that describes what the template does as the name is visible to WordPress users when they are editing the page. For example, you could name your template Homepage, Blog, or Portfolio.

This example from the TwentyFourteen theme creates a page template called Full Width Page:

<?php
/**
* Template Name: Full Width Page
*
* @package WordPress
* @subpackage Twenty_Fourteen
* @since Twenty Fourteen 1.0
*/

Once you upload the file to your theme’s folder (e.g., page-templates), go to the Page > Edit screen in your admin dashboard.

GeneratePress

Обзор GeneratePress

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

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

Ключевые возможности GeneratePress

• Супер легкий вес и оптимизация производительности (до 30 кБ).
• Тонны вариантов кастомизации и нативный Кастомайзер WordPress.
• Совместимость с блочным редактором Gutenberg.
• Одна из лучших бесплатных адаптивных тем WordPress с отличным мобильным дизайном.
• Отличное проработанный код.
• Хорошо интегрируется со всеми основными конструкторами страниц, включая Elementor и Beaver Builder.
• Совместимость с плагином WooCommerce.
• 5-звездочный рейтинг на основании на более чем 800 отзывов с WordPress.org.

Заключение о GeneratePress

Как и Astra, GeneratePress будет выглядеть довольно просто при первой установке. Тем не менее, магия темы состоит во множестве опций Кастомайзера WordPress, которые позволяют настроить тему именно так, как вы хотите.

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

Radix Multipurpose

Тема адаптивного веб-сайта Radix Multipurpose современная и креативная, идеально подходит для любого типа бизнес-сайта.

Поставляется с качественным дизайном и стандартным кодированием через HTML5 и CSS3. Функции включают липкий заголовок, кроссбраузерность, высокую производительность, слайдер, анимацию, полностью отзывчивый шаблон и дизайн сетки. Есть и другие возможности, необходимые для создания вашего личного или бизнес-сайта. Также дружелюбная служба поддержки всегда готова помочь вам с любым вопросом.

Особенности темы Radix Multipurpose:

• Полностью отзывчивый.
• Полностью настраиваемый.
• Качественный дизайн.
• Retina готов.
• Дружелюбная служба поддержки.

Identifying a Page Template #Identifying a Page Template

If your template uses the  function, WordPress will print classes in the  tag for the post type class name (), the page’s ID (), and the page template used. For the default , the class name generated is :

<body class="page page-id-6 page-template-default">

Note: A specialized template ( or ) also gets the  class rather than its own body class.

When using a custom page template, the class  will print, along with a class naming the specific template. For example, if your custom page template file is named as follows:

<?php
/* Template Name: My Custom Page */
?gt;

Then then rendered HTML generated will be as follows:

<body class="page page-id-6 page-template page-template-my-custom-page-php">

Notice the  class that is applied to the tag.

ColorMag

Более 100 тысяч человек используют ColorMag, делясь своими статьями и контентом в Интернете. Эта тема с множеством опций поможет вам с легкостью создать свой блог или журнал. ColorMag поставляется с множеством форматов записей, которые вы можете легко адаптировать к своим потребностям. Кроме того, он совместим с WooCommerce, поэтому вы можете продавать свои публикации в Интернете. Наконец, он полностью совместим с плагином для построения страниц Elementor, что позволяет создавать любой макет, который только можно вообразить.

Особенности шаблона ColorMag:

• Конструктор страниц Elementor.
• Множество макетов постов.
• Чистый дизайн.

Puzzles

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

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

Блог выделен в Puzzles как отдельный раздел сайта, перейти к которому можно, нажав по соответствующей кнопке на верхней панели. Там сразу подключено несколько виджетов, которые позволяют сортировать контент по популярности или категориям. Каждый юзер, в зависимости от своих потребностей, добавляет или удаляет разделы сайта, освобождая его тем самым от ненужных элементов и делая более простым для обычного посетителя.

Modern

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

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

Adding New Themes # Adding New Themes

Most of themes in WordPress Theme Directory come with installation instructions, especially the ones that may require more steps than the usual theme installation. Be sure to read through and follow those instructions for the successful installation of the Theme. If your Theme does not work after following any provided instructions, please contact the Theme author for help.

Adding New Themes using the Administration Screens

You can download any theme from WordPress Theme Directory directly to your site by using the Add New option in the Appearance sub-menu.

1. Log in to the WordPress Administration Screens.
2. Select the screen, then .
3. Select Add New.
4. Either use the Search or Filter options to locate a Theme you would like to use.
5. Click on the Preview link to preview the Theme or the Install link to upload the Theme to your site,
6. Or use the Upload Theme button at the top of page to upload a zipped copy of a Theme that you have previously downloaded to your machine.

Install New Theme – Administration Screens

When the Theme is already downloaded but not activated Live Preview option will give you a preview of your site with your own, existing content.

Adding New Themes by using cPanel

If your host offers the control panel, you can use its Upload option to upload the Theme files to your site. For this you will need Theme files in an compressed archive (.zip or .gz).

1. Download the Theme .zip file to your machine.
2. In cPanel File Manager, navigate to your Themes folder. Depending on your hosting, path to Themes folder can differ a bit but essentially you are looking for public_html inside which you’ll find /wp-content/themes/.
3. Once you’re inside the Themes folder in cPanel File Manager, click on Upload and upload that .zip file you saved in Step 1.
4. Once the .zip file is uploaded, right click on the name of that file in cPanel and select Extract from the context menu.
5. When Theme files are successfully extracted, follow the for activating the new Theme.

cPanel – File Manager cPanel – Themes Directory cPanel – Upload File cPanel – Extract Archive

Adding New Themes Manually (FTP)

To add a new Theme to your WordPress installation via FTP protocol, you’ll need FTP client and extracted Theme files.

1. Download the Theme archive (.zip) and extract the files it contains. You should have a folder named as theme itself, containing theme files.
2. Using an FTP client to access your host web server and navigate to /wp-content/themes/ directory.
3. Upload the Theme folder to this directory on your host server.
4. Follow the for activating the new Theme.

MH UrbanMag

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

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