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