Ако сте като повечето начинаещи блогъри и дори средно, тогава определено нямате познания по HTML/CSS. много блогъри (като мен) предпочитат да използват плъгини които им позволяват да добавят бутони към своите публикации или страници с помощта кратките. Но тези къси кодове - къси кодове - са трудни за запомняне и трудни за конфигуриране.

В тази статия, ние ще ви покажем как да добавите бутони WordPress без да използвате къси кодове.

Ако сте нов в света на WordPress, открийте Как да инсталирате WordPress Блог в 7 Стъпки

Първото нещо, което трябва да направите, е да инсталирате и активирате плъгин « Забравете за SHORTCODE Buttons ".

След като активирате това плъгин, просто ще трябва да създадете нова публикация или модифицирайте вече съществуващ и ще видите нов бутон във визуалния редактор със заглавие « Вмъкване на бутон » (Прибавям бутон).

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

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

Допълнете знанията си, като откриете Как да използвате и управлявате кратки кодове в WordPress

Ако щракнете върху раздела « Икона », тогава ще можете да видите иконите, които можете да добавите преди или след текста на бутоните. Тези икони са по-точно икони-шрифтове.

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

Вижте тази статия и се възхищавайте Как да се подобри дизайна на вашите WordPress предмети с тези безплатни кратките

Можете също да изберете методите за подравняване от редактора, за да подравните бутона в центъра, вляво или вдясно. Щракнете двукратно върху бутона, за да отворите прозореца за редактиране на бутона и можете да редактирате бутона, ако искате.

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

1. WPBakery Page Builder

WPBakery Page Builder, известен преди като Visual Composer, е друг първокласен и изключително популярен инструмент за създаване на страници. Голяма част от тази популярност идва от факта, че WPBakery Page Builder идва с почти 99% от Теми на WordPress от ThemeForest. Но остава фактът, че се използва на много голям брой уебсайтове.

wp пекарница конструктор на страници e1544277016913

Подобно на Divi Builder, WPBakery Page Builder ви позволява както визуално редактиране, така и редактиране отзад. В сравнение с нещо като Elementor или Divi Builder, опциите за стилизиране на WPBakery Page Builder са малко ограничени. Имате добър контрол върху линиите, но опциите за стилизиране на отделните елементи са малко по-ограничени.

Ако искате да използвате свой собствен CSS, можете да добавите персонализиран CSS клас или ID към отделни елементи или можете да добавите действителни стилове на ниво страница.

Не съм сигурен, че WPBakery Page Builder има уникални функции, които са особено забележителни. Но това, което той има, е огромна общност от разширения. Подобно на Divi Builder, WPBakery Page Builder оставя след себе си множество кратки кодове във вашето съдържание, ако го деактивирате. Открийте урока

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

2. Divi Builder

Divi Builder е висококачествен конструктор на страници, високо оценен от Elegant Themes. Въпреки че обикновено се използва като част от темата WordPress Divi, Divi Builder също е самостоятелна добавка, която можете да използвате на други Теми на WordPress.

divi e1544278044306

За разлика от предишните два конструктора, Divi Builder ви позволява да редактирате съдържанието си, като използвате визуален интерфейс отпред, както и интерфейс отзад, въпреки че повечето потребители предпочитат първия интерфейс. .

По принцип вместо страничните ленти всичко е в изскачащи прозорци и плаващи бутони. Той ви дава достъп до 316 предварително проектирани шаблона, разпределени в 40 различни презентационни пакета, както и възможността да запазвате вашите собствени дизайни като шаблони.

Една от чертите на Divi винаги е била контролът върху стиловете, които ти дава. На три различни раздела можете да конфигурирате различни настройки, включително отзивчиви контроли, адаптивни разстояния и други.

Можете дори да добавите персонализиран CSS, тъй като неговият CSS редактор включва основно валидиране и автоматично попълване. Една от критиките на Divi Builder винаги е била, че разчита на шорткодове. Което означава, че ако някога го изключите, той ще остави куп шорткодове във вашето съдържание. Въпреки че това е малко депресиращо, сега е по-малък проблем, когато съществуват плъгини като Shortcode Cleaner. 

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

Други препоръчани ресурси

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

Заключение

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

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

...  

Тя ПИН на Pinterest