Как сделать и вставить таблицы в WordPress. On-line генераторы — 2

By | 04/01/2011


Заканчиваем разговор об изготовлении и размещении таблиц в WordPress. Сегодня познакомимся еще с одним on-line генератором, расположенным по адресу: http://rusws.ru/genertabtag/:

On-line генератор таблиц

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

Начнем разбираться с графами по порядку – сверху вниз. Первая графа – ширина таблицы. В предыдущей статье мы уже немного рассматривали, что это такое. Здесь Вы можете задать ширину таблицы или в процентах, или задать ширину жестко, в пикселях. Я рекомендую ширину задавать в процентах. Во-первых, это проще, а, во-вторых, вдруг Вы надумаете поменять шаблон? Или он у Вас и вовсе «резиновый»?

Графа «Выравнивание таблицы относительно страницы». Здесь Вы можете задать месторасположение таблицы: по центру, ближе к левому или к правому краю страницы.

Цвет фона таблицы – довольно важный параметр. Для некоторых вебмастеров он просто жизненно необходим. Например, фон страницы на Вашем сайте не чисто белый, а имеет какой-то оттенок, например, желтоватый. Чисто белая таблица будет смотреться инородным телом. Или, наоборот, на чисто белом фоне Вы хотели бы как-то выделить цветом таблицу.

Если Вы нажмете кнопку «Выбрать», то откроется окно с основными цветами:

On-line генератор таблиц

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

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

Следующие две графы касаются толщины и цвета рамки таблицы. Сделайте толщину побольше, например, 20 пикселей и выберите яркий цвет, например, красный и посмотрите что это такое и нужно ли Вам. Такой же экспериментальный путь советую и в отношении графы «Расстояние между ячейками».

Теперь рассмотрим нижнюю часть генератора:

On-line генератор таблиц

Тут рассмотрим совсем кратко. Графа «Расстояние между рамкой и содержимым ячейка» — сначала эксперимент, потом – доработка на сайте (чтобы было красиво). О количестве строк и колонок сказать мне нечего, сколько Вам надо для таблицы, столько и пишите.

Графа «Цвет фона ячеек» по своему содержанию похожа на «Цвет фона таблицы», но есть и отличия. Решите сами, какой из этих двух параметров Вам ближе.

В графе «Высота ячеек» рекомендую поставить флажок (галочку в квадратик). Это означает, что высота таблицы будет определяться WordPress’ом автоматически и будет зависеть от содержимого таблицы. Но если хотите жестко определить высоту – флажок не ставьте, просто напишите высоту в пикселях.

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

Несколько слов о кнопке «Сгенерировать код». Нажав на нее, Вы увидите новое окно, где будет написан код Вашей таблицы (иногда генератор чуть-чуть зависает. Надо подождать немного или закрыть окно и опять нажать на кнопку):

On-line генератор таблиц

Даже есть кнопка «Выделить». Но нам она не нужна. Дело в том, что она выделит весь код, а он нам ни к чему: там показан HTML код целой страницы. Мы же используем WordPress, который сам генерирует код страницы, нам нужен только код таблицы:

On-line генератор таблиц

Начало и конец кода таблицы я обозначил красными черточками и копировать нам надо именно эту часть – от верхней черточки до нижней. Те, кто читал предыдущие статьи по этой теме, уже знают, что начало таблицы обозначается тэгом <table>, а конец таблицы – тэгом  </table>. Скопировав, вставляете этот код себе на страницу. Как это сделать, написано в предыдущей статье — http://www.novichkoff.ru/kak-sdelat-i-vstavit-tablicy-v-wordpress-on-line-generatory.html

Смотрите, что у Вас получилось, и вносите необходимые коррективы.

Предыдущие статьи:

  1. http://www.novichkoff.ru/kak-sdelat-i-vstavit-tablicy-v-wordpress-nachalo-plagin-wp-table-reloaded.html
  2. http://www.novichkoff.ru/kak-sdelat-i-vstavit-tablicy-v-wordpress-prodolzhaem-rabotat-s-plaginom-wp-table-reloaded.html
  3. http://www.novichkoff.ru/kak-sdelat-i-vstavit-tablicy-v-wordpress-zakanchivaem-razbirat-plagin-wp-table-reloaded.html
  4. http://www.novichkoff.ru/kak-sdelat-i-vstavit-tablicy-v-wordpress-on-line-generatory.html

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

Удачи!
Автор: Сергей Ваулин

Похожие записи по этой теме:

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

Your email address will not be published. Required fields are marked *