Искате ли да добавите съдържание в много колони към вашите WordPress публикации?
Колоните могат да се използват за създаване Атрактивни оформления за вашите публикации и страници.
Традиционните печатни медии, като вестници и списания, използват оформление с много колони от най-ранните дни на печат. Целта им беше да се даде възможност utilisateurs по-лесно да се чете по-малък текст, докато се използва достъпното пространство икономично.
Ако все още не сте създали уебсайт или блог на WordPress, ние ви каним да се консултирате Как да инсталирате блог на WordPress в 7 стъпки по-нататък, Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
Оформления с единични колони са по-често използвани в мрежата. както и да е грил с множество колони са все още полезни за подчертаване на съдържание и улесняване на четенето и анализа.
В този урок ще ви покажем как лесно да добавяте съдържание в много колони към публикациите си в WordPress, без да пишете HTML код.
Добавяне на съдържание в няколко колони в WordPress - лесното решение
Създаването на многоколонно съдържание, известно още като мрежа в WordPress, вече е лесно, защото е функция по подразбиране. The нов редактор на блокове на WordPress Gutenberg предлага блок от колони.
За да добавите оформление на множество колони, трябва да създадете нова публикация или да редактирате такава. Веднъж в зоната за редактиране, кликнете върху „ Прибавям В горната част да добавите блок.
След това трябва да изберете блока колони "Намира се в раздела" Елементи на оформлението ".
Ще видите показалеца на мишката да скочи в лявата колона, а в дясната колона ще се появи заместител на текста.
Както можете да видите на екранната снимка по-горе, блокът колона отначало изглежда празна област. Ако задържите мишката вляво, можете да видите границата на маркирания блок.
Също така ще можете да видите параметрите на блока в дясната колона на екрана.
По подразбиране блокът колони добавя две колони. Можете да увеличите броя на колоните, които искате да добавите, от настройките на блока вдясно. Това ви позволява да добавите до шест колони на един ред.
Просто кликнете върху колона и започнете да пишете, за да добавите съдържание. Можете да използвате клавиша Tab на клавиатурата, за да преминете към следващата колона.
Добавяне на мултимедия и друго съдържание към колоните ви
В допълнение към текстовото съдържание можете също да добавяте изображения и да вграждате видеоклипове в колони на WordPress.
Блока на колона ви позволява да добавяте блокове във всяка колона. Просто задръжте мишката върху колона и ще забележите „Добавете нов блок"Inside. Можете също да добавите блок, като въведете името на блока.
Избраният от вас блок ще се появи в колоната. Можете да отидете там и да добавите съдържание.
За да качите - качите - вашата медия, открийте нашата статия на Как да качите груповите си медии в WordPress
Ето как може да изглежда новата ви колона в стандартната тема на WordPress Twenty Nineteen. В този пример използваме три колони, като последната колона съдържа изображение.
Ако искате само да добавите изображение и текст отстрани, можете също да използвате блока Медия и текст Вместо колони. Този блок е специално създаден за показване на медии като изображения и видеоклипове до текста.
Добавяне на няколко колони в класическия редактор на WordPress
Ако не сте надстроили WordPress до Gutenberg и все още използватекласически редактортрябва да инсталирате отделен плъгин, за да създадете оформление на мрежата от колони.
Започнете с инсталиране и активиране на приставката Олекотени решетъчни колони.
За подробни инструкции следвайте нашето ръководство стъпка по стъпка как за да инсталирате приставка в WordPress.
След активирането можете да създадете ново съобщение или да отворите старо съобщение за редактиране. След това кликнете върху " Добавете колони В лентата с инструменти на визуалния редактор.
Сега ще видите изскачащ прозорец, който ви позволява да добавите първата си колона. Можете да изберете колко площ може да обхваща вашата колона на настолни компютри, таблети и мобилни устройства по различен начин.
Отидете по-далеч, като откриете Как да създадете страница с пълна ширина в WordPress
Например, ако зададете процента на работната мрежа на 50%, вашата колона ще покрие половината от реда.
Той има много опции да зададете ширината на вашата колона, от 5% до 100% с интервал 5. Можете да изберете такъв, като кликнете върху падащото меню.
След това трябва да добавите съдържанието на вашата колона в областта "Съдържание", след което щракнете върху бутона "ОК", за да го вмъкнете във вашата публикация.
Приставката ще генерира необходимия кратък код с вашето съдържание и ще го добави към вашия редактор на публикации.
Открийте в този урок Как да се инсталира и конфигурира WP Супер Кеш плъгин за да подобрите ефективността на вашия блог.
Сега, когато първата ви колона е добавена, можете да повторите процеса, за да добавите още колони. За последната колона не забравяйте да поставите отметка в квадратчето 'Последна колона на реда'.
След това ще можете да запазите вашия преглед и да го прегледате. Ето как изглежда на нашия тестов уебсайт Twenty Seventeen.
Ако искате също да намерите WordPress теми, които могат да ви помогнат да създадете колони на вашите страници или публикация, ето 3 WordPress теми премия идеален за тази задача.
1. TheGem
Има много теми на WordPress, за които може да се твърди, че предлагат оформление на OnePage, но никоя не може да предложи богатството от възможности и функции, налични в темплейта на WordPress TheGem.
Всички елементи на дизайна, които свързвате с добър уебсайт OnePage, присъстват в тази тема на WordPress: плъзгач на цял екран (който може да бъде създаден с плъгин Revolution Slider, който се предлага с темата на WordPress), избор на шест стила на заглавието и възможността за създаване на секции с пълна ширина с помощта на плъгин Visual Composer, включен в пакета.
Освен това той има редица опции за персонализиране на елементи като шрифтове, цветове и икони. Това е рядко нещо, но има и подробности, които не харесваме в TheGem. Но в общи линии това е тема на WordPress, която ще ви подхожда, разбира се, предвид броя на положителните точки, които има. Това е силен конкурент, което би улеснило създаването на уебсайт на OnePage.
Изтегляне | демонстрация | уеб хостинг
2. Стокхолм
Стокхолм е тема на WordPress, предназначена да ви помогне да създадете уебсайт за строителна компания, строително инженерство или друга компания, свързана със света на обновяването на сгради. Този шаблон на WordPress е насочен към професионалисти, които се грижат за качеството и детайлите.
Предлага се с панел с опции и лесен за използване бекенд, те ще ви позволят лесно да управлявате съдържанието си. Има около 20 демонстрации на този шаблон, представящи широк спектър от дейности, при които тази тема на WordPress може да се използва. И те също могат да се използват като основа за бъдещо персонализиране, така че вашият уебсайт да има уникален външен вид.
Много отзивчив, той се показва перфектно на всеки тип екран. Ако по време на персонализирането или инсталирането на този шаблон срещнете затруднения, пълната документация, включена в пакета, може да служи като ръководство. И ако все още не можете, поддръжката, посветена на тази тема, WordPress остава на ваше разположение.
Изтегляне | демонстрация | уеб хостинг
3. Юпитер
Юпитер е друга много популярна тема на WordPress. Той има демонстрации на 25, които обхващат 6 от нашите категории - агенция, творчество, образование, храна, здраве и електронна търговия - и други ще бъдат добавени към него в бъдещи актуализации. Повечето му оформления имат минималистичен дизайн, с приятна типография.
Една от основните търговски точки на Юпитер е неговият Creative Header Customizer, който ви позволява бързо и лесно да персонализирате дизайна на заглавките на вашия уебсайт. Visual Composer, плъзгачи 3 (слой, слой, революция и iCarousel), нови кратки кодове на 10, повече от икони на 1800 и потребителски типове публикации на 10 са включени при доставката.
Времето за зареждане на страницата му също е отлично. Това е страхотен продукт и ще бъде трудно да се намери толкова много WordPress теми с неговите характеристики.
Изтегляне | демонстрация | уеб хостинг
Други препоръчани ресурси
За да отидете по-нататък в оптимизирането на вашия блог или уебсайт, предлагаме също така да се консултирате с някои връзки, които ще ви потопят в света на Гутенберг
- Как да подготвите уеб сайта си за Гутенберг
- Как да разбера дали плъгинът ви е съвместим с Gutenberg?
- Уил Гутенберг ще подобри или ще прекъсне WordPress?
Заключение
Тук ! Това е всичко за този урок. Надяваме се, че тази статия ви е помогнала да научите как да добавяте колони към вашите публикации и страници в WordPress. Не се колебайте да го направите споделете този урок с приятелите си в социалните си мрежи.
Ако имате предложения или коментари, те ще бъдат добре дошли. Но ако сте новак, ви каним да се консултирате с нашите грабене на ресурси.
...