Як зробити таблицю в wordpress без використання плагіна
Іноді виникають ситуації, коли текст на сайті необхідно надати у вигляді таблиці. Для цього, звичайно ж, є спеціальні плагіни для WordPress. Але іноді краще обійтися без цих доповнень, щоб не навантажувати занадто сильно сайт. Про це ми докладно писали тут. І потім, навіщо встановлювати плагін, якщо таблиця потрібна всього в одній статті, наприклад.
Зробити таку таблицю можна в HTML. І, як відомо, будь-який код HTML можна помістити в WordPress в будь-який запис. Ось як це реалізувати.
Таблиця в WordPress на мові HTML
Отже, за основу беремо код наступної конструкції.
- каже про початок таблиці;
- створює новий рядок, завершується за допомогою ;створює нову графу, завершується з допомогу .Щоб заповнити цю таблицю на WordPress необхідно вписати в неї потрібні слова. Вписувати потрібно між тегами
і . Ось так:Текст в графі 1 текст в графі 2 У цю таблицю для WordPress можна додати скільки завгодно рядків і граф.
параметри таблиці
Таблиця на WordPress, створена за допомогою HTML, може регулюватися і налаштовуватися спеціальними параметрами. Ось вони:
- align - то вирівнювання. Може приминати значення left, center, right - зліва, в центрі, праворуч, відповідно.
- bgcolor - фон таблиці в WordPress. Приймає кодові значення кольорів.
- border - це товщина межі таблиці в WordPress. У HTML використовуються значення в пікселях.
- bordercolor - це колір межі таблиці.
- cellpadding - показує відстань між осередками в таблиці WordPress.
Існують і інші параметри, які можна використовувати в таблиці в WordPress, складеної власноруч на HTML, але ці самі основні. Щоб застосувати їх, потрібно скласти таку конструкцію:
Якщо в шаблоні закладені стилі CSS для відображення таблиці в WordPress, то не доведеться довго налаштовувати її параметрами. І так все повинно добре відображатися. Якщо стилів немає, а таблиць потрібно буде багато, то слід задуматися про те, щоб самому підключити стиль або скористатися все-таки плагіном для таблиць.
Якщо Ви ще не проходите у нас навчання, пройдіть безкоштовний курс.
Якщо ви знайшли помилку, то виділіть її та натисніть клавіші Shift + Enter або натисніть сюди. щоб проінформувати нас.
Схожі статті