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

Скачать исходники для статьи можно ниже

Особенности плагина TablePress:

– удобный интерфейс, который позволяет редактировать данные таблицы без знания HTML;

– таблицы могут содержать данные любого типа, даже формулы;

– можно добавить различные функции к таблице: сортировка, нумерация страниц, фильтрация, поиск и др.;

– таблицы можно вставлять в записи (посты), страницы или в текстовые виджеты;

– можно импортировать и экспортировать таблицы из/в файлы CSV (например, из Microsoft Excel), файлы HTML, и JSON.

Данный плагин есть на wordpress.org:

Последнее обновление:  2013-1-27

Загрузок: 48,374, однако, если учесть, что данный плагин является официальным преемником плагина WP-Table Reloaded (у которого количество загрузок – 566,634), то думаю данное количество очень быстро будет расти!

Автор: TobiasBg

Страница плагина: http://tablepress.org/

Установка стандартная – в панели управления, в левом меню, выбираем пункт “Плагины” и его подпункт “Добавить новый” в строку поиска вводим  TablePress, устанавливаем и активируем плагин.

После активизации в левом меню панели управления у вас появится новый пункт –  TablePress.

Импортирование таблицы из Microsoft Excel

Большие и средние таблицы (в большинстве случаев именно для таких таблиц и нужен плагин  TablePress) удобно импортировать непосредственно из Microsoft Exсel в wordpress.

Давайте рассмотрим создания таблицы через Excel и импортирование ее в wordpress через плагин TablePress.

Для этого создадим простую таблицу в Excel.

После чего нам нужно сохранить ее в специальный формат – CSV, а для   этого в Excel в верхнем меню выбираем пункт “Файл” – “Сохранить” – “Тип файла выбираем – CSV (разделители – запятые) (*.csv))”

Если мы сейчас импортируем данную таблицу в wordpress через плагин TablePress, то получим вместо русских букв какие-то непонятные символы.

Поэтому, чтобы в таблице были видны русские слова необходимо перекодировать таблицу в формат UTF-8, а для этого нам понадобиться бесплатный текстовой редактор Notepad ++ (скачать его можно по следующей ссылке – http://notepad-plus-plus.org/download/v6.3.2.html), заходим в Notepad и открываем нашу таблицу – в моем примере – 123.csv

Как видите таблица в данном формате (csv) записана в особом формате – столбцы разделены знаком ; (точка с запятой) – все так и должно быть.

Для того чтобы преобразовать таблицу в UTF-8, необходимо в Notepad в верхнем меню выбрать пункт “Кодировки” и его подпункт “Преобразовать в UTF-8” (можно выбрать также “Преобразовать в UTF-8 (без ВОМ)” )

После чего нужно сохранить таблицу в Notepad, а для этого в верхнем меню выбираем пункт “Файл” и выбираем подпункт “Сохранить” – вот и все таблица преобразована в кодировку UTF-8 и теперь в нашей таблице будут русские слова при вставки ее в wordpress с помощью плагина TablePress.

Далее заходим в панель управления сайтом на wordpress, заходим в левом меню в пункт TablePress и выбираем вкладку Import.

Нажимаем на кнопку “Обзор..” и выбираем файл, в данном примере 123.csv, в строчке “Import Format” оставляем значение “CSV – Character-Separated Values” и жмем на кнопку “Import”.

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

Здесь же, если спуститься ниже, то мы увидим как будет выглядеть наша таблица:

А если спуститься еще ниже, то увидим еще и возможные ее настройки.

Давайте же вставим шорткод (в данном примере он [table id=4 /]) в запись (пост) и посмотрим как она будет выглядеть:

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

Все на русском языке также как мы создавали в Excel.