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

Время чтения: 3 мин.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

…Сообщите об этой статье своим друзьям:

Благодарю Вас!

А еще Вы можете подписаться на рассылку и первым получать самые свежие статьи.

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

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

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