Как создать тему (шаблон) wordpress с нуля

Введение

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

Вы также можете ознакомиться с FAQ по документации для разработчиков (на английском)

ВНИМАНИЕ! Впереди программный код
В следующих статьях вы можете встретить специальные термины. Возможно, они вызовут затруднения, если вы не программист.. Несмотря на то, что изменение загружаемых файлов и ограниченны несколькими разными программистами, любой пользователь имеет возможность повлиять или принять участие в развитии или изменении ядра WordPress

Что делает WordPress легко настраиваемым.

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

Шаг 2. HTML и CSS, JavaScript

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

Найдите какой-нибудь курс/книгу/учебник по HTML и CSS. Изучайте информацию и применяйте полученные знания на практике.

Марк Пиллигрим. Погружение в HTML 5
HTML Academy
WebReference
Дэвид Макфарланд. Большая книга CSS3
Эрик Майер. CSS. Каскадные таблицы стилей. Подробное руководство
Уроки CSS
DevTips

Освоились? Окей! На десерт приготовьтесь изучить JavaScript. Без него на ваших сайтах не будет интерактивности. Это стоит сделатть хотя бы ради того, чтобы уметь использовать технологию AJAX (помогает делать обновление элементов страницы без перезагрузки).

Дэвид Флэнаган. JavaScript. Подробное руководство
Современный учебник JavaScript

Научитесь верстке. Найдите какой-нибудь макет посадочной страницы и попробуйте сверстать его. Знаний HTML и CSS для этого будет достаточно. А с помощью JavaScript добавьте интерактивности. Например, для плавного перемещения к определенной секции посадочной страницы при нажатии на ссылку или для открытия всплывающего окна. Вариантов может быть масса. Придумайте свои!

Шаблоны простых таблиц

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

Таблица из одной ячейки

1
2
3
4
5
6
7

<table>

<tbody>

<tr>

<td>Данные<td>

<tr>

<tbody>

<table>

Данные

Таблица из девяти ячеек с заголовком

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<table>

<caption>Таблицаиздевятиячеек<caption>

<tbody>

<tr>

<th>Заголовок1<th>

<th>Заголовок2<th>

<th>Заголовок3<th>

<tr>

<td>Текст1<td>

<td>Текст2<td>

<td>Текст3<td>

<tr>

<td>Текст4<td>

<td>Текст5<td>

<td>Текст6<td>

<tr>

<tbody>

<table>

Таблица из девяти ячеек
Заголовок 1	Заголовок 2	Заголовок 3
Текст 1	Текст 2	Текст 3
Текст 4	Текст 5	Текст 6

Таблица с фиксированной относительной шириной столбцов

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<table>

<tbody>

<tr>

<th width=»15%»>Узкий<th>

<th width=»30%»>Средний<th>

<th width=»55%»>Широкий<th>

<tr>

<td>Текст1<td>

<td>Текст2<td>

<td>Текст3<td>

<tr>

<td>Текст4<td>

<td>Текст5<td>

<td>Текст6<td>

<tr>

<tbody>

<table>

Узкий	Средний	Широкий
Текст 1	Текст 2	Текст 3
Текст 4	Текст 5	Текст 6

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

Использование wpDataTables

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

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

Как только плагин установлен, создается новое меню верхнего уровня, с тремя пунктами подменю:

wpDataTables (посмотреть все таблицы)
Add new (создать таблицу)
Settings (настройки)

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

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

Настройки и другие страницы плагина (со стороны администратора) созданы с помощью родного WordPress UI, так что с ними легко работать.

Документация для разработчика

Languages:
English •
Español •

Italiano •

한국어 •
Русский •

中文(繁體) •
()

Эта страница помечена как незавершённая. Вы можете помочь проекту, .

Введение

Вы также можете ознакомиться с FAQ по документации для разработчиков (на английском)

Что делает WordPress легко настраиваемым.

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

Создание тем — Ссылки и ресурсы для дизайнеров и разработчиков тем WordPress
Шаблоны — Рекомендации по созданию WordPress шаблонов
Теги шаблонов — PHP-функции, созданные специально для использования в темах
Справочник по функциям — Полный список PHP-функций WordPress
WordPress Deprecated Functions Hook — Информация по устаревшим хукам для функций
Migrating Plugins and Themes — Информация о том, как модифицировать вашу тему, чтобы она работала с разными версиями WordPress
Стандарты кодирования WordPress — Общая информация о стандартах кодирования для разработчиков WordPress
Designing Themes for Public Release — Советы и методы по разработке WordPress темы для публикации.

Разработка плагинов

Написание плагина — Самое подходящее место для получения первых знаний о разработке плагинов
Plugin Resources — Полный список других ссылок для разработки плагинов
API для плагинов — Хуки, действия и фильтры для использования в ваших плагинах (версия 2.1; есть ссылки на старые версии)
Справочник по функциям — Полный список PHP-функций WordPress (для версии 2.1 и старше, внутри есть ссылка на предыдущие версии)
Migrating Plugins and Themes — Содержит информацию о том, как обновить плагин, чтобы он работал от версии до версии WordPress.
Стандарты кодирования WordPress — Общая информация о стандартах кодирования для разработчиков WordPress
Plugin Submission and Promotion — После того, как вы написали свой плагин, pltcm несколько советов по его распространению
Shortcode API — Учебное пособие и справочник по API-интерфейсу шорткода (новый в версии 2.5)

Свой вклад в WordPress

Свой вклад в WordPress — Главная стартовая точка для вас, если вы захотите внести свой вклад в разработку, документирование, поддержку, перевод или финансовое здоровье ядра WordPress.
Автоматическое тестирование — Тестирование WordPress с использованием автоматизированного набора тестов и способов использования инструментов и записи тестовых примеров.

Другая полезная информация

Advanced Topics — Annotated list of many articles on advanced WordPress topics
Query Overview — Description of the WordPress query process used to find posts and display them
Reporting Bugs — Information on reporting and fixing WordPress bugs
Using Subversion — Introduction to SVN, the source code repository used by WordPress

Внешние ресурсы

Исходный код WordPress

Другие ресурсы

• Знакомство с WordPress • Работа с WordPress • Дизайн • Документация разработчика • ЧАВО

WPBakery Page Builder

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

50+ премиум-контента
SEO дружественный инструмент для создания страниц
Много предопределенных макетов
40+ уникальных шаблонов дизайна сетки

Возможности wpDataTables

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

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

Возможные источники данных для таблиц и диаграмм:

Файл Excel
Файл CSV
Запрос MySQL query
XML
JSON

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

Возможности графического представления ваших данных:

Диаграммы с областями
Гистограммы
Линейчатые диаграммы
Круговые диаграммы
Графики

wpDataTables использует Google Chart Tools для диаграмм, так что создать ее для вашего сайта очень просто — нужно просто выбрать подходящую вам диаграмму из выпадающего меню на странице выбора таблицы и выбрать, какие столбцы использовать. Если ваши данные подходят под выбранный вами тип диаграммы, вы получите отлично выглядящую диаграмму, добавленную в ваши посты и страницы практически мгновенно.

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

Фильтр
Сортировка
Разбивка на страницы
Экспорт
Печать
Поиск
Копирование

Все вышеперечисленное можно сделать, либо щелкнув по строкам и столбцам таблицы, либо используя набор кнопок над таблицей, позволяя пользователю экспортировать данные в Excel или куда-либо еще:

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

TablePress

К плагину – TablePress

Эффективный инструмент для вставки таблицы в WordPress в посты, страницы, виджеты. Ячейки могут содержать различные информацию: от числовой, текстовой до вычислительных формул. При помощи модуля с JavaScript библиотекой можно организовать фильтрацию колонок и строк, включить сортировку или пагинацию. Расширение позволяет экспортировать и импортировать файлы в формате xls, cvs, json.

Создание таблиц осуществляется в отдельной консоли либо при помощи редактора поста/страницы. Используя шорткод их можно добавить в любом месте сайта. Параметры кастомизации включают возможность оформления ячеек с использованием пользовательских CSS. Функционал плагина расширяется добавлением дополнительных модулей от разработчика (большинство из них платные).

доступно размещение данных любого типа;
WordPress таблицы с изменением внешнего вида;
фильтры, пагинация, сортировка;
импорт/экспорт;
работа с шорткодами.

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

JS для адаптивных таблиц wordpress

Чтобы одним разом сделать адаптивными все таблицы на сайте, необходимо применить функцию, или как принято называть хук. Записываем его в файл function.php перед закрывающим тегом ?> . Вот комбинация:

add_action( 'wp_footer', 'resp_tables' );
function resp_tables() {
   if ( is_singular() ) {
      ?>
      <script>
            jQuery(document).ready(function ($) {
                $('article table').wrap('<div class="table-resp"></div>');
            });
      </script>
      <style>
         @media screen and (max-width: 1035px) {
            .table-resp {
               width: 100%;
               overflow: auto;
               margin: 0 0 1em;
            }
         }
      </style>
      <?php
   }
}

И вставляем например сюда:

Настройка внешнего вида контактной формы на Worpress плагина Contact Form 7

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

Теперь давайте укажем отступы наших полей формы друг от друга, а то на нашем примере они слиплись друг с другом.

Чтобы достичь этого нам необходимо для класса input наших полей добавить значение
margin-bottom7px;

В моем случае классом выступает следующее:

Идем в таблицу стилей и указываем значение для класса input в файле style.css нашего шаблона сайта:

Обновляем наш файл и сморим, что получилось:

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

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

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

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

Благодарю вас за внимание. Теперь вы научились еще одной маленькой вещи – создавать красивые, функциональные формы обратной связи с помощью конструкторов-плагинов для своего сайта

На этом урок считаю завершенным.

Также рекомендую ознакомиться со статьей – как создать всплывающую контактную форму на своем сайте.

Как вставить таблицу в запись на WordPress-блоге?

Один из самых простых способов сделать таблицу на WordPress-блоге вручную — использовать html. Для этого нам потребуется знание таких основных html-тегов: Table, Tr, Th и Td. Таблица начинается с открытия тега <table>, и соответственно завершается </table>. Внутри задаются строки с помощью тегов <tr>. Внутри тегов <tr> помещаются <th> и <td>, обозначающие ячейки. В случае с <th> — это ячейки для шапки таблицы, в них текст выделяется полужирным шрифтом. А <td> — обычные ячейки, в них текст выравнивается по левому краю. В свою очередь внутри тегов <th>, <td> может размещаться контент.

Для примера создадим таблицу из трех строк и трех столбцов. Для этого нужно вставить код ниже на вкладке «Текст» (не путать с «Визуально» в редакторе).

<table>
<tr>
<th> Строка 1 Столбец 1 </th>
<th> Строка 1 Столбец 2 </th>
<th> Строка 1 Столбец 3 </th>
</tr>
<tr>
<td> Строка 2 Столбец 1 </td>
<td> Строка 2 Столбец 2 </td>
<td> Строка 2 Столбец 3 </td>
</tr>
<tr>
<td> Строка 3 Столбец 1 </td>
<td> Строка 3 Столбец 2 </td>
<td> Строка 3 Столбец 3 </td>
</tr>
</table>

Строка 1 Столбец 1	Строка 1 Столбец 2	Строка 1 Столбец 3
Строка 2 Столбец 1	Строка 2 Столбец 2	Строка 2 Столбец 3
Строка 3 Столбец 1	Строка 3 Столбец 2	Строка 3 Столбец 3

Это самая простая таблица. Для того, чтобы изменять ее вид и расположение, можно задавать элементам дополнительные атрибуты. Например, для <table> можно задать выравнивание (Align), отступ текста от краев в ячейках (Cellpadding), отступ между соседними ячейками (Cellspacing), фон (Background), цвет фона (Bgcolor), рамка таблицы (Border). Подобным образом можно добавлять атрибуты для элементов строк и ячеек <tr>, <td>, <th>. Приведем пример. Зададим всем трем строкам таблицы разные цвета:

<table>
<tbody>
<tr bgcolor=»green»>
<th>Строка 1 Столбец 1</th>
<th>Строка 1 Столбец 2</th>
<th>Строка 1 Столбец 3</th>
</tr>
<tr bgcolor=»red»>
<td>Строка 2 Столбец 1</td>
<td>Строка 2 Столбец 2</td>
<td>Строка 2 Столбец 3</td>
</tr>
<tr bgcolor=»yellow»>
<td>Строка 3 Столбец 1</td>
<td>Строка 3 Столбец 2</td>
<td>Строка 3 Столбец 3</td>
</tr>
</tbody>
</table>

Строка 1 Столбец 1	Строка 1 Столбец 2	Строка 1 Столбец 3
Строка 2 Столбец 1	Строка 2 Столбец 2	Строка 2 Столбец 3
Строка 3 Столбец 1	Строка 3 Столбец 2	Строка 3 Столбец 3

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

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

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

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

Вставка таблиц и диаграмм

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

После того, как шорткод размещен, вы можете просмотреть или опубликовать запись как обычно, чтобы отобразить данные с таблицей или диаграммой:

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

Разработка плагинов

Написание плагина — Самое подходящее место для получения первых знаний о разработке плагинов
Plugin Resources — Полный список других ссылок для разработки плагинов
API для плагинов — Хуки, действия и фильтры для использования в ваших плагинах (версия 2.1; есть ссылки на старые версии)
Справочник по функциям — Полный список PHP-функций WordPress (для версии 2.1 и старше, внутри есть ссылка на предыдущие версии)
Migrating Plugins and Themes — Содержит информацию о том, как обновить плагин, чтобы он работал от версии до версии WordPress.
Стандарты кодирования WordPress — Общая информация о стандартах кодирования для разработчиков WordPress
Plugin Submission and Promotion — После того, как вы написали свой плагин, pltcm несколько советов по его распространению
Shortcode API — Учебное пособие и справочник по API-интерфейсу шорткода (новый в версии 2.5)

Плагин WordPress — TablePress

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

Различные форматы для импорта: с помощью TablePress вы можете не только создавать таблицы с нуля, вводя данные в редактор таблиц WordPress, но и импортировать данные из различных табличных форматов, таких как файлы Excel, CSV, HTML и JSON.

Экспорт таблиц. Если вы создали таблицу в TablePress, вы можете легко экспортировать таблицу в файл CSV, HTML или JSON. Это очень удобный способ сохранить ваши данные, если вы когда-нибудь решите перейти на другую CMS.

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

Ultimate Tables

С этим плагином не возникает вопрос, как вставить таблицу в WordPress. Расширение позволяет с легкостью установить и настроить ее в любом месте сайта – при формировании записи, страницы, виджеты. Имеется поддержка 6 различных стилей, при этом разрешается добавление собственного. Ячейки могут содержать любой тип данных: от простого текста до HTML-кода. Для удобства, можно установить разбивку по страницам, включить сортировку, фильтрацию.Функции:

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

окно поиска содержимого;
виджет с отдельными настройками;
шорткоды.

Предоставляется на бесплатной основе, скачано более 10000 раз. Средняя оценка вебмастеров – 3,5 балла. Основная часть негативных отзывов связана со сбоями при работе с большим количеством данных (более 200 строк) или отсутствием импорта/экспорта. В остальном, оптимизация на достаточно высоком уровне, что обеспечивает надежный и быстрый процесс создания таблиц в WordPress.

Параметры плагина

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

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

Вы также можете изменить несколько пользовательских параметров, таких как раздел меню администратора, в котором отображается TablePress, и язык плагина (в настоящее время поддерживается более 20+).

Установка плагинов

Есть 3 способа установить плагины WordPress.

Автоматическая установка плагина. Любой плагин, доступный в каталоге плагинов WordPress, можно установить с помощью встроенного установщика плагинов.

Загрузить через админку WordPress. Вы можете легко добавить новый плагин, загрузив zip-архив плагина со своего локального компьютера.

Ручная установка плагина. В некоторых случаях вам может потребоваться вручную загрузить плагин напрямую с помощью клиента FTP/SFTP.

Это самый простой способ установки плагина. Чтобы добавить плагин с помощью встроенного установщика плагинов:

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

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

Перейдите в Плагины > Добавить новый.
Нажмите кнопку Загрузить плагин вверху экрана.
Выберите zip-файл на своем компьютере.
Нажмите кнопку Установить.
По завершении установки вы увидите сообщение «Плагин успешно установлен». Нажмите кнопку Активировать под ней.

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

Эта процедура требует, чтобы вы были знакомы с процессом передачи файлов с помощью клиента SFTP.

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

Если ваш плагин имеет форму zip-файла, разархивируйте его содержимое. Вы должны увидеть одну папку, названную в честь плагина.
Найдите в папке плагина файл readme.txt. Прочтите файл, чтобы убедиться, что это нужный вам плагин, и возможно там же будут дополнительные инструкции.
Подключитесь к своему серверу WordPress с помощью клиента SFTP.
Скопируйте папку плагина в папку wp-content/plugins в вашем каталоге WordPress. Плагин будет установлен на ваш сайт.
Перейдите в раздел плагинов на своем сайте и найдите в списке только что загруженный плагин.
Нажмите ссылку “Активировать”.
Если она есть, нажмите ссылку «Подробнее» над плагином, чтобы узнать больше о нем.

Возможности:

Расширения:

– это, пожалуй, самое ценное, что есть у данного фреймворка. Это и есть тот самый знаменитый конструктор, на базе сетки Bootstrap. Вы сможете с лёгкостью создавать бесчисленное количество страниц с функцией перетаскивания в Visual Page Builder, который содержит множество готовых шорткодов. Конечно же, есть возможность их кастомизировать и создавать новые. На мой взгляд, недостаток заключается в том, что приходится работать в рамках классов и параметров сетки Bootstrap, но можно кастомизировать. Ну а если я использую другой front end framework, например, мой любимый UIKit3? Тогда придется думать и искать оптимальные решения

А если выходит так, что нужно ставить дополнительные плагины, у которых своя сетка? И возможность кастомизации вообще не заложена? Тогда будет сборная солянка и костыли… Тем не менее, при правильном подходе, расширение Page Builder – это находка! Ещё раз, важно всё делать с головой!

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

– решение на базе Unyson, всё в переделах одного плагина! Так же легко кастомизировать! Я именно его использую.

– очень полезное расширение! Позволяет создавать в разделе «Виджеты» новые области для вывода виджетов на сайт, минуя ковыряние в файле functions.php, чудесно, да?

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

– даёт возможность вписывать у публикации title, description и менять url страницы

Конечно, это не Yoast SEO, но тем не менее нужные задачи решаются! Без дополнительных плагинов.

– добавляет слайдеры к вашему веб-сайту. Хоть они нынче не не так популярны, но при правильном использовании могут решить многие задачи, опять же, всё в пределах одного плагина!

– это расширение добавляет полноценное портфолио, которое позволяет выводить ваши материалы, используя созданные в разделе «портфолио» страницы. Его приходится, как правило, всегда кастомизировать и допиливать под свои нужды, лично меня по дефолту оно не устраивает! Но опять же, крайне полезная возможность!

– добавляет полноценный модуль событий в ваш шаблон. Он поставляется со встроенными страницами, содержащими календарь, в которые могут быть добавлены события.

– дает вам возможность добавить Google Analytics код отслеживания и получать всю аналитику о посетителях, просмотре страниц и т.д.

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

– используется для настройки всех ключей API социальных сетей. Другие расширения смогут использовать расширение Социальные сети для подключения к своим социальным аккаунтам.

– это расширение позволяет переводить текстовую информацию на любой язык или даже добавлять несколько языков в front end сайта.

–
Некий аналог Page Builder, как говорит его описание позволяет создавать страницы в реальном времени и управлять ими. Не требуется никаких навыков веб-дизайнера или ве-разработчика. Всё выполняется с помощью кликами и перетаскиванием. Видимо это очень круто! Но только он пока не работает… Подождём обновлений от Unyson.

Эти расширения Unyson решают большинство «врождённых» недостатков WordPress, они легко кастомизируются, и это все в одном плагине, с минимальной нагрузкой на сервер.

Заключение

С первого взгляда wpDataTables может создать впечатление достаточно сложного плагина, но после некоторого времени работы с ним вы понимаете, что он очень прост в использовании. Если вы просто загружаете файлы, например, Excel или CSV, то создать таблицу или диаграмму очень просто, весь процесс займет от силы несколько минут.

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

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

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

Если вам нужно эффективное решение для создания таблиц и диаграмм для вашего WordPress сайта из базы данных MySQL или из загруженного файла, то wpDataTables – отличный выбор.