Укључите ове елементе у своју ВордПресс локацију за узвишен изглед.
Да ли осећате да ваша ВордПресс локација изгледа мало равно? Да ли сте икада посетили веб локацију и запитали се зашто је она професионална, док је ваша једноставна? Имамо сазнања о томе како да вашу ВордПресс локацију учинимо функционалном и фантастичном.
Идеје за естетски дизајн за ваш ВордПресс сајт
Пре него што уђемо, имајте на уму да је мање обично више, посебно када је у питању дизајн. Слободно примените неколико од ових савета на свом сајту, али немојте полудети. Затрпавање веб локације ефектима не само да ће учинити да изгледа аматерски, већ ризикујете да успорите њен учинак.
Уз то, хајде да истражимо неколико савета како да учините вашу ВордПресс веб локацију естетски пријатнијом.
1. Ховер Еффецтс
Додавање ефеката лебдења (анимације које се јављају када пређете мишем преко објекта) је одличан начин да учините да ваша веб локација буде интерактивнија и привлачнија. Лебдећи ефекти ће привући посетиочево око на све битне елементе које желите да учините популарним.
Лако је натерати везе да мењају боју преко самог Вордпреса, али ако желите да одређени објекти поскакују, мало увећају или пулсирају, требаће вам ВордПресс додатак као што је Ховер Еффецтс.
Ако сте користили Елементор да бисте дизајнирали своју ВордПресс локацију, можете да додате и ефекте лебдења кроз њу. Елементор нуди једноставан водич за додавање ефеката лебдења на њихов ИоуТубе канал.
2. Смоотх Аниматионс
Суптилне анимације могу додати слој интерактивности и стила вашој ВордПресс веб локацији. За разлику од ефеката лебдења, можете омогућити анимације као што су бледи или прелази да бисте открили садржај док корисници померају страницу надоле.
Размислите о томе да додате једну анимацију на сваких неколико дужина странице за елементе које желите да истакнете. Обавезно тестирајте анимације у акцији како бисте били сигурни да не преоптерећују страницу.
Анимације се лако могу додати преко Елементора тако што ћете отићи на Напредно > Мотион Еффецтс. Ако не користите Елементор, можете преузети додатак попут Блоцкс Аниматион.
Веза за скок (која се назива и скок на страницу) омогућава корисницима да брзо „скоче“ на одређене одељке унутар странице. Ефикасним коришћењем линкова за скок, свако ко посети вашу веб локацију моћи ће да се креће по дугим деловима без потребе да чека да се нова страница учита.
ВордПресс блог има а упутство за додавање скокова на страницу и за блок и за класичне уреднике.
Ових дана друштвени медији и посао иду руку под руку. Без обзира да ли је ваша веб локација лична или професионална, интегрисање фидова друштвених медија у вашу ВордПресс локацију додаје визуелни интерес и може подстаћи осећај поверења код ваших посетилаца.
Можете уградите твитове у своје ВордПресс постове или користите додатак попут Феед Тхем Социал. У сваком случају, размислите о додавању елемената друштвених медија на своју веб локацију како бисте повећали интеракцију и умрежавање посетилаца.
Чак и ако нисте упознати са термином, вероватно сте видели померање паралаксе у акцији. Са померањем паралаксе, позадинске слике се крећу другачијим темпом од садржаја у првом плану, стварајући јединствени, 3Д ефекат док корисници померају страницу надоле.
Ефекте паралаксе можете имплементирати преко ЦСС-а, Елементора или додатка попут Напредне позадине за ВордПресс.
6. Видео позадине
Када се правилно користе, видео позадине могу привући пажњу посетилаца и учинити да ваша страница изгледа веома професионално. Одаберите видео високог квалитета са беспрекорном петљом која не надјача остале елементе на страници.
Све што смо споменули треба користити штедљиво, али водите рачуна да не претерујете са видео позадином. Када сте у недоумици, држите се једног или два за целу веб локацију.
Можете додати видео позадину на своју веб локацију преко Елементора или додатка као што је Видео Бацкгроунд.
7. Дугмад за позив на акцију (ЦТА).
Чак и ако не продајете ништа, ЦТА дугмад су пресудна за рећи вашим посетиоцима шта да раде следеће. ЦТА дугмад на која се може кликнути и која од људи траже да се претплате на ваш билтен, закажу консултације или затраже понуду могу повећати стопу конверзије вашег сајта.
Покушајте да додате неколико добро постављених ЦТА дугмади са контрастним бојама и убедљивим текстом. Можете додати ЦТА дугме преко Елементора или користити додатак као што је Ицеграм Енгаге.
8. Стицки Хеадер
Лепљиво заглавље (који се назива и фиксни мени) остаје фиксирано на врху екрана чак и када корисници померају страницу надоле. Лепљива заглавља су одлична за омогућавање брзог приступа важним елементима као што су почетна страница и странице са контактима.
Лепљива заглавља се могу додати преко ЦСС-а тако што ћете отићи на Изглед > Додатни ЦСС и уношење одговарајуће шифре. Такође можете користити додатак попут Лепљиви мени и лепљиво заглавље.
9. Иконографија
Не само да су иконе одлична визуелна помагала која сажето преносе информације, већ такође чине вашу веб локацију приступачнијом. Студије су показале да визуелни елементи помажу читаоцима са дислексијом и недислексијом да се брже и лакше сналазе у текстуалним информацијама.
Покушајте да додате неколико релевантних икона, посебно у одељке са великим садржајем текста, да би ваш садржај био лакши за скенирање. Одржавајте углађен, уједначен изглед на целој веб локацији коришћењем доследног стила икона. Бесплатне иконе можете пронаћи на разним сајтовима као што су флатицон или фрееицонс.ио.
10. Анимације са ЛоттиеФилес
Подигните своје иконе на ниво тако што ћете их анимирати помоћу Додатак ЛоттиеФилес за ВордПресс. Лоттиес су анимирани елементи који се учитавају брже од ГИФ-ова и могу се прилагодити бојама да одговарају вашем бренду. Можете пронаћи мноштво бесплатних дизајна унутар додатка, или направите своје лутрије у АфтерЕффецтс или сличан софтвер.
Најбоље праксе за ВордПресс дизајн
Сада када смо погледали неке од више декоративних елемената ВордПресс-а, хајде да прегледамо неке основне праксе дизајна како би ваша веб локација изгледала оштро.
- Мање је више: пронађите прави баланс између елемената дизајна и негативног простора.
- Имајте доследно брендирање, укључујући фонтове, логотипе и боје које пратите свој водич за стил бренда.
- Користите теорију боја и психологију да изазову жељене емоције код ваше публике.
- Имајте јасну визуелну хијерархију како бисте помогли гледаоцима да сваре информације.
- Оптимизујте своју веб локацију за све уређаје и величине екрана.
- Нека пријатељи и породица тестирају вашу веб локацију и пријавите се са грешкама или идејама за побољшање дизајна.
Нека ваш ВордПресс сајт буде јединствен за вас
Ако се осећате као да је ваша ВордПресс локација превише основна, промишљени детаљи као што су анимације, динамичке позадине и лепљива заглавља могу бити савршени за улепшавање ствари. Запамтите да не претерујете са специјалним ефектима да не бисте променили перформансе вашег сајта. Увек имајте на уму најбоље праксе дизајна када прилагођавате своју ВордПресс локацију.
Кад смо код тога, да ли ваша тренутна ВордПресс тема ради за вас? Постоји неколико ствари које треба размотрити пре него што одаберете тему за ВордПресс и ваша веб локација би могла имати користи од реновирања ако желите да промените ствари.