Как да използвам Elementor: Пълното ръководство

Имате проблеми с започването на работа с плъгина Elementor? Ето пълното ръководство за това как да използвате Elementor

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

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

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

Как да използвате Elementor

В тази статия ще обясним защо смятаме, че Elementor е идеалният конструктор на страници, с който да започнем:

Запознаване с Elementor

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

От първостепенно значение е първо да инсталирате тема на WordPress, която е съвместима с Elementor.

Прочетете още: Можете ли да използвате Elementor без тема? (Не - Ето защо)

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

Конструктор на страници на Elementor ви позволява да правите промени в уебсайта си в реално време, без да се налага да превключвате между интерфейса и бекенда, за да проверите как са внедрени новите ви промени.

Можете да инсталирате Elementor или като посетите вашия собствен уебсайт и по-късно като качите zip файла във вашия WordPress или като отворите хранилището на плъгините на WordPress и потърсите „Elementor“ и кликнете върху Installer.

Уверете се, че сте активирали приставката и ще бъдете готови да разгледате всички опции, които Elementor може да предложи.

Прочетете още: Как да инсталирате Elementor

Функциите, които Elementor може да предложи

За щастие, Elementor е редактор на интерфейс, което означава, че можете да видите промените да влязат в сила в момента и да направите корекции.

Друго непряко предимство е, че поради неговата популярност няма недостиг на ресурси на YouTube или WordPress уебсайт, за да започнете. Тази статия е илюстративен случай на тези уебсайтове.

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

Поставете джаджа за бутон Paypal

Всяка страница в WordPress е съставена от раздели и това е основата на изграждането на страници с Elementor.

В лявата част на екрана има меню за хамбургер, което ви позволява да правите промени в целия уебсайт, докато промените се отразяват от дясната страна.

Функцията плъзгане и пускане позволява по-бързо изживяване на уеб страници, напомнящо на инструмент за проектиране.

Единствената причина, поради която ще имате нужда от тема, е, че уебсайтът ви не може да функционира без тема и Elementor няма да има какво да промени без такава.

Lit Можете ли да използвате Elementor без тема? (Не - Ето защо)

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

Безплатно Elementor срещу Elementor Pro

Основната разлика между тях е в броя на джаджи, предлагани във версията Pro.

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

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

По отношение на джаджите, ето основните джаджи, налични в безплатната версия:

Вътрешна секция
Изображение
Текстов редактор
Видео
бутон
сепаратор
икона
Разделител
Google Карти

Ето някои от джаджите, налични във версията Pro:

Портфолио
Форма
Флип кутия
Ценова листа
Цитат Блок
Призив за действие

Цялата информация, полезна за вземане на информирано окончателно решение дали да надстроите до Elementor Pro, е предоставена по-долу.

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

	Безплатно за Elementor	Elementor Pro
Цена	безплатно	$ 49 до $ 99,199 / година
Брой джаджи	25 +	50 +
Конструктор на страници	на разположение	на разположение
Конструктор на теми	Не е наличен	на разположение
Подръжка	Не е наличен	на разположение
Динамично съдържание	Не е наличен	на разположение
Про шаблони и блокове	Не е наличен	на разположение
Интеграция на електронната търговия	Не е наличен	на разположение

В крайна сметка увереността, че екипът за поддръжка на Elementor осигурява поддръжка във версията Pro е това, което ни кара да вярваме твърдо в версията Pro.

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

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

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

Средата за редактиране

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

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

Лявата страна е творчески панел, пълен с джаджи за плъзгане и пускане на страницата.

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

Прочетете още: Как да добавите ефект на задържане в Elementor чрез персонализиран CSS

В долния панел ще намерите иконата с кръгла стрелка, която ви връща към историята ви и е разделена на действия и рецензии; в действия можете да намерите стъпките си и да се върнете към по-ранно издание и при ревизия можете да намерите всичките си запазени версии.

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

Ако искате да проектирате начална страница, Elementor's Blocks ще ви помогне да създадете своя собствена страница от нулата.

Прочетете още: Как да добавите ефект на задържане в Elementor чрез персонализиран CSS

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

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

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

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

Вижте също: Как да активирам режима Coming Soon в Elementor

Версията Pro също се предлага с повече блокове, шаблони и джаджи.

В бекенда можете също да получите достъп до менюто Инструменти, което предоставя опции като Замяна на URL адрес, режим на поддръжка и контрол на версиите, за да се върнете към предишна версия, ако уебсайтът ви е срещнал проблем с най-новия Elementor.

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

Elementor Pro Price

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

В крайна сметка

Като цяло, комбинирането на Elementor (безплатно или Pro) с мощна WordPress тема, която покрива нейните слепи зони, е правилният начин да се направи в повечето случаи.

Други допълнителни премиум приставки за WordPress

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

1. Foodify

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

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

Тук за вас 5 WordPress плъгини за оптимизиране на описанията и етикетите на категориите

Той има предимството, че е много гъвкав и съвместим с много съществуващи приставки в директорията на WordPress.

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

2. Изображение с увеличаване на изображението

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

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

Открийте и нашето 5 прекъсва премиум плъгините на WordPress

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

3. Плъзгач Pro

Решението Slider Pro ви предлага платформа „всичко в едно“, за да ви помогне да създадете и редактирате слайдове или плъзгачи, които ще се харесат не само на блогърите, но и на тези, които не публикуват статии.

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

Открийте и вие Как да създадете слайдшоу с Slider Revolution на WordPress

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

Прочетете и нашето Xlux WordPress приставки за създаване на често задавани въпроси в блог

Характеристиките му са: оптимизирано зареждане на изображения, лесно персонализиране, гладка анимация, множество оформления и др.

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

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

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

Заключение

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

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

Но междувременно, споделете тази статия във вашите различни социални мрежи.

...