WP Table Manager документация

Вступление

WP Table Manager - это расширение WordPress, используемое для управления таблицами HTML в WordPress с помощью интерфейса, похожего на электронную таблицу. Он поставляется в виде единого пакета, все темы включены.

 

WP-Table-менеджер

 

Основные преимущества:

  • Управление таблицами, как в электронной таблице
  • 6 тем включены
  • Полностью управляется из любого редактора
  • AJAX автоматическое сохранение
  • Сортируемые данные на веб-интерфейсе
  • Редактор ячеек, линий, столбцов
  • Изменить размер строки и столбца с помощью drag'n drop
  • Копировать ячейку с помощью drag'n drop
  • Скопируйте полную таблицу в один клик
  • Формат HTML-ячеек
  • Расширенный редактор кода CSS

 

I. WP TABLE MANAGER УСТАНОВИТЬ

1.1 Установить

 

Чтобы установить наш плагин, вы должны использовать стандартный установщик WordPress или разархивировать и поместить всю папку в / wp-content / plugin.

 

установить-WP-медиа-папки

 

Затем нажмите на активировать плагин, чтобы увидеть меню WP Media Folder появится в левом меню WordPress.

WP Table manager доступен из специального левого меню или в лайтбоксе из редактора. У вас также есть параметры в меню «Конфигурация».

 

1.2 Обновите плагин

Чтобы обновить WP Media Folder, вы можете использовать программу обновления WordPress по умолчанию. Вы также можете удалить и установить новую версию из ZIP-файла, загруженного на www.joomunited.com. В любом случае вы не потеряете контент, потому что все хранится в базе данных.

 

wptm-обновление

 

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

Чтобы обновить платную версию, вам необходимо войти в свою учетную запись JoomUnited из настроек WordPress: Настройки> Общие

 

канальный счет

 

Затем используйте логин и пароль вашей учетной записи JoomUnited. После успешного входа в систему кнопка становится синей с текстом Отключите мою учетную запись JoomUnited

 

image9

 

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

 

II. WP TABLE MANAGER ОБЩЕЕ ИСПОЛЬЗОВАНИЕ

Основная идея WP Table Manager - управлять всеми таблицами из редактора, хотя у вас есть вид плагина. WP Table Manager работает на любом редакторе WordPress WYSIWYG, как для внешнего, так и для внутреннего интерфейса. Например, вы можете использовать его в пользовательском модуле WordPress.
 

2.1 Управление таблицами из статьи

 

Стол-менеджер кнопка

 

Когда WP Table Manager установлен, у вас есть кнопка редактора, которая отображается под вашим редактором. Нажмите на него, чтобы открыть основной вид WP Table Manager.

Диспетчер таблиц в лайтбоксе открывается из поста:

 

image14

 

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

 

image15

 

Если вы щелкнете мышкой по области, то снова нажмите кнопку WP Table Manager и будет добавлена ​​ранее добавленная таблица.

 

image16

 

Тем не менее, Гутенберг является редактором по умолчанию в WordPress сейчас, так что вы можете взглянуть на 2.7 Блоки в Гутенберге

2.2 Управление таблицами и категориями

Таблицы классифицированы внутри категорий. Вы можете иметь столько таблиц, сколько хотите внутри категорий.

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

 

столовые категории

 

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

 

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

 

имя-таблицы

 

Для заказа категорий вы можете использовать функцию перетаскивания.

 

стол-ход

 

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

 

2.3 Табличное издание

Чтобы добавить данные в таблицы, вы должны действовать так, как будто вы находитесь в таблице. Двойной щелчок по ячейке предоставит вам возможность обновить содержимое, один щелчок, чтобы выбрать одну / несколько ячеек (и, например, применить стиль).

 

image20

 

Чтобы добавить строки или столбцы, нажмите «+» на границе таблицы или используйте правую кнопку мыши!

 

добавление строки строки

 

Чтобы скопировать ячейки, вы можете использовать CTRL + C / CTRL + V (или яблоко, которое делает то же самое J), или вы также можете поместить свою мышь в нижний правый угол ячейки и привести ее в нужное вам направление.

 

клеточно-копия

 

Обратите внимание, что все, что вы делаете, сохраняется автоматически с сообщением в правом верхнем углу

 

У вас есть возможность отменить последнюю модификацию.

 

image24

 

WP Table Manager сохраняет резервную копию внесенной вами модификации и может ее восстановить.

 

image25

 

2.4 Расширенный выпуск контента

Вы можете добавить содержимое HTML с помощью редактора WYSIWYG внутри каждой ячейки. Выберите ячейку в правой части Формат> HTML.

 

image26

 

Теперь, когда вы редактируете ячейку, у вас будет редактор HTML внутри. Изображение и HTML доступны.

 

HTML-таблица ячейка

 

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

 

объединить ячейки

 

2.5 Excel и импорт / экспорт электронных таблиц

Вы можете импортировать и экспортировать электронную таблицу в WP Table Manager с помощью нашего специального инструмента.

 

image29

 

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

Экспорт может быть выполнен в формате Excel 2003 или 2007.

 

image30

 

 

2.6 Шорткод

Каждая таблица имеет свой короткий код, который вы можете найти по адресу Дополнительная вкладка на правой панели. Затем вы можете легко поделиться таблицей, используя короткий код, например: [wptm id = 8]

 

короткий номер

 

2.7 Блоки в Гутенберге

Теперь вы можете показывать свои таблицы или графики в редакторе Гутенберга. Эти два блока WP Table Manager представляют собой диаграммы WP Table Manager и WP Table Manager.

Чтобы отобразить таблицу в редакторе Гутенберга, нажмите WP Table Manager кнопка в категории виджетов. Появится раскрывающееся меню, затем вы выберите таблицу, которую хотите отобразить в веб-интерфейсе.

 

добавить стол-блок

 

Это похоже на график, нажав на WP Table Manager Chart кнопка в категории виджетов. Затем вы выбираете один график в выпадающем меню.

 

добавить-чарт-блок

 

III. СТИЛИНГОВЫЕ СТОЛЫ

3.1 Формат

Вкладка «Формат» доступна в правой части экрана по умолчанию. Содержит разные параметры.

 

image31

 

  • Тип ячейки: по умолчанию или HTML. Тип по умолчанию позволяет вам вычислять HTML, вставляя содержимое HTML, например изображения. WYSIWYG-редактор для каждой ячейки будет реализован в следующей версии, пока вы добавляете HTML-код в ячейку.
  • Сотовый фон цвет: определение цвета фона, конечно

 

image32

 

Границы и параметры шрифта могут быть применены к одной или нескольким ячейкам

 

image33

 

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

 

3.2 Тема и варианты сортировки

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

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

 

тематический выбор

 

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

 

image35

 

Параметр sortable позволяет выполнять сортировку данных AJAX на веб-интерфейсе.

 

image36

 

Выравнивание таблицы - это выравнивание div, который содержит всю таблицу, например, центрирует всю таблицу.

 

image37

 

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

 

настольная изюминка

 

3.3 Добавить всплывающую подсказку на ячейки

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

 

image39

 

Вы можете для ширины в пикселях. Подсказка редактирования приведет вас к всплывающей подсказке с редактором для редактирования подсказки.

 

подсказка-редактор

 

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

 

всплывающая подсказка при наведении курсора

 

3.4 Замораживание строк и столбцов

Замораживание линии или столбца доступно в Таблица Вкладка. Вы можете заморозить до 5 строк или столбцов. Он отсчитывается от первого ряда / цв.

 

стоп-линии

 

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

 

вымораживание строка

 

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

 

фикс-линии отображения

 

3.5 Фильтрация данных столбца

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

 

Фильтр-колонки

Пример фильтров:

 

отзывчивая стол улитка

 

3.6 Пользовательский CSS

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

 

image47

 

Обратите внимание, что если вы применили тему, некоторые пользовательские CSS будут добавлены автоматически. Вы все еще можете редактировать это, конечно.

 

Все еще на Дополнительная вкладканажмите на кастом Кнопка CSS чтобы получить доступ к css edition. Код CSS раскрашен с использованием зеркала кода и может быть написан с меньшим количеством CSS, это тоже работает!

 

заказ таблицы CSS

 

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

 

CSS-отображения

 

3.7 Отзывчивые таблицы WordPress

Мои таблицы реагируют или используют прокрутку на небольших устройствах?

WP Table Manager опционально реагируют на адаптивный дизайн с помощью приоритетного инструмента. По умолчанию функция реагирования отключена, будет переполнение (ведь ведь он отлично работает на мобильных устройствах).

 

отзывчивый режим

 

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

Таблица со свитком (лучше для небольшого количества столбцов)

 

отзывчивая стол улитка

 

Таблица со скрытым столбцом (лучше для большого количества столбцов)

 

57bb0cb0ac948

 

3.8 Скачать таблицу

Для того, чтобы поделиться своей таблицей с общественностью, вы должны включить Кнопка загрузки вариант в Вкладка таблицы на правой панели. Тип файла будет * .xlsx.

 

скачать стол

 

3.9 Пагинация

Вы можете найти эту функцию на вкладке Таблица в каждой таблице. Включите и выберите количество строк для отображения на странице.

 

пагинация-wptm

 

Внутривенно ДИАГРАММА ИЗ СТОЛОВ

4.1 Создать таблицу с данными

Начиная с версии 2.0 у вас есть возможность добавлять диаграммы в ваш контент. Сначала создайте таблицу с данными для создания диаграммы.

 

image50

 

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

 

image51

 

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

 

image52

 

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

 

4.2 Параметры графика

Как только ваш график будет добавлен, у вас есть несколько вариантов в правом столбце.

image53

 

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

Параметр «Использовать первую строку / столбец в качестве метки» позволяет добавить метку на график

 

график

 

Затем у вас есть варианты, чтобы установить ширину / высоту, выровнять, цвет на вашем графике.

 

V. EXCEL И GOOGLE SHYETS SYNC

5.1 Синхронизировать таблицу с данными файла Excel

Можно запустить синхронизацию между созданной вами таблицей и файлом Excel, расположенным на вашем сервере (где угодно). От правая вкладка с именем "Таблица", внизу у вас есть блок, чтобы связать файл Excel с таблицей.

 

ссылка-на-Excel


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

 

канальный первенствует-файл таблица

 

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

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

 

выборки-Excel-данных,

 

Предупреждение: в зависимости от вашей памяти, доступной на вашем сервере, вы не сможете импортировать очень большие файлы Excel (например, более 1000 строк)

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

 

Excel-Google-листы синхронизации

 

5.2 Синхронизация с Google Sheets

WP Table Manager также предлагает некоторые возможности синхронизации Google Sheets. Ваш лист Google должен быть опубликован для синхронизации. Итак, сначала откройте свой лист из Google Drive и опубликуйте его как веб-страницу, используя Файловое меню.

 

публиковать-веб-Google-листы

 

Затем вы получите доступ к ссылке на файл Google Sheets, скопируйте эту ссылку.

 

ссылка листов

 

И вставить в WP Table manager Вкладка «Таблица»

 

ссылка-на-Excel

 

Вы сделали! Теперь вы можете получать данные для мгновенной синхронизации и запускать автоматическую синхронизацию. Опция стиля выборки используется в том случае, если вы также хотите получить стили таблиц Google Sheets.

 

5.3 Автоматическая синхронизация Excel и Google Sheets

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

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

 

Google-лист синхронизация уведомление

 

Задержка синхронизации может быть установлена ​​в глобальной конфигурации WP Table Manager.

 

Период синхронизации

 

Примечание: когда Вы импортируете файлы Excel или синхронизируете данные из таблицы Google, ссылка будет действительной, если вы используете функцию: = ГИПЕРССЫЛКА ()
Например: = HYPERLINK ("https://joomunited.com", "Joomunited")

VI. WP TABLE MANAGER ПАРАМЕТРЫ

6.1 Параметры

Чтобы получить доступ к WP Table Manager, войдите в WP Table Manager> Конфигурация

Как вариант вы можете определить:

  • Включить кнопки импорта / экспорта
  • Формат файла экспорта
  • Включить всплывающую подсказку
  • Включите автоматическое сохранение или активируйте кнопку ручного сохранения
  • Периодичность синхронизации файлов
  • Загрузите плагин на веб-интерфейс
  • Восстановите альтернативный цвет
  • Подсветка ячеек
  • Выделите цвет фона
  • Выделить цвет шрифта
  • Подсветка непрозрачности
  • Форматы даты
  • Положение символа
  • Символ валюты
  • Десятичный символ
  • Десятичный счет
  • Тысяча символов

 

image55

 

VII. WP TABLE MANAGER TIPS ANS TRICKS

7.1 Расчет

У вас есть базовая реализация вычислений в WP Table Manager. Доступные элементы:

  • СУММА, СЧЕТ, КОНКАТ
  • MIN, MAX, AVG
  • ДАТА, ДЕНЬ, ДНИ, ДНИ360
  • ИЛИ, XOR И

Чтобы составить сумму, введите как это: = SUM (A1; B2) или = SUM (A1: B2)

 

сумма-расчет

 

7.2 Роли пользователя

Управление таблицами определяется ролями пользователей WordPress, которые могут выполнять определенные действия. Все пользователи в роли пользователя будут иметь одинаковые полномочия в отношении управления таблицами.
Для настройки доступа используйте меню WP Table Manager> Роли пользователя.

 

пользовательские роли-настройка

 

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

Вы можете установить владельца для категорий и таблиц в Больше Вкладка.

 

установка пользователем роль

 

VIII. ТАБЛИЦЫ ИЗ БАЗЫ ДАННЫХ

WP Table Manager позволяет создавать таблицы из таблиц базы данных.

От администратора, нажмите на WP Table Manager> Таблицы базы данных.

 

 

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

 

базы данных выбора

 

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

 

Колонка-titleandordering

 

Затем у вас есть несколько опций и фильтр для применения к вашим таблицам:

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

 

базы данных таблиц-опций

 

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

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

 

Когда ваша таблица будет сгенерирована, вы все равно будете иметь доступ к ней Источник базы данных и вы можете, например, добавить столбец «Статус» в вашей таблице на Источник данных Вкладка.

 

базы данных таблицы сгенерированные