Не е тайна, че Elementor е един от най-добрите създатели на страници в общността на WordPress днес. И вече не е само създател на страници. Elementor се разви толкова много, че можете да създавате напълно функциониращи уебсайтове дори с безплатна, основна WordPress тема, без да пишете нито един ред код!
Въпреки че Elementor предлага много опции и възможности за персонализиране, често пропускаме по-малките детайли и части на приставката, които могат да имат голямо влияние върху процеса на проектиране на уебсайт.
Проектирането на уеб страници с Elementor вече е бързо и лесно, но ако искате да ускорите процеса на проектиране, тогава сте на правилното място. В тази статия ще научите как можете да ускорите процеса на проектиране с Elementor, като използвате пълноценно редактора с инструменти на трети страни.
Contents
Започнете с предварително направени шаблони
Предварително изработените шаблони могат да ускорят развитието на вашия проект. Проектирането на нови страници от нула отнема време и по-често, отколкото не, вие губите това време, докато постоянно коригирате оформлението и стиловете на страницата. Точно там са ви полезни шаблоните. Шаблонната библиотека на Elementor е чудесен ресурс за ускоряване на процеса на проектиране. Дори и да не използвате предварително направен шаблон, винаги можете да използвате библиотеката с шаблони като вдъхновение. Шаблоните могат лесно да бъдат импортирани директно на страницата само с едно кликване.
Шаблоните на Elementor могат да бъдат разделени на две части. Първо, когато искате да импортирате предварително подготвена страница отгоре надолу, например, можете да импортирате пълна страница (като страница About или About) с цялото й съдържание. Вторият вариант е, ако просто искате да импортирате секция или блок на дизайна. Можете да направите това, ако например харесате някой от секциите от услуги, герой, свържете се с нас или се абонирайте за секции.
Чудесни безплатни и премиум колекции от шаблони са лесно достъпни в интернет.
Envato Market
Пазарът на Envato е може би най-популярният пазар не само за шаблони на Elementor, но и за теми и плъгини за WordPress.
TemplateMonster
TemplateMonster е друг доставчик на доброто качество на шаблонните активи, те също имат някои безплатни шаблони.
Библиотека с шаблони на Elementor
Библиотека с шаблони на Elementor – е естествен склад за елементи на Elementor, новите безплатни и Premium шаблони се появяват много често.
Използвайте горещи клавиши
Ако работите с Elementor само с мишката, моля, спрете! Прекарайте 10 минути за учене на къси кодове, което ще ви спести много време и ще ускори процеса на проектиране на вашия уебсайт. Освен прости, като например копиране и поставяне, можете да използвате и по-модерни персонализирани преки пътища. Те могат да бъдат изключително полезни, особено ако искате да се придвижвате между панела и режим на визуализация или да преминете към мобилно редактиране.
Ето списък с преки пътища, които могат сериозно да увеличат скоростта на проектиране на уебсайта ви:
мерки
| Undo | Ctrl / Cmd + Z | Отменете всяка промяна, направена на страницата |
| Redo | Ctrl / Cmd + Shift + Z | Повторете всяка промяна, направена на страницата |
| копие | Ctrl / Cmd + C | Копирайте раздел, колона или джаджа |
| Поставяне | Ctrl / Cmd + V | Поставете раздел, колона или джаджа |
| Стил за поставяне | Ctrl / Cmd + Shift + V | Поставете стил, секция, колона или джаджа |
| Изтрий | Изтрий | Изтрийте раздел / колона / джаджа, който е редактиран |
| Duplicate | Ctrl / Cmd + D | Дублирайте раздел / колона / джаджа, който е редактиран |
| Запази | Ctrl / Cmd + S | Запазете страницата си в историята на ревизиите |
Отидете на
| Панел / Визуализация | Ctrl / Cmd + P | Превключване между изглед на панела и преглед |
| Мобилно редактиране | Ctrl / Cmd + Shift + M | Превключване между изгледи на работния плот, таблет и мобилни устройства |
| история | Ctrl / Cmd + Shift + H | Отидете на панела за история |
| навигатор | Ctrl / Cmd + I | Отваря навигатора |
| Библиотека с шаблони | Ctrl / Cmd + Shift + L | Отваря нашия модален библиотечен шаблон |
| Комбинация от клавиши | Ctrl / Cmd + ? | Отваря прозореца за помощ на клавишните комбинации |
| напускам | ESC | Отваря настройките и прескача към Изход към таблото за управление |
Персонализиран CSS за страници
Знаете ли, че можете да имате персонализиран CSS за всяка страница? Да, но имайте предвид, че тази функция е включена само в Pro версията на Elementor. Като решение за това ще ви покажа как да включите персонализиран CSS за всяка страница. Този трик ще ви спести пари, ако сте искали Pro версията само за добавяне на малки персонализиране на ниво страница.
За да направите това, просто трябва да използвате HTML джаджа и този код отвътре:
Разгледайте този пример:
Лента за търсене на Elementor Finder
Много често, когато работите върху дизайн на страници, искате да преминете към други страници, настройки, страница за продажби или където и да е другаде и това може да отнеме време, ако: запазите страницата> върнете се на таблото си> отворете страниците > търсене на страница, която искате да отворите. Това може да загуби много време и енергия, ако трябва да го правите отново и отново.
За щастие, Elementor има вградено решение за оптимизиране и ускоряване на процеса на проектиране. Вместо да преживеете всички тези проблеми, можете просто да използвате Elementor Finder. Можете директно да преминете към всякакви настройки, шаблон, страница или тематична част, като търсите в лентата за търсене. Можете да получите достъп до Finder, като щракнете върху клавишите Cmd / Ctrl + E навсякъде в таблото за управление на WordPress. Вижте това видео, за да видите всичко, което можете да направите с Finder.
Използвайте Навигатор
Навигатор е прозорец за навигационно дърво, който осигурява лесен достъп до всеки елемент в съставителя на страницата. Този малък прозорец ви позволява да навигирате през елементите и да плъзгате и пускате джаджи лесно.
Навигаторът е особено полезен за дълги страници или страници със сложен многопластов дизайн, както и за елементи, комбиниращи Z-индекс, минус марж, абсолютна позиция и др..
Можете да получите достъп до Navigator по един от 3 прости начина:
- Щракнете с десния бутон върху всеки елемент и след това щракнете върху Навигатор. Това автоматично ще ви пренасочи към конкретния елемент в дървото за навигация.
- Кликнете върху бутона с елементи в долната част на панела.
- Използвайте клавишната комбинация Cmd / Ctrl + I.
Разгледайте това видео, за да го видите в действие:
Навигаторът има и други функции, като например джаджи за именуване, свиване и разширяване на приспособления, плаващи или докиране на панела и показване или скриване на джаджи. Можете да видите пълен преглед в техните документация.
Определете вашата цветова палитра
Обикновено, когато проектираме уебсайт, следваме модел на дизайн, създаден от дизайнера. Този модел обикновено съдържа комбинация от цветове, повтарящи се в целия сайт. Това са цветове на марката, които трябва да останат непроменени. Това означава, че всеки път, когато добавяме нова джаджа на страницата, трябва да копираме и поставите цветния код или трябва да помним какъв е цветният код, за да го приложим в настройката на джаджата. Това може да отнеме много време. За щастие, Elementor има решение за нас.
Можете да определите цветовете на марката си в настройките на Color Picker и да ги използвате повторно всеки път, когато имате достъп до цветови опции за оформяне на джаджи. Просто изберете предварително зададена палитра или определете свои собствени цветове, за да спестите време при проектирането.
Разгледайте това видео:
Предварително изработени и многократно използвани стилове и шаблони на джаджи
Elementor е един от най-добрите създатели на страници, но мислили ли сте за бутоните по подразбиране и грозни? Tabs? Менюта? Или някоя друга джаджа? Тези джаджи по подразбиране изглеждат така, както са проектирани преди няколко години, или, може би сте искали да използвате повторно джаджа, която сте оформили в проект A в проект B?
Понастоящем не можете да запишете и използвате повторно стилове на джаджи за бъдещи проекти с Elementor. За щастие, безплатно WunderWP плъгинът предлага няколко начина за решаване на този проблем.
Първо, WunderWP включва редица предварително зададени стилове на джаджи на ваше разположение. Готовите стилове за заглавия, галерии, бутони, разделители, въртележки, формуляри, таблици с цени и други са достъпни с едно кликване. Просто плъзнете джаджа на Elementor на страницата си, изберете готов стил WidgeWP джаджа и започнете да добавяте съдържание.
С WunderWP можете също така лесно да запазвате и използвате повторно собствените си стилове на джунджурии в Elementor. Това е просто: стилизирайте джаджа, запишете я в облака WunderWP (който е безплатен!) И го използвате по-късно за подобни джаджи. Това работи както за прости, така и за сложни джаджи. Например, можете да използвате това, за да запазите джаджа за заглавие, която съдържа различни типографски стойности, или за джаджа за изображение с персонализирани сенки за падане.
Същото важи и за шаблоните – можете да запишете пълни или частични шаблони, които създавате в облака WunderWP. Шаблонът ще бъде там, така че когато сте готови, можете лесно да го вмъкнете в страница или уебсайт. По този начин ще трябва да го изградите само веднъж, спестявайки ви много време.
Или можете да се възползвате от готовите шаблони за съдържание на WunderWP. В момента има над 50 готови шаблона за секции – като контакт, призив за действие, заглавие, долен колонтитул, услуги, за, екип, услуги, отброяване и много повече – за различни цели.
Обобщавайки
До този момент, без никакво съмнение, Elementor е един от най-добрите създатели на WordPress страници там. Почти всеки ден се добавят нови инструменти и функции за рационализиране и ускоряване на процеса на проектиране и ускоряване на времето за изпълнение на проекта.
Кой съвет смятате, че е най-полезен и кой не сте знаели преди? Може би знаете и нещо, което не е споменато тук? Моля, споделете го с други.
