Wp-table reloaded створення і управління таблицями в блозі
WP-Table Reloaded це найпотужніший інструмент по створенню і управлінню таблицями в блозі. З його допомогою створювати і вставляти в запису таблиці можна без будь-яких проблем. Більш того - створювати таблиці можна і в звичному Excel'е, так як плагін підтримує імпорт таблиць із самих популярних форматів csv, xml і html. Незважаючи на всю свою функціональність, плагіном користуватися дуже легко, тим більше, що він повністю переведений на українську мову. Перераховувати всі достоїнства плагіна можна довго, але краще я покажу вам кілька прикладів створення таблиць в даному плагіні.
Викачуємо плагін за посиланням в кінці сторінки і встановлюємо його:
1. Розпаковуємо архів.
2. Копіюємо папку wp-table-reloaded в / wp-content / plugins /.
3. Заходимо в адмінку блога на вкладку "Додатки" і активуємо плагін.
Тобто в звичайній простенької таблиці з'явилася сортування по колонках, пошук за елементами таблиці, розбиття таблиці на сторінки і інша нісенітниця, яка фактично нікому не потрібна. Практичне застосування використанню js-бібліотек я так придумати і не зміг, тому й описувати їх не буду - кому це потрібно, той розбереться сам.
Відключати js-бібліотеки в налаштуваннях плагіна зовсім не обов'язково - можна просто при створенні або редагуванні таблиці прибрати галку з пункту:
Тоді наступний віджет при редагуванні таблиці стане неактивним:
Але простіше, звичайно, відразу в налаштуваннях плагіна відключити js-бібліотеки взагалі, ніж при створенні кожної таблиці їх відключати окремо.
Розгляну найпростіший приклад - порівняння двох продуктів. Саме такого виду таблиці найбільш популярні у блогерів. Для створення таблиці клікайте на посилання "Додати нову таблицю":
Відкриється сторінка з початковими настройками:
Не лінуйтеся вказувати назву і опис додається таблиці, так як коли таблиць в блозі стає багато, то знайти потрібну для редагування досить складно. Якщо у вашій таблиці буде заголовок, то відразу плюсуйте один ряд. І колонки і ряди можна буде додати пізніше, але відразу задати правильну кількість куди простіше.
Після натискання на "Додати таблицю" перед вами відкриється сторінка редагування таблиці. Не лякайтеся великої кількості опцій, кнопочок і іншої фігні - до них дуже швидко звикаєш і питань вони викликати не будуть. Непотрібні віджети простіше відразу згорнути, щоб не заважали.
Зберігаємо її, в редагуванні запису тиснемо на кнопку "Вставити таблицю":
Після додавання цієї таблиці отримуємо щось типу:
Я показую таблицю у вигляді картинки, а й в реальності вона точно така ж. За замовчуванням таблиця розтягується на всю доступну ширину сторінки, а тому ширина колонок в різних шаблонах може бути різною.
Але в будь-якому випадку, така таблиця виглядає дуже добре при будь-якому дизайні сайту, та й робити її всього кілька хвилин. В цьому плані плагін ідеальний - порівняти будь-які продукти або перерахувати гідності якогось одного продукту в красивій таблиці справа 5 хвилин.
Розглянемо ще один приклад. Створення таблиці української футбольної Прем'єр-ліги. На відміну від попередньої таблиці, ця таблиця змінює свій вміст після кожного зіграного туру. Вручну сортувати ряди такої таблиці щотижня заняття виснажливе і тому в даному випадку плагін WP-Table Reloaded доведеться дуже до речі.
Створюємо таблицю з 3 колонок і 17 рядів, заповнюємо її поточною інформацією і отримуємо щось типу:
Як видно з скріншоту таблиця вийшла невідсортоване. Звичайно, якщо ви вперше заповнюєте таблицю, то можна відразу розташувати команди на тому місці, де вони фактично знаходяться. Але вже після наступного зіграного туру вся таблиця може стати такою ж заплутаною, як і на наведеній вище зображенні.
При використанні звичайної таблиці вам би довелося міняти всі її вміст, але при використанні WP-Table Reloaded досить лише вбити нові дані в таблицю, а потім впорядкувати за колонці з окулярами. Зробити це просто - вбиваємо нові дані в таблицю, зберігаємо зміни (обов'язково, так як сортування працює лише зі збереженою таблицею) і сортуємо за останнім ряду:
В результаті вийде відсортована за очками таблиця:
Уважні Новомосковсктелі, котрі розуміються на футболі, можуть мене запитати, а де, власне, в цій таблиці місце команди? Або чому Кубань вище Спартака, хоча по різниці забитих і пропущених м'ячів Спартак повинен бути вище?
Відповідь тут проста - плагін WP-Table Reloaded дуже хороший, але все-таки функціональності Excel'я в ньому немає і сортувати таблицю з урахуванням кількох колонок і додаткових параметрів він не може. Якщо вам потрібна дійсно "правильна" таблиця, то краще скористатися відповідними віджетами від спорт-порталів.
А ось місце команди можна показати. Правда, з невеликою хитрістю, так як якщо сортувати таблицю за кількістю очок, то місце команди доведеться міняти вручну, що, природно, нам не підходить. Створимо окрему таблицю в 1 колонку і 17 рядів, в яких і заб'ємо цифри з 1 по 16.
Потім, додамо в сайдбар текстової віджет з наступним змістом:
| [Table id = 3 /] | [Table id = 2 /] |
Тобто приблизно так:
У чому тут сенс? У тому, що в сайдбарі будуть виведені відразу дві таблиці: перша з місцем команди (ID = 3), а друга з самою таблицею РПЛ (ID = 2), відсортованої за кількістю очок. Обидві ці таблиці в віджеті взяті в ще одну таблицю, щоб вони стояли поруч один з одним, а не одна під інший.
Зберігаємо віджет і отримуємо такого виду таблицю:
Вийшло майже те, що нам потрібно. На жаль, видимий відступ між таблицями не дозволяє сприймати ці дві таблиці, як одну. Але це можна виправити, якщо додати в файл styles.css шаблону код:
Зауважте, що у вашому випадку id-3 треба поміняти на номер саме вашої таблиці. В результаті отримаємо:
Тепер обидві таблиці стоять впритул один до одного і створюється враження однієї єдиної таблиці. Можливо, що даний функціонал (незмінна перша колонка при сортуванні інших колонок) можна реалізувати і більш простими методами, але особисто мені в голову нічого іншого не прийшло.
На цих прикладах я показав вам трохи функціонал плагіна WP-Table Reloaded. який насправді куди більше мною описаного. Особливо, якщо використовувати вбудовані в плагін js-бібліотеки.
Даний плагін практично ідеальний, якщо вам необхідний спосіб простого і дуже легкого додавання таблиць в запису вашого блогу.
Підкажіть, а цей плагін створює нові таблиці в БД або використовує вордпресовскіе?
У мене блог про програми, я додав кілька додаткових полів стандартними засобами wordpressa і виводжу їх у вигляді таблиці в кінці кожного поста. Що буде краще з точки зору швидкості роботи сайту, залишити як є або використовувати даний плагін?
Що буде краще з точки зору швидкості роботи сайту, залишити як є або використовувати даний плагін?
стандартні засоби завжди будуть швидше. інше питання - а помітите ви збільшення швидкості генерації сторінки? іноді пара зайвих запитів до бази дає лише десяту частину секунди затримки в генерації. все залежить від виду запиту.
в будь-якому випадку - хто вам заважає встановити плагін і заміряти швидкість генерації сторінки з ним і без нього?
Привіт, спасибі за урок. Корисно дуже.
Скажіть, будь ласка, чи можна у вас на блозі почитати, як створювати таке скачування, як у вас в цьому записі. Поясню. Щоб при натисканні на кнопку "завантажити" відразу виходило вікно скачування, а не перехід на сторонній сервіс.
Дякуємо.
відразу виходило вікно скачування, а не перехід на сторонній сервіс.
ну так даєте посилання на файл - відразу йде скачування. або я щось не так зрозумів? якщо конкретно про цей блог і про посилання на плагіни, то реалізовано це через плагін WP Plugin Info - у мене б терпіння не вистачило, щоб поправляти посилання на скачування вручну при кожному оновленні описаного плагіна.
Хороший плагін. Один з варіантів. Однак я зупинився на більш просунутому і сучасному Soccer Info. Дуже його рекомендую.
Дуже його рекомендую.
я взагалі-то таблицю чемпіонату привів просто як приклад - це плагін просто таблиць, а не плагін виведення турнірних таблиць Ж)
Привіт, підкажіть, будь ласка,
як можна поміняти розмір шрифту в таблиці?
як можна поміняти розмір шрифту в таблиці?