Работа наша удаленная

Что такое фриланс, копирайтинг, рерайтинг, блоггинг, манимейкинг.

Строим сайт

Копирайтер осваивает сайтостроительство. Советы начинающим вебмастерам.

Фрилансер крупным планом

Невыдуманные истории, интервью, обзоры.

Главная » Строим сайт

Таблица на WordPress за пару секунд

29.09.2009 – 01:1825 коммент.

Всем, кто создает сайт на WordPress, рано или поздно приходится сожалеть, что не предусмотрено здесь инструмента для создания таблиц. Вставить в пост блога таблицу может только настоящий спец по языку HTML. Всем остальным непосвященным не остается ничего другого, как обходиться без табличной разметки. А ведь порою просто необходимо представить информацию для читателей блога в виде таблицы.
Таблица на вордпрессе за пару секунд
Чтобы облегчить всем нам жизнь, размещаю простейший скрипт для создания таблицы на Вордпрессе. Задайте параметры будущей таблицы и кликните на кнопочку [Create a Table].

Если внешний вид таблицы вас устроит, скопируйте полученный код прямиком в пост блога, внесите информацию по строкам и столбцам, и вуаля…таблица готова!

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

Термин Перевод
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. За идею и скрипт отдельное спасибо Блогу бессистемного администратора.

25 коммент. »

  • Ни разу еще таблицы не вставляла, но спасибо! Уверена, что скоро пригодится ;)

  • Вот это да! Искал еще способы как не привлекая внешние редакторы сделать табличку в wordpress. И нашел ссылку на себя. Очень приятно. «Отомщу» обязательно. Напишите на почту что могу сделать вам хорошего?

  • Admin:

    Джинн, а давайте будем дружить блогами ;)

  • Здорово! Спасибо большое. Недавно мне потребовалась простенькая табличка, создала ее в Word и затем скопировала в пост. Ничего лучшего не придумала. А теперь класс!

  • Спасибо, очень полезная вещь, мне как раз надо сделать несколько таблиц, так лень ручками было их на html делать :)

    Марина, и как, получилось?

  • Да, огромное спасибо!

  • То, что нужно. Давно задавалась этим вопросом, но построить табличку было невозможно, нужно обязательно воплотить :) Спасибо :)

  • Мой сайт на данный момент сделан на Joomla. Я сейчас делаю сайт на wordpress и мне надо вставить таблицу. Как я не пробую, никак не получается. Пробовал через плагин, так вводил код, отображаются только слова и цифры, а самой таблицы не видно. Привожу код на HTML:

    Если я просто сохраняю этот код в файл *.html, то в браузере отображается нормальная таблица. А в wordpress – нет.

  • Admin:

    Balkhash,
    тот код, который Вы привели, – вовсе не код таблицы.
    В нем отсутствуют тэги table td tr
    поставьте их и все получится

  • Теги стоят на месте.

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

    Может у меня что-то в таблице стилей надо поправить? Только точно не знаю где? Можно ли изменить цвет самих линий?

  • CPU:

    @balkhash

    Да, похоже, что Вам придётся вносить изменения в CSS. Цвет линий – «Line color».

  • Eсли быть ещё точнее, то виновата тема.
    Не во всех темах таблицы отображаются как надо, поэтому без заморочек не обходится.
    ВЫВОД: определись, что хочешь сделать. Проверь. И только потом приступай!

  • игор:

    чет не вижу никаких кодов

  • у меня сайт использует такую-же как у вас тему. Пытаюсь вставить в пост таблицу 3х3 размером 570х570 пиксел. селлпаддинги, марджины и бордер прочее утсановлены в 0. Однако при выводе таблица расползается — такое впечатление что к картинке добавляется 2-3 пиксела. Сталкивались-ли вы с подобным, и случаем не подозреваете, как исправить?

  • Admin:

    Михаил, если вы про таблицу в статье с майками, то там картинки очень даже аккуратно установились, ничего не расползлось. А вот то, что с этих картинок ссылки ведут на несуществующие страницы вашего сайта (выдаёт ошибки 404), это моветон в глазах поисковиков.
    Или ссылки покамест уберите, или страницы эти самые создайте поскорее.

  • «Извините, был напуган» — я вчера изрыл весь ЦСС, и таки нашел способ убрать ненужный паддинг, бордер и марджинс вокруг картинок именно в посте (так, чтобы не затронуть отображение первой большой картинки в ленте постов на главной) — если интересно — могу указать где и что поменять.
    А ссылки, конечно поправлю — именно сейчас выкладка творений и происходит.
    Еще раз — извините за беспокойство

  • Admin:

    Да какое там беспокойство… :) Заходите ещё, буду рада! :)
    Кстати, по-моему зря вы css терзали. Тут все гораздо проще решается. Во всяком случае никаких проблем у меня не возникало.

    Картинку большую ставим, пишем текстовое вступление, которое будет видно на главной, обрываем тэгом «more». После этого тэга все что угодно можно делать (галерейки, таблички) — на картинку-превьюшку с вступлением это уже не повлияет.

  • все так и было сделано — однако таблица расползалась из-за того что в одном месте тегу img были прописаны дополнительные бордеры, паддинги и марджинсы.

  • Admin:

    Вон оно как! Да, тогда точно без правки css не обойтись. Спасибо за идею!

  • Не вижу никакого кода — как-то замудрено сильно нихрена не видно(

  • Admin:

    Бывает такое со скриптом, временами он не работает.
    Это фрейм с другого сайта и там видимо какие-то проблемы.

  • Я ничего не поняла. Когда жму Create a Table ничего не происходит

  • Admin:

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

  • Я делаю так — сделать таблицу в Ворд, потом сохранить как Веб-страницу, открыть сохраненный файл с помощью текстового редактора, копирую содержимое, открываю HTML редактор записи Вордпресс, вставляю, обязательно предпросмотр.

    Вот как у меня выходит; informationsunami.ru/?p=602#more-602

  • Following my exploration, billions of persons all over the world receive the mortgage loans at well known banks. Hence, there is a good chance to find a college loan in every country.

Оставьте комментарий!

Спам здесь убивается моментально. Спамеры, не тратьте своё время.

Можно использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Зарегистрируйте свой аватар на глобальном сервисе Gravatar, и он появится около вашего комментария.