WordPress — Рисуем таблицы без всякой Камасутры

Так получилось, что между уроками образуются досадные интервалы. Увы… Чем больше совершенствуешься в своем деле, тем больше желающих заказать твои услуги, а значит свободного времени становится все меньше… Это поправимо, но не сразу. Впрочем отвлекся, сегодня расскажу о том, как рисовать таблицы в WordPress. Штатных средств в WordPress для этого нет. Сказать по совести, их и не надо. Для чего блоггеру, на которого ориентирована эта система управления, публиковать таблицы? Нет, ну если сильно приспичит, то есть в визуальном редакторе режим HTML. Открывай и пиши таблицу тэгами. Но! Товарищ! Это же не наш метод! Не надо усложнять! Все уже придумано до нас)) Разрешите представить плагин WP-Table Reloaded. Если он у вас уже установлен и активирован, сразу приступим к работе с ним. Если нет, то поскольку устанавливать плагины вы уже умеете… Как не умеете? Как не рассказывал?! А… точно.

Устанавливаем плагин WP-Table Reloaded

Обращаем свой взор на левое вертикальное меню и находим пункт «Плагины». Если вы не видите подпунктов, кликайте треугольничек справа от названия пункта и он раскроется.

Чтобы установить новый плагин (посмотреть их список можно кликнув подпункт «Плагины») кликните «Добавить новый». Откроется добавлялка на вкладке «Поиск». Это то, что нам нужно! Если ваш хостинг не поддерживает исходящие HTTP соединения, то фокус не удастся, но у моих клиентов такой проблемы не возникает. В конце концов их включение решаемый вопрос. В поле «Поиск» вставляем  WP-Table Reloaded и жмем кнопку «Поиск плагинов». В списке результатов находим «WP-Table Reloaded» и жмем «Установить» (это ссылка такая под ним). Впрочем вместо ссылки «Установить» может стоять надпись «Установлен». Это значит, что плагин (да! да!) уже установлен и может даже активирован.

Итак, вы установили плагин, активировали его (во время установке будет предложено) и ждете, что что-то изменится.

Правильно ждете! Товарищи!

Работаем с WP-Table Reloaded

Смотрим на левое вертикальное меню в подпункты пункта «Инструменты», а там… Подсказываю. Чтобы увидеть подпункты этого пункта надо кликнуть треугольничек справа!

Ах вы и так это знали? Дальше не рассказывать?))) ОК. Кто все и САМ знает пусть дальше не читает))) А то потом «Спасибо» говорить придется)))))

Продолжаем. Смотрим, значит, подпункты пункта «Инструменты», а там новый подпункт WP-Table Reloaded! Кликаем по нему!

Обратите внимание! Все на русском!

Даже вот это горизонтальное меню!

Вроде все очевидно, но сразу возникает вопрос: С чего начать?

Начните с пункта «О Плагине».

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

Для тренировки созадим пример таблицы. Допустим у нас есть некая статистика увольнений сотрудников по отделам за прошлый, позапрошлый и текущий год.

Отдела всего четыре: Промышленного шпионажа, Тактического вычесывания,  Агрессивного сбыта и, допустим, Контроля качества.

Значит у таблицы будет 4 колонки (название отдела, 2009, 2010, 2011) и 5 рядов (шапка и 4 отдела).

Кликаем «Добавить новую таблицу» и в открывшейся странице вносим название таблицы, описание, количество рядов и количество колонок.

Жмем кнопку «Добавить таблицу».

Заполняем таблицу. Жмем «Сохранить и вернуться».

Таблица создана. В дальнейшем ее можно редактировать и настраивать (я, например, в настройках выключил JavaScript).

Осталось добавить таблицу в текст нашей записи или страницы.

Делается это через визуальный редактор как в режиме HTML так и в Визуальном.

Ставим курсор в то место, куда нужно вставить таблицу.

В визуальном режиме жмем кнопку «Вставить таблицу» (в режиме HTML жмем кнопку «таблица»).

Если в визуальном редакторе такой кнопки нет — включите дополнительную панель (кнопка ).

В отрывшемся всплывающем окошке выберите название нужной таблицы и кликните напротив него ссылочку «Поместить».

Отделы200920102011
Промышленного шпионажа10301
Тактического вычесывания1543
Агрессивного сбыта11105
Контроля качества8524

Таблица вставлена. Не удивляйтесь, что в редакторе вместо нее какой-то коротких код с цифрой. Если нажмете в правой колонке кнопку «Посмотреть» вы увидите, что таблица все-таки появилась.

Прямо как у меня.

На этом урок окончен. Потренируйтесь. Уверен, все у вас получится))

А с вами был Лексиум!
Побольше практики!

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

  • Возможно эта кнопка теперь текстовая и стоит выше графических?
    Или может нужно поставить плагин TinyMCE Advanced?
    Или наоборот, отключить какой-нибудь плагин, который блокирует эти кнопки.
    Трудно сказать точно.

  • Я чего то совсем запутался. Раньше у меня в админке было по проще, значок как в ворде «добавить таблицу», кликнул, проставил количество колонок и строк, все начинай заполнять. Потом обновил ВП и это окошко слетело нафиг,теперь никак не могу вспомнить как я это влепил в свои страницы редактирования.

  • Спасибо, столько полезностей у Вас для себя нашла!

  • Я же написал: заходим в настройки.)
    Там используем «Пользовательский CSS».
    Этой информации более чем достаточно.

    Добавьте .wp-table-reloaded{width:100%;} например и(или) отключите умолчания. Если не помогает — идите в файл стилей темы. Возможно в ней прописано что-то, что мешает.

    Если-же вы взялись верстать, но не знаете что такое CSS, для чего он нужен, то проблема не в плагине. А начать стоит отсюда http://af8.ru/?s=0YfRgtC%2BINGC0LDQutC%2B0LUgY3Nz ))

    Либо, как вариант, конкретизируйте задачу. Готов настроить вашу таблицу рублей за 200 )) При том прямо в файле стилей, чтобы не слетела при обновлении или переустановке плагина.