Шаг №123.Таблицы в wordpress.Знакомимся с плагином для создания таблиц TablePress.

Привет друзья. Статья сегодня будет посвящена использованию html таблиц в wordpress.После прочтения статьи, любой человек, без глубоких знаний в области html сможет создать простенькую таблицу на своём сайте.Совсем недавно у меня в комментариях проскочил вопрос:

И еще если возможно сделать нормальную таблицу на движке в текстовом редакторе расскажите как.
Я сделала таблицу в редакторе NotePad++. Перенесла на сайт и таблица потеряла все вертикальные линии, кроме наружных.
Если можно подскажите, Как сделать таблицу на Word Press?

Хочу честно сказать что я с этой проблемой раньше никогда не сталкивался, так как всегда добавлял таблицы в wordpress в ручном режиме через правку html кода ну по старинке через <table>. Но для того что бы добавить простенькую таблицу, нужно более менее хорошо знать язык разметки HTML. Есть выход намного проще — добавить таблицу в wordpress при помощи плагина под названием TablePress.

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

Attention: The installed version of WordPress is too old for the TablePress plugin! TablePress requires an up-to-date version! Please update your WordPress installation!

Если перевести то, что там написано, то буквально получим следующее — Установленная версия WordPress очень стара для плагина TablePress.Для плагина TablePress требуется версия wordpress поновее. Попробуем разобраться какая версия нужна, и перейдя по ссылке я узнал ,что — 3.8. Окей, обновим версию wordpress, и установим плагин повторно.

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

Создаем таблицу в wordpress.

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

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

Предлагаю создать какую нибудь тестовую таблицу на wordpress и разместить ее в какой либо записи.Для создания новой таблицы, перейдите на вкладку «Добавить таблицу».

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

Первый шаг довольно простой, и думаю ни у кого не вызовет трудностей.Вписываем название будущей таблицы, по необходимости заполняем описание таблицы(я в нашем тестовом примере оставлю данное поле пустым).И указываем количество столбцов и строк будущей таблицы.После всех проделанных манипуляций не забудьте нажать на кнопку «Добавить таблицу».

Редактирование ячеек в таблице на wordpress.

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

Содержимое таблицы в wordpress

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

Шорткод для добавление таблицы на страницы wordpress

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

В итоге после всех проделанных манипуляций я получил вот такую симпатичную табличку на своём сайте:

Итоговый вид таблицы в wordpress

Дополнительные возможности плагина TablePress.

Если перед вами стоит цель создать более сложную структуру таблицы на wordpress, чем та что указана выше то посмотрите на дополнительные возможности плагина TablePress:

  • В ячейки таблицы можно добавлять изображения и ссылки;
  • Любые соседние ячейки можно объединять в одну целую;
  • Строки могут менять цвет при наведении курсора;
  • Чередующийся цвет строк;
  • Для таблицы можно прописать пользовательские значения стилей, не изменяя основные значения файла style.css;
  • Встроенные возможности по осуществлению сортировки;
  • Присутствует возможность осуществлять поиск по таблице;

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

  • http://good-seo.ru Анатолий

    Мне друг про этот плагин рассказывал. Я себе поставил на несколько сайтов, но пока не использовал.

  • http://www.flashs.ru/ Светлана

    Анатолий! В моём конструкторе я могу сделать табличку, без плагина, но не знала для чего её использовать,
    теперь знаю, Спасибо, иду пробовать.
    Если позволите, скажу Вам заслуженную похвалу, и в ваше лице всем молодым.
    Если бы не информация о возрасте, по содержанию информации сделала, бы вывод, что за плечами автора, как минимум ДЕСЯТИЛЕТНИЙ ОПЫТ ПРОГРАММИСТА И ОСОБЫЙ ТАЛАНТ ИЗЛАГАТЬ ИНФОРМАЦИЮ, КОТОРОГО НЕ БЫВАЕТ, БЕЗ ГЛУБОКОГО ЗНАНИЯ ТЕМЫ, (знайте, но не зазнайтесь).
    С уважением, Светлана Верховская,
    P.S, Можно разместить ссылку на сайте о вашем сайте?

    • http://good-seo.ru Анатолий

      Светлана, если эти слова адресованы мне, я вам очень признателен! Спасибо огромное!

      P.S.: Конечно, можно.

    • http://Life-price.ru zee

      и на мой тоже можете разместить

  • http://Life-price.ru zee

    Артём привет . Вопрос такой . моему сайту и моему опыту сайтостроения сегодня 4 месяца . Проделано много работы и потрачено много усилий , хорошо хоть финансов копейки ушло . Сайт мой стабильно качает 1000 уников в сутки , из них 400 это поисковый трафик , но их же нужно удержать как-то . Я создал форум по вашей методе , научился и поменял ему дизайн, собственно как и дизайн сайта . Имеются уникальные сервисы . Но вот мне нужен один сервис- это отслеживание почтовых отправлений . Есть вариант через апи одного сайта . Но вот как это реализовать не знаю . Можете помоч ?

  • http://superav.ru/ Максим

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

    Подробно на сайте superav.ru/новости/vnimanie.html

    • http://good-seo.ru Анатолий

      Заработок на кликах — для школоты.

  • Наталья

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

    • http://a-cont.ru Юрий

      Плагины не создают вертикальную разметку таблиц. К тому же цвет границ стоит по умолчанию (в зависимости от настройки в теме). Например, если изначально текст на странице сайта отображается серым цветом, то такой же оттенок (практически невидимый), будет иметь окантовка таблицы. Предлагаю пойти другим путем… Создаем таблицу в текстовом редакторе Microsoft Word. Затем сохраняем в виде вэб-страницы (опция доступна при закрытии документа). Следующий шаг — открываем файл с помощью блокнота и полностью копируем код. Вставляем его на страницу сайта посредством текстового редактора через опцию «Текст» (не «Визуально»). Перед публикацией нажимаем кнопку «Просмотреть»… Обычно на странице остается часть видимого кода. Удаляем его верхнюю часть, которая «засветилась» на странице. В результате получаем полноценную таблицу.

  • http://titorovich.com/ Никита

    То, что искал. Очень полезная вещь, спасибо )

  • Никита

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

  • Юрий

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

  • http://fitdeal.ru/ Ольга Суворова

    Отлично! Как раз то, что я искала ❗ Не знаю почему, но у меня не получается на своем сайте создать таблицу с помощью HTML, когда прописываю , никаких границ не появляется. Потому решила воспользоваться вашим советом и плагином. Спасибо за статью и объяснение! 🙂

  • Илья

    А как с помощью плагина сделать для пользователей форму для добавления записей в таблицу?