Как да създадете таблица в WordPress без плъгин

Бихме определили основната идея на всеки CMS по следния начин:
Лесният начин за поддържане на съдържанието на уебсайта, поддържането му свежо и точно от нетехнически администратори. Благодарение на това можете да използвате уебсайта си като основен канал за комуникация с ниски разходи. Ето защо преминаването към тема и блокове Gutenberg е най-добрият избор за постигане на маркетинговите ви цели. Доказваме горното, като представяме как да добавите таблица в WordPress без плъгин.

Можете да намерите някои публикации в блогове за това как да добавите таблица в WordPress без плъгин, в които се споменава, че това не е лесно или че трябва да използвате Google Docs или Word. Е, това може да е вярно, освен ако все още не сте преминали към темата Citadela Gutenberg. Старите теми с техния конструктор на страници използват класически редактор. А нямаше такава лесна възможност, каквато ви дава редакторът Gutenberg.

Проучване на два варианта за таблици на WordPress в Citadela

Въз основа на съдържанието на таблицата в WordPress имате два избора за блок на Gutenberg, който създава таблица в WordPress. Получавате много повече възможности, отколкото можете да си представите, в комбинация с други блокове.

• Цена Блок за маса (наличен само в Citadela Pro плъгин)
• Блок с таблици (основен блок на WordPress)

Използвайте премиум версията на Citadela и няма да имате нужда от допълнителен плъгин, за да добавите таблицата в WordPress.

Блок с таблици за ценообразуване

Тъй като таблиците обикновено се използват за представяне на артикули и цени, създадохме специален блок Price Table, който е включен в плъгина Citadela Blocks (широко съвместим с повечето съвременни теми на WP). Можете да го използвате много лесно в блоковия редактор на WordPress, за да представяте и администрирате цените по атрактивен начин.

Този блок има разширени настройки и можете да настроите адаптивна версия според нуждите си. Той е наличен в Citadela Pro Plugin.

Самата WordPress обаче предлага блок по подразбиране за създаване на таблици. Той се нарича просто: Блок за масаи можете да го използвате, за да създадете за няколко минути съвсем елементарна презентация, например на абонаментните си пакети.

Днес ще разгледаме по-подробно блока Table и ще говорим за:

• Защо са практични таблиците в WordPress
• Как да използвате блок Таблица и да създадете таблица в WordPress (без плъгин)
• Настройки на блоковете за таблици в лентата с инструменти
• Настройки на блока WordPress Table в инспектора
• Допълнителен съвет: Как да вмъкнете таблица до изображението

Защо са практични таблиците в WordPress

Таблиците се използват универсално в публикациите и страниците. Основната им функция е да организират данни или числа. Таблиците са полезни и за блогърите. Например блогърите, които се занимават с пътешествия, могат да сравняват цените на отделните дестинации. Блогърите, занимаващи се с храна, могат лесно да създават списък със съставки или необходимо количество.

Не на последно място е възможно да използвате таблици, за да представите работното време или цените на услугите и продуктите. Няма значение дали имате уебсайт на ресторант, салон за красота или пекарна. Със сигурност ще намерите приложение за таблици в уебсайта си.

Как да използвате блок Таблица и да създадете таблица в WordPress (без плъгин)

Създаването на таблици в WordPress с помощта на блоков редактор е лесна задача. С помощта на блока Table можете да създавате таблици с няколко кликвания, без да използвате плъгин или кодиране. Нека разгледаме как работи:

• Първо трябва да вмъкнете блока WordPress Table. Можете да го направите, като кликнете върху "+", който се намира в горната лента или навсякъде в редактора. След това можете да изберете конкретен блок.

Възможно е също така да вмъкнете блок "Таблица", като използвате наклонената черта "/", следваща думата "table", за да търсите блок "Таблица".

След като добавите блок Таблица към страницата или публикацията си, трябва да зададете основни настройки, като например броя на колоните и редовете.

Разгледайте най-новата тема Citadela, в която можете да създавате таблици с помощта на блока Table на WordPress, както и да използвате нашите персонализирани блокове. Научете повече за Citadela, която можете да персонализирате с пакети за оформление, разработени за конкретни видове бизнес.

Настройки на блоковете за таблици в лентата с инструменти

Вече знаете как да създадете таблица в WordPress. След това ще ви покажем как да работите с нея.

Горната лента с инструменти над таблицата ви позволява да правите промени в стила и форматирането. С помощта на тези настройки можете да промените начина, по който ще изглежда таблицата. Не забравяйте, че крайният вид винаги зависи от активната тема на WordPress, която използвате.

Какво може да се промени?

1. Стилове на блоковете

С първата икона можете да изберете стиловете на таблиците. Можете да изберете една от 2 опции:

• По подразбиране - Клетките на таблицата ще имат рамки без фон. Цветът на фона на целия блок може да бъде добавен по-късно.
• Ивици - таблица без рамки, но всеки втори ред ще бъде подчертан с помощта на фон. Този стил е по-модерен и по-малко официален.

2. Изравняване на блока WordPress Table

Подравняването на таблицата може да се промени и в горната лента с инструменти над блока. Можете да изберете едно от класическите подреждания, като ляво, дясно или център, но можете също така да направите таблицата широка или пълна ширина. Наличието на последните две винаги зависи от активната тема на WordPress, която използвате.

3. Форматиране на съдържанието на таблицата

Текстът или числата в таблиците могат да бъдат зададени като удебелени или курсивни. Можете да добавите връзка към друга страница, графика или изображение.

4. Подравняване на текста в таблицата

Най-новата версия на WP осигурява възможност за подравняване не само на цялата таблица, но и на текста в редовете. Вече можете да подравнявате вмъкнатия текст на всеки ред поотделно. Тази функция ви помага да създадете по-хубава таблица.

5. Брой колони и редове

Как да добавите колони или редове за таблици в WordPress? В блок "Таблица" това е много лесно. Този блок позволява да добавяте или премахвате клетки много бързо. Просто щракнете върху "Редактиране на таблица" и след това върху действието, което искате да направите. Ако щракнете върху "Добавяне на ред след", в долната част веднага ще се създаде нов ред.

Настройки на блоковете на WordPress Table в инспектора

Докато горната лента с инструменти ви позволява да променяте настройките на клетките на таблицата, дясната лента с инструменти, наречена Инспектор, се използва за по-сложни настройки на блока Таблица. И тук можете да конфигурирате стиловете на блока (по подразбиране или ленти), но какво повече, можете да зададете и цвета на фона и ширината на таблицата.

Настройки на масата

По подразбиране клетките на таблицата се адаптират динамично към обема на текста, който се намира в тях. Можете също така да разрешите функцията "Таблични клетки с фиксирана ширина". Всички клетки ще имат една и съща ширина, независимо какво сте поставили вътре.

Настройки на цветовете

Инспекторът също така ви позволява да променяте цвета на фона на таблицата. Ако сте избрали стил по подразбиране, цялата таблица ще има същия цвят на фона. Ако сте избрали Ивици, само всеки втори ред ще има зададен фон.

Новодобавена функция: Поддръжка на заглавие и колонтитул

За да направят таблиците по-достъпни, разработчиците добавиха опция за заглавие и колонтитул към блока Таблица на WordPress. Тази функционалност също така осигурява по-добро структурно дефиниране (на данните) и дава по-точна информация на мобилните асистенти. Структурата на таблицата вече включва <thead>, <tfoot>, и <tbody> за идентифициране и разграничаване на заглавието, колонтитула и тялото на таблицата. Можете да активирате или деактивирате секцията за заглавието и колонтитула директно от Инспектора.

Допълнителен съвет: Как да създадете таблица в WordPress без плъгин до изображението

Необходимо ли е таблицата и изображението да са разположени едно до друго? За да го направите, трябва да използвате блока Columns. Този блок ще ви позволи да вмъквате различни типове съдържание в колони и да ги подравнявате добре.

Как да го направим?

Вмъкнете блок с таблици в едната колона и блок с изображения във втората. Ще постигнете вложена таблица в блока с колони на WordPress до изображението. Това е много просто и не е нужно да се притеснявате за подравняването или отзивчивата версия.

Можете да прочетете повече за блока Column в нашата статия Как да направим колони в WordPress без плъгин.