20 лучших тем для wordpress

General Theme Articles

Использование_тем 

Основная информация об использовании и установке тем и шаблонов

Миграция плагинов и тем 

Content information how to upgrade a theme for compatibility with new versions of WordPress

Разработка темы 

Как создать свою собственную тему

Framework (каркас) темы 

Build a child theme on the foundation of a parent theme. You can start with a theme that you like and easily modify the parts you want to change. Do more in less time.

Обзор темы  

How to prepare your Theme for public release and submission to Theme Directory

I18n для разработчиков WordPress  

Internationalization, including a section on how to internationalize your theme

Theme Compatibility List 

List of which Themes are compatible with various Versions WordPress

Creating Admin Themes 

How to create a plugin that modifies the look of the Admin section

Интеграция_WordPress_в_Ваш_сайт_—_Введение 

Using WordPress with your existing website

EasyBlog

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

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

Специальные файлы шаблона

В WordPress существуют два основных вида страниц на сайте. Вид одиночной записи используется, когда web-страница показывает одну запись из блога. Вид нескольких записей выводит список множества записей блога или сводку записей, и применяется к архивам категорий, архивам дат, архивам автора и (обычно) к «нормальному» виду домашней страницы блога. Вы можете использовать файл шаблона index.php для формирования всех этих типов страниц или положиться на иерархию шаблонов для выбора других файлов шаблона в зависимости от ситуации.

Иерархия шаблонов WordPress отвечает на следующий вопрос:

WordPress автоматически распознает файлы шаблона с определенными стандартными именами и использует их для определенного типа страниц. Например, когда пользователь кликает на заголовок записи блога, WordPress знает, что тот хочет увидеть именно эту статью на своей собственной странице. Иерархия шаблонов WordPress будет использовать файл шаблона single.php вместо index.php для формирования страницы — если в вашей теме есть файл single.php. Так же, если пользователь кликнет на ссылку для конкретной категории, WordPress будет использовать шаблон category.php, если найдет его; если нет, он будет искать archive.php, а если и этот шаблон не существует, WordPress будет использовать основной шаблон index.php. Вы можете сделать специальный шаблон для конкретной категории (см. Шаблоны категорий), или даже шаблоны для конкретных страниц.

OnePress

Если вас заинтересовала предыдущая минималистичная тема, но при этом ее не получилось установить по каким-то причинам или вам не понравились присутствующие в ней настройки, взгляните на другой шаблон для WordPress под названием OnePress

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

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

Минусы чужих тем на WordPress

Все эти сторонние темы создаются преимущественно для «домохозяек», которым некогда и неинтересно разбираться в тонкостях html или css. В результате туда добавляют множество функций, которые я никогда не использовал.

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

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

<img src=»» alt=»»>

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

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

Гораздо проще зайти в sidebar.php и вывести нужные рубрики обычным способом:

    <div class=»widget»>         <h3 class=»widget-title»>Страны</h3>         <ul>             <?php             $args = array(                 ‘title_li’           => 0,                 ‘orderby’            => ‘name’,                 ‘show_count’         => 0,                 ‘use_desc_for_title’ => 0,                 ‘exclude’            => ‘43,22’, // исключены страны Африки                 ‘hide_empty’         => 1,                 // не обязательные                 ‘depth’              => 1,             );             wp_list_categories($args);             ?>         </ul>     </div>

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

Что такое шаблон

Шаблон (или тема) — это определенный набор файлов, которые определяют внешний вид вашего сайта. Именно их данные используются для оформления и правильного вывода информации пользователям.

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

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

Как добавлять контент на сайт

WordPress поставляется с двумя типами записей по умолчанию: записями и страницами.

Записи являются частью блога и отображаются в обратном хронологическом порядке (сначала отображаются новые).

Страницы предназначены для статического типа контента, например: главная страница, страница контактов, политика конфиденциальности и т.д.

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

Для начала нужно создать несколько страниц.

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

В панели управления перейдите в пункт меню «Страницы» — «Добавить новую». На экране появится новое окно редактора:

Сначала вам нужно задать заголовок для своей страницы. Давайте назовем ее «Главная».

После этого вам нужно добавить контент в текстовый редактор: текст, ссылки, изображения, видео, аудио и т.д. Чтобы созданная вами страница появилась на сайте, нажмите кнопку «Опубликовать».

Таким же образом вы можете создать и другие страницы сайта — о нас, услуги, галерея, контакты и т.д.

Давайте добавим несколько записей в блог.

В панели управления перейдите в пункт меню «Записи» — «Добавить новую». На экране появится такое же окно, как и в случае с добавлением страницы:

Добавьте заголовок записи, а затем контент. Справа от окна редактора вы заметите некоторые дополнительные параметры: форматы записи, а также рубрики и метки.

Что такое рубрики и метки?

Это таксономия. У нас есть отдельная статья о таксономии WordPress.

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

Более подробные инструкции по использованию всех этих параметров смотрите в статье «Как добавить новую запись».

Настройка сайта

Сначала создадим статическую главную страницу.

В панели администратора выберите меню «Настройки» — «Чтение».

В разделе «На главной странице отображать» выберите статическую страницу, а затем выберите «Страницы», которые вы создали ранее для главной страницы и страниц блога.

Не забудьте нажать кнопку «Сохранить изменения» в нижней части страницы.

Теперь в качестве главной страницы сайта WordPress будет отображать страницу под названием «Главная». А страницу «Блог» — как страницу с вашими записями.

На примере сайта Azbuka WordPress «Главная» — это страница «Создание сайта на WordPress».

Изменение названия сайта и ссылки

В панели администратора в пункте меню «Настройки» — «Общие» вы можете задать название своего сайта. WordPress автоматически добавляет краткое описание сайта: «Еще один сайт WordPress».

И название сайта, и описание можно изменить в любое время.

Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить все настройки.

Настройка параметров комментариев

В WordPress есть встроенная система комментариев, позволяющая пользователям оставлять комментарии к вашим записям. Это отлично подходит для взаимодействия с пользователями, но не исключает появления спам комментариев.

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

В панели администратора перейдите в пункт меню «Настройки» — «Обсуждение» и прокрутите вниз до пункта «Перед появлением комментария». Установите флажок рядом с параметром «Комментарий должен быть одобрен вручную».

Нажмите кнопку «Сохранить изменения», чтобы сохранить все настройки.

Создание навигационного меню

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

Давайте добавим навигационное меню на ваш сайт.

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

WordPress создаст новое навигационное меню, которое нужно будет заполнить.

Выберите страницы, которые вы хотите отобразить в меню и нажмите кнопку «Добавить в меню».

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

Далее вам нужно выбрать местоположение отображения.

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

Подробнее о создании меню читайте в нашей статье о навигационном меню.

Emmet

Премиум тема Emmet имеет профессиональный вид, и подходит для корпоративного бизнеса и сайтов-портфолио. Многофункциональная тема WordPress с чистым адаптивным дизайном. Благодаря глубокой интеграции плагинов WooCommerce, Emmet прекрасно зарекомендовала себя на сайтах электронной коммерции.

Основные особенности Emmet:

• WooCoommerce совместимый.
• Многофункциональный конструктор веб-сайтов.
• Многоцелевые блоки контента.
• Визуальный конструктор страниц.
• Сдвиг или скрытие разделов главной страницы.
• Всевозможные цветовые схемы.

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

Template Tags Articles

Stepping Into Template Tags 

Introduction to the use of template tags in template files.

Template Tags 

The core set of functions used to draw information from the database and display it on the web. For example, the Content of a Post is displayed with the Template Tag the_content().

Anatomy of a Template Tag 

Understanding the structure, usage, and parameters of template tags used in template files.

Include Tags 

A document describing the tags that are available to include and use WordPress’ template files.

Conditional Tags 

These tags (always of the form is_*(), such as is_home()), report what sort of page is being displayed (e.g. the Main Page, a Category Archive, etc.) and can be used within a Template to control the Template’s output depending on what the tags report.

Query Posts Template Tag 

A description of the query_posts template tag, which is used to control which posts are displayed on a page. Query posts alters the main query that WordPress uses, and is therefore not recommended to display different posts than those that would normal show up at a specific URL. It is best to use pre_get_posts for any changes that need to be made to the main query.

Get Posts Template Tag 

A description of the get_posts tag, which is used to retrieve a list of posts matching criteria set through the tags parameters. This is the preferred method for quickly creating new criteria for your Loop, or to create a specific array of posts.

Правильное подключение скриптов

Мы вывели скрипты прямо в шаблоне указав путь до них через функцию . Вы конечно можете оставить это и так. Я и сам так делал. Но по правилам WordPress скрипты должны подключаться через специальную функцию в файле functions.php. Давайте подключим их правильно. Делается это следующим образом:

function it-blog_style_frontend() {
 	wp_enqueue_style('bootstrap', get_stylesheet_directory_uri() . '/css/bootstrap.min.css');
	wp_enqueue_style('styles', get_stylesheet_directory_uri() . '/css/style.css');
}
 
add_action('wp_enqueue_scripts', 'it-blog_style_frontend');

function it-blog_include_myscript(){
	wp_enqueue_script('jquery', 'https://code.jquery.com/jquery-3.3.1.slim.min.js', '', '1.0', false);
 	wp_enqueue_script('bootstrap', get_stylesheet_directory_uri() . '/js/bootstrap.min.js', '', '1.0', false);
}
 
add_action('wp_enqueue_scripts', 'it-blog_include_myscript');

Как вы можете заметить ещё я подключил файл style.css, в нём будут находится пользовательские CSS стили, которые рано или поздно вам понадобятся.

Matina

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

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

Gutentype

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

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

Тема выбрана — можно устанавливать!

Иногда CMS WordPress предустановлена на хостинг, но чаще нет. Тогда сначала надо установить WordPress, а потом выбранную тему. Расскажем, как это сделать (если у вас CMS предустановлена, сразу переходите ко второму пункту).

1. Как установить WordPress

Тут понадобится панель управления. Они бывают разные, мы расскажем про Vepp.

Vepp — это сервис для работы с сайтами. Он помогает установить WordPress, привязать домен, настроить почту, загрузить картинки и другие файлы. С ним для создания сайта не нужны специальные навыки.

2. Как установить тему WordPress

Когда CMS установлена, можно изменить её тему. Для этого надо войти в админку WordPress.

1. Откройте админку. Ссылка на нее находится на карточке сайта в Vepp, обычно выглядит так: mydomain.com/wp-login.php, где mydomain.com — домен вашего сайта или технический адрес, если домена пока нет.
2. Авторизуйтесь. Если заходите из Vepp, это случится автоматически.
3. Перейдите в меню Appearance — Themes и кликните по кнопке Add New Theme.
4. Выберите тему из каталога WordPress. Нажмите Install. Готово!
5. Чтобы загрузить свой архив, нажмите на кнопку Upload Theme вверху. Выберите архив на своем компьютере.

Новая тема появится в списке добавленных — можно будет её активировать и настраивать.

Хостинг и домен для WordPress

Выбирайте любой платный хостинг. Лично я, для покупки домена и размещения сайта, рекомендую выбрать sweb.ru (можете при регистрации использовать промокод IHASMIIW). У sweb очень оперативная поддержка, так же они помогут, если возникают какие-либо сложности с настройкой WordPress. Если думаете, что это реклама, то можете вбить в поисковик «хостинг» и выбрать любой понравившийся.

Там же в разделе доменов, можно заказать домен. Если сайт будет продвигаться по России, лучше выбрать доменную зону .ru, если по всему миру, то .com. Сомневаетесь в выборе доменного имени? Прочтите нашу статью: Как выбрать доменное имя для сайта?

Бесплатные шаблоны для блога

Для альтернативы предложу 6 разработок для создания блога при помощи бесплатных тем. Нашел свежие выпуски, но готовьтесь к тому что бесплатные продукты перестанут обновляться, это частая ситуация, потом продвигается платная версия, а free забрасывается.

Wishful Blog

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

Wishful Blog

1. Заглушка для миниатюр если не заданы
2. Много областей где можно поменять цвет
3. Настройка типографики сайта
4. Вставка ссылок на социальные сети
5. Отключение кнопки вверх
6. Задать длину отрывка в карточке записи
7. Детальная кастомизация логотипа
8. Управление элементами шапки
9. Слайдер под меню WordPress
10. Редактирование положением и компонентами главной страницы
11. Управление отображением таксономий и постов, отображение элементов
12. Стилизация пагинации

VT Blogging

Минимализм темы VT Blogging проявляется во всем. Мало цветов, почти нет скриптов, простое построение в customiser, но составляющие подобраны красиво, подойдет пользователям, которым не нужен крутой дизайн, а только строка меню, поиск, карточки, виджеты сайдбара и футера.

VT Blogging

1. Намного настроек гаммы
2. Три раздела фонового изображения
3. Два вида отображения контента в ленте архивов и главной
4. Пять областей для виджетов

X Blog Plus

X blog Plus раскрывает весь функционал только после установки плагинов в админке WordPress, но выдержан в строгих тонах с красивым выводом текста в дополнительных блоках ресурса, не отвлекающие от прочтения материала.

X Blog Plus

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

Color Blog

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

Color Blog

1. Настройка палитры и фоновых изображений
2. Два вида отображения всего сайта: на всю ширину и с отступом
3. Включение анимации появления карточек с предзагрузкой контента при прокрутке
4. Вывод строки с популярными хештегами
5. Вывод элементов в меню (иконки, поиск, социальные сети)
6. Слайдер под главным меню + настроить популярные записи совместно с ним
7. Настройка разметки архивов по выводу записей и наличию сайдбара
8. Изменение разметки записей по сайдбару и положению шапки
9. Изменение страницы 404
10. Более 30 подключаемых аккаунтов соцсетей
11. От 1 до 4 областей для виджетов в подвале

Minimalblog

Отличная типографика подобранная верстальщиками с дизайнерами, выделяет minimalblog среди остальных, все таки блоги делаются ради прочтения и восприятия текстовой информации. Чем лучше оптимизирован текст для прочтение тем лучше – Google оценивает написание, начертание текста.

Minimalblog

1. Расширенные параметры гаммы
2. Разметка составляющих шапки в сетке 2,3 или 4
3. Липкий сайдбар и шапка
4. Соцкнопки
5. Вывод избранных записей, компоновка слайдера
6. От 2 до 4 колонок в подвале
7. Предзагрузка
8. Вывод формы контактов
9. Блоговые настройки вывода постов
10. Простая настройка типографии

Мне нравитсяНе нравится

Perfect Portfolio

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

Из виджетов в Perfect Portfolio есть только меню с поиском, в которое можно добавить категории сайта или важные ссылки, ведущие на другие страницы. Главное преимущество этой темы – бесплатное распространение, поэтому ее можно за несколько секунд установить с официального сайта, ознакомиться и полностью пощупать. А если тема не понравится, просто удалить и перейти к поиску другого варианта.

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

Заголовок

Контент

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

Подвал

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

<?php get_sidebar(); ?>

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

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

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

Vagabonds

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

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