Как вставить таблицу в вордпресс

Создание таблиц в базе данных

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

Префикс таблиц в базе данных -при установки вордпресс, пользователю предлагается прописать префикс для таблиц в базе данных. По умолчанию он «wp_«. Также данный префикс можно изменить в файле «wp-config.php». В связи с этим мы заранее не знаем каким может быть префикс у таблиц на сайте у пользователя. Префик для таблиц вордпресс можно получить через глобальную переменную $wpdb (её заранее нужно объявить), вот таким образом $wpdb->prefix. Приведу пример получения префикса таблиц в wordpress.

function onwp_get_wpdb_prefix () {
global $wpdb;

$table_name = $wpdb->prefix . «onwp_table_name»;
}

1
2
3
4
5

functiononwp_get_wpdb_prefix(){

global$wpdb;

$table_name=$wpdb->prefix.»onwp_table_name»;

}

Проверка на существование таблицы — перед добавлением своей таблицы, нам нужно проверить не существует ли уже таблицы с таким названием. Данная проверка поможет нам повторно не выполнять запрос на создание новой таблицы. Так же данная проверка дает нам знать что таблица была успешно установлена нашим плагином. Это полезно если вы используете плагин и при активации устанавливаете свои таблицу(то есть, если пользователь уже активировал ваш плагин, и таблица уже есть, то нам не нужно выполнять код добавления таблицы если пользователь повторно активирует плагин).  Вот проверка на существование таблицы в базе данных wordpress:

if($wpdb->get_var(«SHOW TABLES LIKE ‘$table_name'») != $table_name) {
// тут мы добавляем таблицу в базу данных
}

1
2
3

if($wpdb->get_var(«SHOW TABLES LIKE ‘$table_name'»)!=$table_name){

// тут мы добавляем таблицу в базу данных
}

Теперь пришло время поговорить непосредственно о том как мы будем добавлять нашу таблицу в базу. Мы не будем напрямую делать SQL запрос в базу, а вместо этого воспользуемся встроенной в wordpress функцией dbDelta. Данная функция сделает добавление таблицы более безопасно, так как она очень придирчиво относится к данным. Так же стоить учесть что функция dbDelta находится в файле wp-admin/includes/upgrade.php, который по умолчанию не подключается, и нам придется подключить его вручную.

Перед тем как привести пример добавления таблицы с помощью dbDelta, хочется  отметить некоторые моменты связанные с ее работой:

  • В выражении SQL необходимо писать каждое поле в отдельной строке.
  • Необходимы два пробела между словами PRIMARY KEY и определением primary key.
  • Необходимо использовать ключевое слово KEY , а не его синоним INDEX . Так же, необходимо обозначить как минимум один KEY.

Ну а теперь перейдем к самому интересному, это примеру:

$sql = «CREATE TABLE » . $table_name . » (
id mediumint(9) NOT NULL AUTO_INCREMENT,
time bigint(11) DEFAULT ‘0’ NOT NULL,
name tinytext NOT NULL,
text text NOT NULL,
url VARCHAR(55) NOT NULL,
UNIQUE KEY id (id)
);»;

require_once(ABSPATH . ‘wp-admin/includes/upgrade.php’);
dbDelta($sql);

1
2
3
4
5
6
7
8
9
10
11

$sql=»CREATE TABLE «.$table_name.» (

  id mediumint(9) NOT NULL AUTO_INCREMENT,
  time bigint(11) DEFAULT ‘0’ NOT NULL,
  name tinytext NOT NULL,
  text text NOT NULL,
  url VARCHAR(55) NOT NULL,
  UNIQUE KEY id (id)

);»;

require_once(ABSPATH.’wp-admin/includes/upgrade.php’);

dbDelta($sql);

В данном примере мы создадим или обновим таблицу с именем $table_name(о значении этой переменной я говорил выше, в примере в префиксами к таблицам)

Плагин TablePress

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

В первую очередь было важно, чтобы таблички были:

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

Установить плагин TablePress можно с официального репозитория WordPress:

Как видим более 700 тыс. активных установок, 3 334 положительных отзыва и регулярное обновление (последнее обновление было 5 дней назад) — это о многом говорит.

Tablepress адаптивность

Сразу после установки плагин создает неадаптивные таблички, а чтобы превратить их в адаптивные, скачиваем с сайта TablePress дополнительный плагин Responsive Tables и устанавливаем его. Не смотрим что там просят 12$, это добровольные пожертвования автору.

Как пользоваться Tablepress

Создаем свою первую таблицу в Tablepress и вставляем ее шорткодом:

Зaгoлoвoк 1 Зaгoлoвoк 2 Зaгoлoвoк 3 Зaгoлoвoк 4
Строка 1 Столбец 1 Cтpoкa 1 Cтoлбeц 2 Cтpoкa 1 Cтoлбeц 3 Cтpoкa 1 Cтoлбeц 4
Cтpoкa 2 Cтoлбeц 1 Cтpoкa 2 Cтoлбeц 2 Cтpoкa 2 Cтoлбeц 3 Cтpoкa 2 Cтoлбeц 4

И смотрим как она выглядит на экране смартфона:

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

Настраиваем плагин

Можно настроить как параметры, так и внешний вид таблицы: выбрать шрифт, его размер и цвет, определить фон и т.д.

Настройка функции DataTables JavaScript

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

  • В информационных сайтах это обычно не применяется и поэтому я включил только:
  • «Использовать в этой таблице активные функции DataTables JavaScript»;
  • «Включить горизонтальную прокрутку, чтобы облегчить просмотр широких таблиц».

без которых невозможно реализовать адаптивность таблиц.

Параметры интерфейса

  • Данные настройки находятся в разделе «Опции» и помогают настроить оформление таблицы:
  • поменять цвет фона;
  • выбрать шрифт;
  • изменить его размер;
  • цвет;
  • и многое другое.

Для этого в соответствующее поле необходимо поместить CSS пользователя.

Стилей очень много, поменять можно практически все. Приведу только пример стилей которые использую сам:

/* Tablepress Стили для ячеек заголовка */
.tablepress tfoot th,
.tablepress thead th {
	background-color #d9edf7; /* Цвет фона главной строки*/
	font-family  Tahoma ; /* Шрифт*/
	font-size 14px; /* Размер шрифта*/
}
/* Tablepress Стили для ячеек самой таблицы */
.tablepress tbody td { 
	font-family  Tahoma ; /* Шрифт*/
	font-size   14px ; /* Размер шрифта*/
}

Если какой-то параметр вам менять не нужно (например цвет фона заголовка) — просто сотрите нужную строчку с стиле CSS.

При желании можно сжать CSS одним из сервисов, например: csscompressor.com

Полное описание пользовательских стилей CSS можно найти на странице Часто задаваемые вопросы (FAQ) плагина Tablepress.

Импорт данных

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

  • Способов импорта множество:
  • CSV;
  • HTML;
  • JSON;
  • XLS (Microsoft Excel).

Например можно импортировать крутые таблицы с кнопками и другим оформлением выделив кусок кода от

При импорте таблицу заранее создавать не нужно — плагин сам создаст ее в процессе импорта.

Баги и фичи

1.не работают пользовательские CSSфорумеПричина этого заключается в том, что что-то на вашем сайте (плагин или ваша тема) отключает загрузку файлов CSS TablePress.

В этом случае ищем поле для пользовательского CSS в самой теме WordPress и прописываем туда стили. В теме WP Jarida — это поле «Custom CSS» в настройках.

P.S. Нашлось еще одно решение для срабатывания пользовательского CSS в настройках TablePress:

2.Показывать название таблицы пользователю

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

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

3.Объединять или не объединять ячейки?Активные функции DataTables JavaScript4.содержащих запятуюВыход:
скопированные данные вставляем в Excel;
сохраняем в формате «Книга Excel»;
импортируем в плагин из сохраненного файла Excel.

TinyMCE Advanced

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

Так вот, одной из таких «плюшек» — есть возможность быстрой вставки таблицы в запись.

Таблица создается элементарно, достаточно просто выбрать необходимое количество столбцов и строчек.

В свойствах таблицы можно задать ряд параметров:

  1. Точную высоту и ширину таблицы в пикселях.
  2. Отступы между ячеек и внутри ячеек.
  3. Задать выравнивание.
  4. Толщина линий.
  5. Объединение и разбиение ячеек таблицы.
  6. Индивидуальные размеры для каждой ячейки.

В совокупности с другими возможностями плагина, можно красиво оформить таблицу.

Простой пример таблицы:

Как сделать таблицу в WordPress?

1. Делаем таблицу в документе Microsoft Office Word.

  Вверху на панели программы Microsoft Word найдём кнопку Вставка, при нажимании на которую появляется кнопка Таблица.

/кликните по картинке для её увеличения/


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

 1). Можно просто курсором (стрелочкой) мыши выделить на панели нужное количество клеточек (на скриншоте выделена красными квадратиками Таблица 7х5), и в документе тут же появится таблица из 7 столбцов и 5 строк;

2). Тот же результат можно получить, если выбрать в меню строчку Вставить таблицу и нажать на неё. Появится маленькое окно с настройками таблицы, в котором Вам нужно будет выбрать нужное количество строк и нужное количество столбцов и нажать ОК.

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

можно создать в документе Word таблицу формата Excel (и это большое удобство: работать в Excel, находясь в редакторе Word!). Управлять меню таблицы Excel можно, нажимая на правую кнопку мыши;

можно в программе Word создавать таблицы с готовыми шаблонами, для чего предназначена кнопка Экспресс-таблицы.

2. Редактирование таблицы.

Бывает, что созданные в тексте таблицы не устраивают Вас по определённым параметрам: недостаточно строк или столбцов; таблица расположена не совсем удачно; некоторые ячейки таблицы лучше бы объединить в одну или, наоборот, разбить на более мелкие ячейки; некоторые ячейки нужно просто удалить и т.д.

Все эти недочёты легко исправить.

a) Для объединения ячеек (2, 3, 4 и т.д) нужно лишь их выделить левой кнопкой мыши, а затем, нажав на правую кнопку вызвать меню, в котором найти строчку Объединить ячейки. Вместо нескольких выделенных голубым цветом мелких ячеек появится одна большая. /нажмите на картинку для увеличения/


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

c) Если нужно разбить ячейку на более мелкие, щёлкните по этой ячейке левой кнопкой мыши (курсор подведите к левому нижнему углу ячейки – появится черная стрелка). После этого правой кнопкой мыши кликайте по ячейке и выбирайте в меню строчкуРазбить ячейки.


d) Если хотите добавить дополнительные строки или столбцы, кликайте по таблице в любом месте правой кнопкой мыши, в меню нажимайте на кнопку Вставить, и в выпавшем дополнительном меню выберите – куда именно нужно добавить недостающие ячейки.

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

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

3. Как вставить таблицу в WordPress?

Теперь нам осталось поместить созданную в документе Word таблицу в статью на блоге.
Для этого копируем таблицу: выделяем её левой кнопкой, нажимаем в любом месте на таблице правой кнопкой и выбираем Копировать. Либо: выделяем (CTRL+A) и копируем (CTRL+C).

После этого заходим в панель редактирования статьи, находим на панели кнопку Вставить из Word, нажимаем на неё, и в появившемся окне по кнопке в меню Вставить ( или CTRL+V) размещаем скопированную таблицу.


И завершаем данные манипуляции с помощью кнопки Вставить (справа, в самом низу окна). Таблица появится в тексте статьи!

Иногда (очень редко) таблица устанавливается не по центру статьи, и тогда потребуется добавить тег

перед кодом таблицы (table – таблица, англ.).

Добавление данных в таблицу

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

function onwp_insert_item($id_user, $id_product, $price) {
global $wpdb;
// подготавливаем данные
$id_user = esc_sql($id_user);
$id_product = esc_sql($id_product);
$price = esc_sql($price);
$table_name = $wpdb->get_blog_prefix() . ‘onwp_price’;

// вставляем строку в таблицу
$wpdb->insert(
$table_name, array(
‘id_user’ => $id_user,
‘id_product’ => $id_product,
‘price’ => $price,
‘date’ => date(«Y-m-d», time())
), array(‘%d’, ‘%d’, ‘%f’, ‘%s’)
);
}

// Пример вызова функции
onwp_insert_item(1, 80, 17.99);

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

functiononwp_insert_item($id_user,$id_product,$price){

global$wpdb;

// подготавливаем данные  

$id_user=esc_sql($id_user);

$id_product=esc_sql($id_product);

$price=esc_sql($price);

$table_name=$wpdb->get_blog_prefix().’onwp_price’;

// вставляем строку в таблицу

$wpdb->insert(

$table_name,array(

‘id_user’=>$id_user,

‘id_product’=>$id_product,

‘price’=>$price,

‘date’=>date(«Y-m-d»,time())

),array(‘%d’,’%d’,’%f’,’%s’)

);

}
 
// Пример вызова функции

onwp_insert_item(1,80,17.99);

Теперь подробнее поговорим о добавлении данных в произвольную таблицу.

Начнем с того что таблица в которую мы добавляем данные называется «wp_onwp_price«(wp_ — данный префикс может быть другой, об этом говорилось выше). Сама таблица состоит из строк id(автоинкремент) — заполняется автоматически, id_user — id пользователя, id_product — id продукта, price — цена и date — дата.

После того как мы обработали данные, получим полное название таблицы с префиксом:  $table_name = $wpdb->get_blog_prefix() . ‘onwp_price’;

$wpdb->insert

И завершающее действие это непосредственное добавление данных  в таблицу. Функция $wpdb->insert( $table, $data, $format ) — добавляет строку в таблицу и принимает следующие параметры:

table(строка) название таблицы в которую будем вставлять данные.data(строка) Данные которые нужно вставить (‘колонка куда вставлять’ => ‘что вставлять’).format(строка) Формат данных который будет ассоциирован с указанными значениями в параметре $data. Если не указать, то для всех значений $data будет указан формат строки. Возможные форматы данных: %s — строка; %d — целое число и %f — дробное число. При указании формата, WordPress переводит переданные данные в указанный формат перед тем, как сохранить данные в базу данных.

Как сделать таблицу в WordPress? – плагин используем MCE Table Buttons

Для больших создания таблиц со сложной разветвленной структурой, отличный существует плагин MCE Table Buttons, идеально который справляется с задачами создания таблицы в редактирования и ее wordpress. Для начала, скачиваем плагин Table MCE Buttons, устанавливаем и активируем его. активации После, плагином MCE Table Buttons, сразу можно начинать пользоваться, в настройке плагин не том. О нуждается, как правильно устанавливать плагины читайте, WordPress в соответствующей статье.

После активации MCE плагина Table Buttons, на панели визуального WordPress редактора появятся дополнительные кнопки, при которых помощи мы и будем создавать таблицы в wordpress.

Ну, а давайте теперь создадим нашу первую таблицу при, wordpress помощи плагина MCE Table Для. Buttons этого нажимаем на активную кнопку и новое видим окошко, при помощи которого мы создавать будем таблицу:

Описание полей окна, вставки для таблицы:

Стандартные параметры:

  • Columns — столбцов число;
  • Rows — число строк;
  • Cell внутренний — Padding отступ от границы таблицы до содержимого Cell
  • ячейка Spacing — отступ между ячейками
  • позиционирование — Alignmen таблицы(выравнивание по ширине). Возможные задано: Не значение; Center- расположение по центру; Left – с края левого; Right – с правого края.
  • Border — рамки толщина таблицы;
  • Width — ширина таблицы. пикселях в Указывается(px) – размер таблицы по ширине.
  • Height— таблицы размер по высоте. Указывается в пикселях(px).
  • Класс – назначить можно css класс для таблицы.
  • Caption Table — если опция активна, тогда таблицы для будет установлен заголовок.

Дополнительные Background:

  • параметры Image — изображение которое будет качестве в использоваться фона таблицы. В данное поле вставить необходимо url-адрес ссылки на файл Rules.
  • изображения — правила формирования таблицы(параметры каких группировки-либо столбцов )
  • Border Color — границ цвет таблицы. Можно выбрать цвет, помощи при удобной палитры цветов.
  • Background фоновый – Color цвет таблицы. Можно выбрать при, цвет помощи удобной палитры цветов.

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

Ну, а теперь давайте поля заполним и создадим новую таблицу.

Ну, а вот результат мой:

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

Возможно, вам также будут мои, интересные другие статьи:

  1. Как вставить вкладкитабы в wordpress?
  2. Вставляем php-код в записи и страницы.
  3. Создаем опрос(голосование) на сайте этом

Плагины для создания таблиц в WordPress

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

TablePress

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

Особенности TablePress:

  • создание таблиц без использования HTML;
  • вставка таблиц с помощью шорткодов;
  • возможность преобразовать формулы и другие типы данных в таблицы;
  • формулы можно использовать для вычисления данных;
  • возможность сортировки строк;
  • присутствие параметров для добавления библиотек JavaScript для сортировки, разбивки на страницы и других функций таблицы;
  • экспорт данных в форматах Excel, CSV, HTML и JSON;
  • использование CSS-правил для изменения стиля таблицы.

Ninja Tables

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

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

  • 100% адаптивные таблицы;
  • быстрая загрузка таблиц;
  • возможность добавить медиаконтент;
  • более 100 цветовых схем;
  • простые изменение цветовой схемы и настройка стилей таблиц;
  • экспорт/импорт данных из файлов Excel и CSV, а также из других WordPress-плагинов.

wpDataTables Lite

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

Преимущества wpDataTables Lite:

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

Pricing Tables WordPress Plugin

Дополнение Pricing Tables WordPress Plugin позволит вам легко и быстро создавать/публиковать красивые таблицы цен и таблицы сравнения на вашем сайте WordPress.

Основные возможности плагина:

  • поддержка любых тем WordPress;
  • интуитивный пользовательский интерфейс для создания таблиц;
  • неограниченное количество строк и 10 столбцов;
  • оптимальные методы оптимизации скорости и конверсии;
  • настройка выделения столбцов;
  • возможность гибкой настройки таблиц (размер шрифта, границы и т.п.);
  • использование Drag&Drop для изменения порядка таблиц ценообразования;
  • возможность добавить пользовательские CSS-стили.

Ultimate Tables

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

Другие особенности:

  • легкое изменение порядка строк/столбцов;
  • вставка таблицы с помощью шорткода;
  • наличие окна поиска, чтобы мгновенно находить контент;
  • возможность вставки сразу нескольких таблиц;
  • изменение количества строк/столбцов, а также их порядка;
  • возможность удаления элементов таблицы;
  • добавление текста или HTML-кода внутри ячеек;
  • 3 варианта дизайна таблиц;
  • поисковая строка;
  • информация о количестве строк и элементов;
  • настраиваемая пагинация;
  • настраиваемая ширина и высота;

Table Maker

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

Особенности:

  • отличный и простой дизайн;
  • все таблицы 100% адаптивные;
  • выделение первой колонки;
  • возможность выделять первый столбец;
  • добавление меток в строки и столбцы;
  • поддержка шорткодов;
  • возможность добавления подзаголовков;
  • выбора цвета заголовка;
  • возможность загрузки изображений;
  • дополнительное выравнивание по центру;
  • экспорт таблиц в XML, импорт из XML/CSV.

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

Как создавать и добавлять таблицы в WordPress

Первым шагом создания таблицы в WordPress будет установка плагина TablePress. Для этого перейдите в Плагины › Добавить новый в админ консоли WordPress. Найдите TablePress, установите и активируйте плагин.

После установки плагина перейдите в меню TablePress в панели слева.

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

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

Как только вы заполните все необходимые поля, нажмите на голубую кнопку Добавить таблицу.

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


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

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

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

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

Как добавить таблицу WordPress в запись или на страницу

У вас есть две различные опции для добавления вашей таблицы на сайт WordPress.

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

Вторая – использование кнопки Вставить таблицу из TablePress на панели инструментов для редактирования страницы/записи.

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

Как импортировать таблицу в WordPress

Если у вас уже есть таблица с данными на другом ресурсе, как, например, в Excel, то вы можете сделать импорт в TablePress.

Для этого перейдите в TablePress › Импортировать.

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

После задания опций нажмите кнопку Импорт.

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

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

Как экспортировать таблицу в WordPress

Есть также встроенная функция экспорта данных из таблицы, для этой операции перейдите в TablePress › Экспортировать.

У вас будет возможность выбрать формат, в который вы хотите экспортировать данные, будь то CSV, HTML или JSON. Если вы выберете вариант CSV, вам также нужно будет указать разделитель CSV.

Затем нажмите кнопку Сохранить файл экспорта.

Настройка опций вашего плагина

На последней вкладке вы найдёте параметры таблицы для дальнейшей настройки. Как вы можете видеть, встроенные параметры настройки довольно ограничены. Однако вы можете добавить более широкие возможности настройки через расширения.

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

Как вставить таблицу в wordpress блог

Способ №1. С помощью программы Adobe Dreamweaver

Ну как Вам урок? Жду Ваших комментариев, отзывов и твитов. Спасибо

А сейчас, как и обещал, дам Вам ссылочки на скачивание программ, необходимых для вставки таблицы на вордпресс.

1). FastStone Capture – экранная утилита, имеющая достаточно широкий функционал, необходимый для блоггера и инфобизнесмена. Скачать её можно

2).  – самый мощный визуальный редактор для создания html, php, css, xml, JavaScript и др. языков web-дизайнеров. Скачать программу можно

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

Способ №2. С помощью стандартной фунции.

Вставить таблицу в вордпресс можно и с помощью обычного текстового редактора MS Word. Для этого необходимо сначала эту таблицу заранее подготовить (нарисовать), а потом с помощью кнопки «вставить из Word»  добавить редактор записи. Смотрите как это делается:

Шаг №1 и шаг №2 можно поменять местами, это не принципиально. Давайте теперь разберемся как выровнять таблицу по центру. Для этого необходимо перейти во вкладку HTML и перед строчкой

и в конце закрывающего тега 

вставить закрывающий тег выравнивания таблицы

Способ №3. С помощью плагина WP-Table

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

Вот и все! Как видите, ничего сложного и страшного здесь нет

как вставить таблицу в wordpress

Хотите открою маленький секрет по-поводу таблиц на блоге? Их не очень-то любят поисковики. Мне об этом рассказал специалист, который делал верстку блога. Но не принимайте этот факт близко к сердцу, т.к. без таблиц нам все равно не обойтись! Я, например, частенько вставляю таблицы, особенно в итогах конкурсов. Если Вам необходимо опубликовать какие-то итоги, прейскуранты цен, сравнительные характеристики и т.п., то смело используйте таблицы (только, желательно, в сочетании с текстом и картинками, а не в голом виде).

ВАЖНАЯ НОВОСТЬ.  Появился новый инструмент для заработка на своем сайте с помощью баннеров! Кликните по картинке ниже, чтобы узнать подробнее:

Это круче чем ротабан и другие сторонние сервисы! Этот скрипт полностью автономен.

Заключение

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

Плюсы

  • Отличный стиль из коробки.
  • Очень простой интерфейс; хорошо подходит начинающим пользователям.
  • Несколько форматов импорта: CSV, HTML, JSON и Excel.
  • Несколько форматов экспорта: CSV, HTML, JSON.
  • Пользователи могут искать в таблице конкретные строки данных.
  • Таблицы могут быть разбиты на страницы по определенному количеству строк.
  • Доступно множество бесплатных расширений плагинов (это действительно показывает, что разработчик приложил много усилий и усилий, чтобы сделать плагин отличным ресурсом для сообщества WordPress).

Минусы

  • Расширенный редактор сделан не совсем удобно. Для редактирования большого количества ячеек он не подходит.
  • Ограниченные встроенные настройки стиля.
  • Вы должны ввести данные вручную или импортировать их из электронной таблицы. Если вы хотите создать таблицы данных, которые уже хранятся на вашем веб-сайте (например, сообщения в блогах, в сайтах электронной коммерции), то вам может пригодиться динамический плагин для таблиц WordPress, такой как Posts Table Pro.

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

SEO оптимизацияSEO плагиныWordPressАнализ сайтаДоменЗащита сайтаМедиа-плагиныНастройка сайтаПлагины для дизайнаПлагины для записейПлагины для юзабилитиПоисковые системыПолезные сервисы и программыСистемные плагиныСоздание сайтаТемы WordPressТехническая оптимизацияХостингЯндекс

Оставьте комментарий:

Ссылка на основную публикацию