Искате ли да добавите няколко колони в WordPress?

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

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

Можете също да постигнете това оформление с помощта на класическия редактор или плъгин за създаване на страници.

В този урок ще видим как да добавите няколко колони в WordPress.

Но преди, ако никога не сте инсталирали WordPress открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог 

След това обратно към защо сме тук.

Защо да използвате оформление с няколко колони

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

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

Колоните са особено гъвкав формат. Ако искате да използвате икономично пространството си, те са лесен начин да сегментирате текста си.

Можете също да използвате колони за свързване на различни джаджи по последователен начин, както е показано в Тема за приятеля шеф :

как да добавите няколко колони в wordpress

Или може просто да се интересувате от използването на гъвкав формат, който може да бъде премахнат или преоформен, за да отговаря на вашите нужди. Каквито и да са разсъжденията ви, колоните могат да добавят разнообразие и организация към вашия уебсайт.

Как да добавите няколко колони в WordPress

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

За щастие сега има два лесни начина за добавяне на колони в WordPress – не се изисква HTML.

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

Сега нека видим двата метода.

Първи метод: използвайте собствената функционалност на редактора на блокове

Ще започнем с добавяне на няколко колони с помощта на редактора на блокове (Gutenberg). Новият интерфейс за създаване на съдържание на WordPress по подразбиране предлага множество полезни функции, всички фокусирани върху лесни за преместване блокове съдържание.

Една такава функция е блокът Columns с подходящо име, който ви помага да създавате толкова колони, колкото искате.

За да започнете, въведете "колони" в полето за търсене на редактора на блокове, което можете да отворите, като щракнете върху бутона +. Като алтернатива можете просто да щракнете върху екрана и да започнете да пишете "колони" за да се покаже същата опция.

Това ще извика прозорец, в който можете да изберете оформление на колона:

как да добавите няколко колони в wordpress

Започването с две колони по подразбиране и коригирането на настройките по-късно също е опция.

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

След това можете да вложите други блокове в блока Columns. Всички те могат да бъдат блокове от текст. Опитайте да подобрите колона с текст, като я поставите до колона с изображение или календар, за да изпъкне:

как да добавите няколко колони в wordpress

Не се страхувайте да се възползвате от гъвкавостта на редактора чрез смесване и съпоставяне на елементи.

След това можете да се върнете към настройките на блока Columns и да промените съотношението на ширината, за да отговаря на вашите нужди. Всяка отделна колона може да се коригира в зависимост от вида на външния вид, който търсите.

Благодарение на визуалния интерфейс на редактора на блокове, работата ви в бекенда ще се преведе доста директно във интерфейса. За справка, ето как изглежда нашият пример след публикуването му:

След като разберете основите, има още какво да изследвате с колоните.

Ако търсите повече функции с редактора на блокове, можете да помислите за изтегляне на a WordPress плъгин което подобрява блоковата функционалност и експериментира с нови комбинации от съдържание.

Метод втори: Използвайте класически редактор и Elementor Page Builder

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

Тъй като съм голям фен на плъгина Конструктор на страници Elementor, Ще използвам това, за да създам оформление с няколко колони:

Ce създател на страници е солидна безплатна опция, която използва интуитивен интерфейс за плъзгане и пускане и има над 5 милиона активни инсталации.

Щом имате инсталира и активира плъгина на вашия уебсайт, отидете на страницата, която искате да редактирате, и я редактирайте с Elementor.

как да добавите няколко колони в wordpress

Ще бъдете отведени до редактора на Elementor.

Както виждате на изображението по-горе, ще щракнем върху червения бутон + за да добавите нов раздел и броя на колоните, които ще вървят с него.

Сега ще изберем джаджи за редактор и текст и календар

Актуализирайте страницата си и прегледайте статията си.

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

Открийте и някои премиум приставки за WordPress  

Можете да използвате други WordPress плъгини за да придадете модерен външен вид и да оптимизирате работата с вашия блог или уебсайт.

Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.

1. Формуляр за връзка 7 Success Redirect

Формуляр за контакт 7 Успехът пренасочване е разширение на премиум WordPress плъгин на Контакт формуляр 7, който позволява пренасочване на посетител или потребител към страница след представяне на техния контакт.

създаване на пренасочвания - форма за контакт 7 успешна пренасочване на приставка за wordpress

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

Как да създадете частен магазин с WooCommerce ? Разберете, като се консултирате с тази статия.

Конфигурирането е изключително лесно. Можете да направите това, като изберете страница от съществуващите страници на таблото си за управление или като предоставите персонализиран URL адрес за пренасочване.

Открийте нашите 8 WordPress плъгини за подобряване на SEO на вашия блог

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

Изтегляне | демонстрация | уеб хостинг

2. LetsPush Уеб Push известие

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

Letspush web push плъгин за уведомяване за wordpress woocommerce buddypress

Известията му се доставят в реално време, дори когато потребителят не разглежда вашия уебсайт. Този плъгин за WordPress също така позволява на администратора да изпраща съобщения за push известия до потребители, които са се абонирали за уебсайта.

Така можете да изпращате персонализирано съобщение, да продавате продукт или да изпращате актуализации за вашия уебсайт на посетителите си. Тя се интегрира силно с BuddyPress и е съвместим с WooCommerce.

Изтегляне | демонстрация | уеб хостинг

3. WooCommerce Социално влизане

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

Как да стимулирате социална мрежа с приставката WordPress BuddyPress

Когато клиент посещава уебсайта Ви за първи път, вие ще опростите плащане, като му позволите да плати като гост. Това обаче създава триене за клиенти, които искат да купуват няколко пъти от вашия онлайн магазин. Те ще трябва да създават различно потребителско име и парола всеки път.

Открийте и нашето 50 WooCommerce плъгини за подобряване на вашия онлайн магазин

Поради това WooCommerce Social Login прави този процес възможно най-лесен и сигурен - клиентите могат да влязат във вашия уебсайт, използвайки своите Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram акаунти. и Amazon.

Изтегляне | демонстрация | уеб хостинг

Препоръчителни ресурси

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

Заключение

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

Ето го ! Това е всичко за този урок, надявам се, че сега знаете кога и как да добавите няколко колони в WordPress. Не се колебайте да споделяйте с приятелите си в любимите си социални мрежи

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

И ако имате някакви предложения или забележки, оставете ги в нашия раздел Връзка.

... 

Тя ПИН на Pinterest