Создание таблицы в wordpress — TablePress

Здравствуйте, сегодня поговорим о создании таблиц в постах, страничках, виджетах 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.

создаем таблицы в wordpress

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

создание таблиц в wordpress

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

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

меняем кодировку таблицы на UTF-8

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

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

как импортировать таблицу из Excel в wordpress

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

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

импорт таблицы из excel  в wordpress

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

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

импорт таблиц в wordpress

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

результат импорта таблицы в wordpress

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

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

импортируемая таблица в wordpress

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

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

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Создание таблицы в wordpress — TablePress: 4 комментария

  1. Лана

    День добрый! У меня таблица не разбивается на страницы. Подскажите, пожалуйста, что мне делать. Единственное, что меняла — это цвет определенных строк.

  2. Юрий

    День добрый! Подскажите как возможно создать форму поиска по таблице по нескольким критерия одновременно?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *