Таблица на Wordpress за пару секунд
Всем, кто создает сайт на Wordpress, рано или поздно приходится сожалеть, что не предусмотрено здесь инструмента для создания таблиц. Вставить в пост блога таблицу может только настоящий спец по языку HTML. Всем остальным непосвященным не остается ничего другого, как обходиться без табличной разметки. А ведь порою просто необходимо представить информацию для читателей блога в виде таблицы.
Чтобы облегчить всем нам жизнь, размещаю простейший скрипт для создания таблицы на Вордпрессе. Задайте параметры будущей таблицы и кликните на кнопочку [Create a Table].
Если внешний вид таблицы вас устроит, скопируйте полученный код прямиком в пост блога, внесите информацию по строкам и столбцам, и вуаля…таблица готова!
| marginwidth="0" marginheight="0" frameborder="0" scrolling="yes"> |
С помощью данного скрипта я создала табличку с переводом на русский язык используемых выше терминов.
| Термин | Перевод |
| Width | Ширина |
| Cell color | Цвет ячейки |
| Font color | Цвет шрифта |
| Font size | Размер шрифта |
| Align | Выравнивание |
| pad & space | отступы |
| Table body | Таблица (задается % от ширины поля или точная ширина в пикселях) |
| Border line | Линия сетки (задается толщина в пикселях) |
| Horizontal cells # | Ячейки по горизонтали (задается количество) |
| Vertical cells # | Ячейки по вертикали (задается количество) |
| other Cells | остальные ячейки |
| Back ground | Цвет фона таблицы |
| Line color | Цвет линий сетки |
| Top row | Верхний ряд ячеек, или «шапка» таблицы (задается цвет) |
| Left column | Левая колонка таблицы (задается цвет) |
| words color | цвет текста |
| words size | размер текста |
| cell padding | интервал между ячейками (в пикселях) |
| Create a Table | Создать таблицу |
| [Your table code][you may copy the code to use] | [Код вашей таблицы][вы можете скопировать его и вставить в запись] |
| [ Your table looks like this : as result ] [C:column] [ R:row ] | [ Ваша таблица будет выглядеть вот так ] [C:столбец] [ R:строка ] |
Ну вот и все. Пользуемся и радуемся! 
Не забываем подписываться на новые публикации нашего сайта!
P.S. За идею и скрипт отдельное спасибо Блогу бессистемного администратора.
© 2009 – 2010, Удаленная Работа – WORK.Free-Lady.ru. Все права защищены. Копирование материалов возможно лишь с согласия администрации сайта и при наличии прямой ссылки на work.free-lady.ru.
Ни разу еще таблицы не вставляла, но спасибо! Уверена, что скоро пригодится
Вот это да! Искал еще способы как не привлекая внешние редакторы сделать табличку в wordpress. И нашел ссылку на себя. Очень приятно. «Отомщу» обязательно. Напишите на почту что могу сделать вам хорошего?
Джинн, а давайте будем дружить блогами
Здорово! Спасибо большое. Недавно мне потребовалась простенькая табличка, создала ее в Word и затем скопировала в пост. Ничего лучшего не придумала. А теперь класс!
Спасибо, очень полезная вещь, мне как раз надо сделать несколько таблиц, так лень ручками было их на html делать
Марина, и как, получилось?
Да, огромное спасибо!
То, что нужно. Давно задавалась этим вопросом, но построить табличку было невозможно, нужно обязательно воплотить
Спасибо 
Мой сайт на данный момент сделан на Joomla. Я сейчас делаю сайт на wordpress и мне надо вставить таблицу. Как я не пробую, никак не получается. Пробовал через плагин, так вводил код, отображаются только слова и цифры, а самой таблицы не видно. Привожу код на HTML:
…
Если я просто сохраняю этот код в файл *.html, то в браузере отображается нормальная таблица. А в wordpress – нет.
Balkhash,
тот код, который Вы привели, – вовсе не код таблицы.
В нем отсутствуют тэги table td tr
поставьте их и все получится
Теги стоят на месте.
Вот, что я заметил: в визуальном редакторе таблицу хорошо видно, а на странице я не вижу разделительных полос. Но когда я добавляю заливку, то на сером фоне вижу белые полосы таблицы.
Может у меня что-то в таблице стилей надо поправить? Только точно не знаю где? Можно ли изменить цвет самих линий?
@balkhash
Да, похоже, что Вам придётся вносить изменения в CSS. Цвет линий – «Line color».
Eсли быть ещё точнее, то виновата тема.
Не во всех темах таблицы отображаются как надо, поэтому без заморочек не обходится.
ВЫВОД: определись, что хочешь сделать. Проверь. И только потом приступай!
чет не вижу никаких кодов
у меня сайт использует такую-же как у вас тему. Пытаюсь вставить в пост таблицу 3х3 размером 570х570 пиксел. селлпаддинги, марджины и бордер прочее утсановлены в 0. Однако при выводе таблица расползается – такое впечатление что к картинке добавляется 2-3 пиксела. Сталкивались-ли вы с подобным, и случаем не подозреваете, как исправить?
Михаил, если вы про таблицу в статье с майками, то там картинки очень даже аккуратно установились, ничего не расползлось. А вот то, что с этих картинок ссылки ведут на несуществующие страницы вашего сайта (выдаёт ошибки 404), это моветон в глазах поисковиков.
Или ссылки покамест уберите, или страницы эти самые создайте поскорее.
«Извините, был напуган» – я вчера изрыл весь ЦСС, и таки нашел способ убрать ненужный паддинг, бордер и марджинс вокруг картинок именно в посте (так, чтобы не затронуть отображение первой большой картинки в ленте постов на главной) – если интересно – могу указать где и что поменять.
А ссылки, конечно поправлю – именно сейчас выкладка творений и происходит.
Еще раз – извините за беспокойство
Да какое там беспокойство…
Заходите ещё, буду рада! 
Кстати, по-моему зря вы css терзали. Тут все гораздо проще решается. Во всяком случае никаких проблем у меня не возникало.
Картинку большую ставим, пишем текстовое вступление, которое будет видно на главной, обрываем тэгом «more». После этого тэга все что угодно можно делать (галерейки, таблички) – на картинку-превьюшку с вступлением это уже не повлияет.
все так и было сделано – однако таблица расползалась из-за того что в одном месте тегу img были прописаны дополнительные бордеры, паддинги и марджинсы.
Вон оно как! Да, тогда точно без правки css не обойтись. Спасибо за идею!