Создание и продвижение сайтов

Красивые таблицы Wodpress

Таблицы WordPress, доступные варианты

Таблицы WordPress, рано или поздно с ними сталкиваются многие, у кого возникла необходимость разместить на сайте информацию в табличном представлении. Казалось бы, чего уж проще. Достаточно создать таблицу в Word или Exel, а затем скопировать и вставить ее непосредственно в визуальном редакторе WordPress. Или вообще создать таблицу непосредственного в самом редакторе WordPress.

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

Вариант 1 – Создание таблиц при помощи визуального редактора WordPress

Вроде бы все просто. Меню – Таблица – выбор количества строк и столбцов – таблица готова

Над этой строчкой расположена таблица, состоящая из 2 строк и 5 столбцов. Что? Вы ее не видите? Вот и мы о том же. Удобство работы с такой таблицей никакого. Чтобы увидеть таблицу, нужно хоть как-то ее заполнить, что мы и сделаем.

Заголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5
Строка 1Строка 2Строка 3Строка 4Строка 5

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

Заголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5
Строка 1Строка 2Строка 3Строка 4Строка 5

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

Заголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5
Строка 1Строка 2Строка 3Строка 4Строка 5

Ура, появились горизонтальные полосы, разделяющие строки, но ячейки как не были выделены рамкой, так и остались без рамки. Осталась последняя настройка, в которой можно что-то поменять – свойство строки таблицы.

Заголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5
Строка 1Строка 2Строка 3Строка 4Строка 5

Ничего не изменилось. Теперь Вы понимаете, почему мы решили написать эту статью?!

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

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

Вариант 2 – Таблицы WordPress с использованием шорткодов

Таблицы WordPress с плагином Shortcodes Ultimate

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

Заголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5
Строка 1Строка 2Строка 3Строка 4Строка 5

Таблицы WordPress с плагином TablePress

Плагин TablePress по своей популярности не уступает плагину Shortcodes Ultimate, хотя имеет только назначение – создание таблиц. Еще одно отличие заключается в том, что таблица строится не в визуальном редакторе, а в отдельном окне настроек самого плагина. Следует отметить неоспоримые плюсы TablePress:

  • возможность импорта таблиц из внешних источников (например Excel)
  • несомненное удобство при работе с таблицей
Заголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5
Строка 1Строка 2Строка 3Строка 4Строка 5

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

 

Добавить комментарий

%d такие блоггеры, как: