Таблицы WordPress – как вставить таблицу в запись или на страницу
Очень часто при написании статей, новостей или обзоров бывает нужно показать какие-либо данные в табличной форме. Что могло бы быть проще, если бы в панели редактирования Вордпресса была возможность вставлять таблицы в пост. Но к сожалению WP не обладает таким нужным и простым функционалом. Поэтому в процессе работы каждый для себя находит удобный способ реализовать этот функционал.
В интернете описано множество способов как вставить таблицу в WordPress с помощью различных плагинов и без них, многие из этих таблиц интерактивные, с подсветкой ячеек и т.д. Поэкспериментировав почти со всеми возможными способами, я решил для себя, что нечего замудряться, и если нужна таблица – ее нужно вставлять в пост как есть – разметкой таблицы. Для этого можно иметь несколько заготовок в виде оформленных тегов, либо установить плагин, расширяющий возможности стандартной панели инструментов визуального редактора. Оба этих способа я и опишу в данной статье, начиная с самого очевидного.
html-заготовки простейших таблиц
Все что нужно для вставки таблицы в WordPress – это скопировать нужный вариант кода в визуальный редактор в режиме html-редактирования. Здесь я представил всего несколько вариантов, которые мне чаще всего приходится использовать. Для наглядности варианты представлены с результатом. Все просто – копируем код, вставляем в редактор в html-закладку – получаем тот же результат, что и здесь.
1 колонка, 1 строка
3 колонки, 1 строка
Ячейка 1 | Ячейка 2 | Ячейка 3 |
2 колонки, 2 строки
Ячейка 1 | Ячейка 2 |
Ячейка 3 | Ячейка 4 |
3 колонки + объединение ячеек
Ячейка 1 | Ячейка 2 | Ячейка 3 | ||
Ячейка 4 | Ячейка 5 | Ячейка 6 | Ячейка 7 | |
Ячейка 8 | Ячейка 9 | Ячейка 10 | Ячейка 11 | Ячейка 12 |
Вариант с прозрачными границами
Ячейка 1 | Ячейка 2 |
Ячейка 3 | Ячейка 4 |
Таблицы WordPress с помощью плагина TinyMCE Advanced
Еще более простым и удобным способом вставки таблиц на страницы Вордпресс является использование плагина TinyMCE Advanced — расширенного визуального редактора. То, что не умеет делать стандартная панель, с легкостью делает этот плагин. Плагин заслуживает отдельного обзора, так как его функционал не ограничивается вставкой таблиц, но в рамках этой статьи ограничусь краткой инструкцией.
После установки плагина в меню параметры WordPress появится новый пункт: TinyMCE Advanced, где мы сможем с помощью Drag-and-drop интерфейса менять содержимое панели визуального редактора. По умолчанию панель не содержит блок с редактором таблиц:
Перетаскиваем блок с таблицами в верхнюю панель:
И сохраняем изменения:
Теперь в редакторе появился блок добавления и редактирования таблиц как в любом текстовом редакторе Windows. С помощью этой панели вставлять таблицы на страницы или записи WordPress и красиво оформлять их можно в несколько кликов.
Импорт записей из Excel в WordPress
Файлы excel довольно часто используются импорта и экспорта некоторого набора данных. По этой причине иногда может возникать необходимость импорта данных из файла с расширением xlsx в WordPress. Сразу стоит сказать, что по умолчанию импортировать данные в формате xlsx WordPress не умеет. По этой причине есть необходимость поиска какого-либо решения для импорта данных. Вероятно, существует какие-либо плагины, выполняющие роль импорта данных из excel-файла в записи. Однако мы пойдём иным путём, и реализуем импорт данных программно. Особенность такого метода в том, что мы может осуществлять различную логику импорта, что делает данные метод более гибким. Давайте приступим к примеру.
Библиотека PHPExcel
Для того чтобы работать с файлами excel рекомендуется воспользоваться готовой библиотекой PHPExcel. На нашем сайте было несколько постов, где рассматриваются вопросы использования библиотеки, ссылки на них будут в конце поста. Саму библиотеку PHPExcel вы можете скачать с репозитория на GitHub.
Основной файл библиотеки, который мы будем подключать находится в папке Classes и называется PHPExcel.php. Далее поговорим про использование библиотеки в коде.
Скрипт импорта xlsx в WordPress
Для удобства создадим отдельную директорию на сервере, с названием tools. В этой папке мы распаковываем архив библиотеки PHPExcel, а также создаём сам скрипт для импорта данных, назовём его read.php. В итоге мы получаем такое содержимое:
Далее рассмотрим структуру нашего файла excel. Для простоты примера у нас будет несколько колонок в таблице, выглядеть наш файл для импорта будет таким образом:
Первая колонка – название записи, вторая – текст описания, в формате html, третья колонка – метка записи. Файл импорта будет иметь название import.xlsx и добавить его так же нужно в папку tools. Теперь рассмотрим непосредственно сам код импорта данных из файла.
Открываем файл read.php и приступаем непосредственно к коду:
Рассмотрим комментарии в коде вы можете наглядно понять, как происходит процесс импорта. В начале подключается ядро самого WordPress, нужно оно ровно для того, чтобы мы могли пользоваться встроенными функциями ядра движка сайта. Далее подключается библиотека PHPExcel. С помощью библиотеки мы загружаем и считываем данные из файла xlsx. В качестве результата мы получаем массив с полями из файла. Далее в цикле мы перебираем массив, и создаём записи посредством встроенное функции wp_insert_post. Используя документацию по WordPress выполнять манипуляции с данными, мы можем так, как требуется для каждого конкретного случая.
Собственно, менять логику импорта вы можете так как вам потребуется. Так же на нашем сайте были посты касательно вопросов использования PHPExcel, вероятно они могут оказаться вам полезными:
PHPExcel — OpenXML — чтение, запись и создание документов Excel в PHP
PHPExcel: форматирование ячеек
Ошибки PHPExcel при переносе на боевой сервер