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

Как вставить таблицу в WordPress вручную и плагином MCE Table Buttons

Несмотря на всю функциональность и все удобство движка WordPress, кое какие, казалось бы, простые функции в его базовой версии не реализованы. В частности, нет возможности вставить в запись табличку. А возникает в ней необходимость нередко, особенно, когда публикуешь какие-либо сравнения или большие массивы данных. В этом посте я покажу как вставить таблицу в WordPress. Рассмотрим два варианта ручной вставки вручную и плагин MCE Table Buttons.

Как таблицу вставить без плагина?

Способ №1 – HTML код

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

Теги tr отвечают за строки, а td за столбцы (ячейки в строчках). Сколько нужно строк, столько блоков tr делаете и, соответственно, в них td. Оформление таблицы в данном случае будет соответствовать тем CSS стилям, которые прописаны для вашей темы блога. Иногда, не будет проявляться граница, тогда добавьте рядом с table параметр border=”любая цифра” (любая цифра – это толщина линии), должно получиться так –

Способ №2 – текстовый редактор

Открываете текстовый редактор Microsoft Office, OpenOffice или любой другой, лишь бы он позволял создавать таблицы. Ниже на картинке я сделал скрин из MS Word 2007, в других редакторах все делается также просто.

Проходите во вкладку «Вставка» — «Таблица». Определяетесь с количеством строк и столбцов. Заполняете ее информацией, делаете выравнивание текста, выделяете заголовки и прочее. С помощью мыши или клавиатуры полностью выделяете таблицу и жмете сочетание клавиш «Ctrl+C».

Дальше, открываете для редактирования пост, в который собираетесь вставить таблицу. Ставите курсор в нужное место и нажимаете сочетание “ctrl+v”, либо кликаете на мышке правую клавишу и выбираете вставить.

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

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

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

Плагин для WordPress-таблиц MCE Table Buttons

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

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

Через админку WordPress (вкладка «Плагины» — «Добавить новый») ищете плагин в базе. Вводите название «MCE Table Buttons» и жмете на кнопку «Поиск». Далее в сформировавшемся списке нажимаете на слово «Установить».

После активации плагина, в панели инструментов появится дополнительная иконка. Работа по добавлению и редактированию таблиц интуитивно понятна.

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

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

Источник

Таблицы WordPress – как вставить таблицу в запись или на страницу

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

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

html-заготовки простейших таблиц

Все что нужно для вставки таблицы в WordPress – это скопировать нужный вариант кода в визуальный редактор в режиме html-редактирования. Здесь я представил всего несколько вариантов, которые мне чаще всего приходится использовать. Для наглядности варианты представлены с результатом. Все просто – копируем код, вставляем в редактор в html-закладку – получаем тот же результат, что и здесь.

1 колонка, 1 строка

3 колонки, 1 строка

2 колонки, 2 строки

3 колонки + объединение ячеек

Вариант с прозрачными границами

Таблицы WordPress с помощью плагина TinyMCE Advanced

После установки плагина в меню параметры WordPress появится новый пункт: TinyMCE Advanced, где мы сможем с помощью Drag-and-drop интерфейса менять содержимое панели визуального редактора. По умолчанию панель не содержит блок с редактором таблиц:

Перетаскиваем блок с таблицами в верхнюю панель:

И сохраняем изменения:

Теперь в редакторе появился блок добавления и редактирования таблиц как в любом текстовом редакторе Windows. С помощью этой панели вставлять таблицы на страницы или записи WordPress и красиво оформлять их можно в несколько кликов.

Источник

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

2015-11-06 / Вр:11:48 / просмотров: 19851

Скачать плагин можете по адресу:

Установить плагин, я думаю, вы знаете как, если не знаете, тогда почитайте вот эту статью.

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

В админ-панель нажмите «TablePress» => «Добавить новую» :

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

Спускаемся ниже. Там вы увидите таблицу, похожую на excel-евскую.
Вносите в таблицу все то, что вам нужно.

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

Я думаю, разберетесь, там сложного ничего нет, тем более, все на русском.

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

Если у вас есть готовая таблица excel, например с прайсом. Вы можете прямо этот excel-документ импортировать на сайт. Для этого в админ-панель нажмите «TablePress» => «Импортировать» => «Выберите файл» => «Импортировать» :

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

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

Самый простой и быстрый способ вставить таблицу в запись или на страницу – это зайти или создать новую страницу или запись. В редакторе WordPress найдите вот такую иконку:

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

Автоматически вставится нужный шорткод.

Вот такая таблица выйдет у вас в конечном результате:

Источник

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

Меня часто спрашивают, как в публикации Вордпресс создать таблицу, где в редакторе находится кнопка «Добавить таблицу». Создание таблиц — не самая очевидная функция Вордпресс. И сегодня я на рабочем примере покажу три способа их создания.

Во-первых, кнопки «Добавить таблицу» в дефолтном редакторе Вордпресс никогда не было и нет. Пока нет 👆🏻

Про остальное — по порядку.

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

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

Создаем таблицу с помощью дополнительного софта

Это самый простой и очевидный способ создания таблицы.

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

Это может быть Excel.

Или даже упомянутые выше Заметки.

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

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

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

Получилось очень даже ничего.

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

С такими темами лучше не связываться, потому что проблемы с версткой — это самое безобидное из того, что может крыться «под капотом» такой темы. Если выбора нет, проблему с таблицами можно легко исправить, стилизовав табличные теги. Можно даже обойтись без изучения CSS, просто скопировав стили из любой нормальной темы. Например, из той же Twenty Seventeen.

Скопируйте в CSS вашей темы следующие стили, и ваши таблицы будут выглядеть, как в примере выше.

Создаем таблицу на HTML

Может оказаться так, что никакого дополнительного софта под рукой не окажется.

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

Что делать?

В таком случае переключаем редактор Вордпресс в текстовый режим и создаем таблицу с помощью HTML-тегов. Если вы не знакомы с HTML-версткой, не стоит пугаться — все очень просто. Для создания простых таблиц, достаточно знать четыре HTML-тега: TABLE, TBODY, TR и TD. Просто запомните: тег TR задает строки, а TD — ячейки таблицы.

В качестве примера создадим табличку из четырех столбцов и трех строк.

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

А в результате получим такую таблицу.

Создаем таблицу с помощью плагина

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

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

Плагинов для создания таблиц в Вордпресс много, самый известный среди них — TablePress от германского разработчика Tobias Bäthge. TablePress распространяется по лицензии GNU General Public License 2 (GPL 2) как свободное ПО.

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

Пробежимся по основным возможностям TablePress

Сначала добавим новую таблицу. В TablePress это можно сделать двумя способами: создать новую таблицу или импортировать существующую из файла.

Новая таблица

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

Импорт таблицы

Если уже имеется готовая таблица, её можно не забивать заново, а импортировать напрямую из файла. Для этого в TablePress имеется отдельная вкладка. Поддерживаются все популярные форматы: CSV, HTML, JSON, XLS и XLSX.

Редактор таблиц

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

Опции

Опций у TablePress минимум: настройка стилей CSS, расположение в меню и инструмент деинсталляции плагина. Рассказывать об этом особо нечего.

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

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

В редакторе таблица не отображается, вместо нее виден соответствующий шорткод.

Шорткоды выглядят как обычно.

Посетители сайта увидят вот такую красоту.

Все элементы интерфейса таблицы можно настроить для каждой таблицы отдельно.

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

И еще, в мае этого года открылся новый блог о Вордпресс, ориентированный на новичков. Авторы блога рассказывают, как создать свой сайт WordPress и заработать на нем, а также помогают с любыми вопросами по Вордпресс.

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

Источник

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

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

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

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

Раз уж вы продолжаете читать статью, то метод без плагина как раз то, что вам нужно!

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

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

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

Ни для кого не секрет, что удобнее всего работать с таблицами в Microsoft Excel. Именно так я и поступлю в данном примере.

Если вам удобнее, то можете создать таблицу в Microsoft Word, суть это не изменит.

Когда таблица готова, выделяем ее и копируем в буфер обмена (Ctrl-C):

Для добавления таблицы в WordPress переходим в режим визуального редактора:

И вставляем скопированную таблицу (Ctrl-V):

Таблица добавлена! На странице сайта она выглядит следующим образом:

Чтобы сделать текст в ячейках по центру, выделяем поочередно каждую ячейку таблицы и нажимаем кнопку «По центру»:

Теперь давайте сделаем ее адаптивной, т.е. изменяющейся в зависимости от размеров окна, в котором отображается страница сайта с этой таблицей.

Для этого копируем код CSS:

И вставляем его в самый конец файла style.css вашего шаблона WordPress и сохраняем изменения.

Теперь если ширина окна будет менее 600px таблица трансформируется следующим образом:

То есть строки выстроятся в столбцы и встанут друг под друга.

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

Разнообразьте контент своего сайта таблицами, ведь это совсем не сложно!

Источник