Икони в Elementor - Така ги оптимизираш

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

Най-важни изводи

• Иконите са универсални елементи, които могат да изпълняват както изкуствени, така и информативни функции.
• Можете да настроите иконите индивидуално, включително цвета, размера, формата и анимацията.
• Опцията за свързване позволява ефективно използването на иконите за навигация.

По стъпково ръководство

Стъпка 1: Добавяне на икона

За да добавите икона във вашия раздел, плъзнете виджета "Икона" в желаната част на страницата си. Ще забележите, че е показано предварително избрано икона, обикновено звездна икона.

Стъпка 2: Смяна на икона

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

Стъпка 3: Избор на тип икона

Елементор предлага три типа икони: обикновени икони, пълни икони и икони на марки. Обикновените икони обикновено имат само контур, докато пълните икони са напълно заети. Иконите на марките са аналогични на известните лога, като тези на Amazon или Apple.

Стъпка 4: Настройки за показване

Можете да адаптирате визуализацията на иконата на различни начини – чрез "Напълно попълнена", "Определена" или "Предвидено" (показаното задно). Изберете опцията, която най-добре съответства на естетиката на вашия уебсайт.

Стъпка 5: Настройка на размера и формата на иконата

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

Стъпка 6: Задаване на връзка

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

Стъпка 7: Настройка на стила

Под "Стил" имате възможността да заложите основен и второстепенен цвят. За ефектите при показване може да зададете как цветовете да се сменят. Например променете основния цвят на червено, а второстепенния на черно.

Стъпка 8: Дефиниране на ефектите при показване

Ако желаете да усилите интерактивността, може да добавите и анимационни ефекти за елемента при показване. Тези включват опции като "Отблъскване" или "Увеличаване". Изберете желания ефект, за да подобрите изживяването на потребителите.

Стъпка 9: Дефиниране на размера и разстоянието

Можете да настроите размера на иконата, докато разстоянието (или падинга) регулира колко място между иконата и нейната вътрешна рамка. Експериментирайте с тези стойности, за да намерите желаното равновесие.

Стъпка 10: Свързване на стойности

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

Стъпка 11: Проверяване на разширени настройки

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

Резюме

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