Водич за ВордПресс Елементор | Водич корак по корак у 2024

Желите да почнете са Елементор-ом и тражите а Водич за ВордПресс Елементор? Ваша претрага се овде завршава. У овом чланку ћу вас обавестити о свим стварима које треба да знате о Елементору.

Од самог инсталирања до креирања веома елегантне странице, све ваше сумње ће бити решене ако прочитате чланак. Уверавам вас; читање неће проћи узалуд!

Али потребан вам је додатак за прављење веб локација да бисте својој веб локацији дали професионални додир.

Како то добијате? Па, користим Elementor за то. Елементор ми чини изузетно лаким да направим професионалну веб локацију једноставним превлачењем и испуштањем. 

Занима ме да сазнате више о Елементору, а затим погледајте моје детаље Елементор Ревиев.

Како инсталирати Елементор на ВордПресс

Па, постоје 2 начина на која можете инсталирати Елементор на ВордПресс. 

• Преко званичне веб странице Елементора

Идите на званичну веб локацију Елементор-а и кликните на дугме Бесплатно преузимање приказано на веб локацији. 

Чим кликнете на дугме Бесплатно преузимање, појавиће се искачући прозор за претплату на веб локацију Елементор, а када то учините, додатак ће аутоматски почети да се преузима.

Пронаћи ћете зип датотеку преузету на ваш лаптоп/рачунар. Сада идите на своју ВордПресс контролну таблу и кликните на одељак Додаци > Додај нови додатак > Уплоад плугин

Изаберите Елементор датотеку и отпремите је на ВордПресс.

• Преко ВордПресс контролне табле

Додатак Елементор можете инсталирати и директно са контролне табле ВордПресс-а. Само идите на Додатак, а затим Додај нови додатак

У горњем десном углу наћи ћете траку за претрагу, укуцајте Елементор у траку за претрагу. Први резултат је оно што треба да инсталирате у свој ВордПресс. Једноставно кликните на инсталирај и сачекајте да се додатак инсталира. Активирајте додатак и имаћете одличан креатор веб локација спреман за примену.

Сада када имате инсталиран Елементор на вашој ВордПресс контролној табли, дозволите нам да погледамо функције које пружа.

Елементор карактеристике и њихова употреба у изградњи веб странице

Листа функција које Елементор пружа је бескрајна, тако да ћу расправљати о многим виталним карактеристикама Елементора. Обавезно их прочитајте и касније их испробајте.

Постоје два плана за Елементор Тхе Фрее и Тхе Про. Као што име сугерише за Про план, мораћете да играте, али постоји неколико функција које долазе са бесплатним планом.

Почећу тако што ћу прво разговарати о функцијама у бесплатном плану, а затим о Про.

Карактеристике бесплатног плана Елементор

Основне карактеристике:

• Драг анд Дроп

Функција превлачења и испуштања Елементора је веома брза и помаже вам да брже дизајнирате веб странице. Од креирања изгледа веб странице до финог подешавања, све се може урадити само превлачењем и отпуштањем.

Не морате да мењате картице или страницу да бисте дизајнирали заглавља и подножја. Са Елементор-ом, то можете да урадите на истој страници на којој је ваша примарна веб страница.

Можете копирати и налепити, чак и дуплирати стил или функцију коју желите да користите. Ово вам штеди време за обнављање исте функције изнова и изнова.

Са опцијом траке за претрагу коју пружа Elementor, можете лако да се крећете кроз веб локацију и дођете до жељене картице за неколико секунди. Ова функција је заиста корисна када морате да направите веома дугачку страницу.

Постоје 3 опције да сачувате свој дизајн, од брисања и прављења резервне копије. Можете поновити/поништити дизајне које сте урадили. Ово вам даје могућност да на неки начин А/Б тестирате страницу са својим запажањима. 

Можете посетити све ревизије на картици ревизија, тј. Можете погледати све врсте дизајна које сте до сада испробали на вашој веб страници и изабрати ранију верзију ако вам се не свиђа ваша тренутна веб страница. 

Желите да испробате многе различите функције и погледате шта ради? Нема проблема са Елементором; можете да дизајнирате страницу у режиму нацрта, испробате све и преузмете страницу касније након што сте потпуно спремни за објављивање странице.

Како користити Елементор функцију превлачења и испуштања

Све функције превлачења и испуштања доступне су на левој страни странице чим креирате страницу.

Након што направите страницу на ВордПресс-у и дате јој наслов, само кликните на едит витх Елементор, што ће вас одвести до живог уређивача Елементора, који изгледа као на слици испод.

На другој слици изнад, можете погледати опције превлачења и испуштања на левој страни странице. Постоји много виџета које само треба да скролујете надоле, или такође можете да тражите виџет уз помоћ траке за претрагу на врху.

• Десигн Темплатес

Уз Елементор добијате уграђене шаблоне дизајна. Не само 5 или 10, већ вам Елементор даје 100+ шаблона дизајна који су бесплатни за коришћење и више када надоградите на Про верзију.

Како одабрати жељени шаблон за Елементор библиотеку шаблона

Када први пут видите отворену страницу за прављење Елементор-а, видећете нешто слично као што је приказано у наставку:

Слика је преузета са веб локације Елементор и прилично је разумљива.

Чим кликнете на опцију Фолдер, видећете искачући прозор приказан испод.

• Додаци

Превуци и испусти виџети који долазе са Елементором су безбројни. Неки од њих су:

• Унутрашњи део: Хајде да поделимо део на два.
• Наслов: Испустите ово поље на своју веб страницу да бисте убацили наслов који ухвати
• Слика: Поставите слике на своју веб страницу уз помоћ овог виџета
• Уређивач текста: Унесите текст на своју веб страницу уз помоћ виџета за уређивање текста
• Видео: Можете да користите видео виџет да поставите квалитетне видео записе на своју страницу. То ће повећати корисничко искуство
• Дугме: Позив на акцију је веома важан за скоро све сајтове, помоћу дугмади можете поставити позив на акцију на своју страницу и повезати их са одредишном страницом производа.
• Оцена звездицама: Оцена у звездицама је корисна за било коју веб локацију за е-трговину да би дала оцену неколико различитих производа које може да понуди.
• Разделник: Помаже вашој веб страници у увлачењу и генерише бели простор за повећање корисничког искуства.
• Иконе: Помоћу виџета за иконе можете поставити привлачне иконе друштвених медија као и различитих услуга како би ваша страница изгледала привлачније.
• Бројач: Направите тајмер за одбројавање за своје производе или ограничене додатне услуге да бисте створили хитност.
• Препоруке: Додајте изјаве о својим производима и услугама да бисте изградили поверење код посетилаца ваше веб странице.

Осим овога, постоји много других виџета као што су вртешка слика, основна галерија, картице, кратки кодови, ХТМЛ, трака менија, итд. Обавезно погледајте све функције након инсталирања додатка на ВордПресс.

Погледајте неке од виџета које Елементор има испод на слици.

Како користити Елементор виџете

За коришћење Елементор виџета:

Идите на контролну таблу Елементора и погледајте леву страну странице. Постоји велики број виџета које можете превући и отпустити на своју веб страницу и започети свој посао.

• Респонзивно дизајнирање и уређивање

Са правилом индекса на првом месту за мобилне уређаје које долази у центар пажње, Гоогле се стара да сајт прилагођен мобилним уређајима буде само више рангиран на Гоогле-у, а исти је сада случај и са другим СЕРП-овима. 

Са Елементор-ом, не морате да бринете о прилагођености мобилним уређајима јер сви шаблони, бесплатни или плаћени, одговарају мобилним уређајима, као и таблетима и десктопима. Такође можете да измените које функције ће ваши корисници видети када приступају са мобилног или десктопа. 

Можете им пружити различита искуства на оба уређаја, иако се ова пракса не препоручује јер понекад може створити забуну у главама ваших корисника у вези са брендом.

Како да видите одзив ваших веб страница на мобилним уређајима

На дну креатора веб страница, у доњем левом углу, видећете три иконе које имају опцију да видите своју веб страницу преко десктопа, таблета и мобилног телефона. Сајт ће изгледати потпуно исто за друге кориснике након што објавите своју веб локацију.

Карактеристике тока посла:

• Нема потребе за кодирањем

Не морате да будете стручњак или чак да знате нешто о кодирању када користите Elementor. Сви горе поменути виџети су превлачење и испуштање и са њима можете лако да креирате врхунску и елегантну веб страницу. 

Сам Елементор брине о делу кодирања. И не само ово, код који се користи је оптимизован и скраћен тако да смањује време учитавања ваше веб странице – веома важан фактор за рангирање на врху.

• Трака за навигацију

Уз помоћ навигације, можете видети структуру коју сте дизајнирали на веб страници, односно редослед странице и ток. Можете да мењате, уклањате и дуплицирате виџете ако желите и преко траке за навигацију.

Како користити траку за навигацију

Да бисте користили Навигатор, само кликните десним тастером миша на позадину ваше веб странице отворене помоћу Елементора и кликните на Навигатор. Појавиће се искачући прозор, као што је приказано на слици испод.

• Хоткеис

Пречице су тастери за пречице до главног виџета који се налазе на Елементор контролној табли. Погледајте слику да бисте видели неке од унапред подешених интервентних тастера.

• Функција унутрашњег уређивања

Са Елементор-ом, не морате да пишете свој садржај негде другде и да копирате-пејстујете и мењате његов стил. Можете да куцате директно на контролној табли ВордПресс-а са жељеним стилом и уштедите своје драгоцено време.

Карактеристике дизајна

• Глобални фонтови

Уз помоћ Елементора, можете подесити одређени стил фонта за целу веб локацију само једним кликом. Није битно да ли је у питању наслов, пасус, цитат или чак позив на акцију. 

• Globalne boje

Слично томе, пошто је глобални фонт подешен, можете подесити боју целог текста на веб локацији као исту ако је потребно.

• Позадински градијенти

Са функцијом градијента боје, можете осветлити позадину коју сте поставили за сваки блок, па чак и своју почетну страницу. Ове боје градијента примењују се на сваку страницу коју имате на вашој веб локацији.

• Видео записи у позадини

Можете да користите видео записе као позадину са Елементор-ом. Видео снимци у позадини би заиста могли да осветле вашу веб страницу.

Како користити карактеристике дизајна у Елементору

Све горе поменуте функције лако се могу пронаћи на Елементор контролној табли, а можете их користити само кликом и тестирањем шта изгледа добро на вашој веб страници.

• Остале карактеристике
• Примените прекривање позадине
• Ставите пројекцију слајдова у позадину
• Направите платно да би ваша страница изгледала живо
• Искористите режиме мешања
• ЦСС стилски филтери
• Разделници облика
• Бок схадов
• Иконе
• Извезите СВГ иконе са других веб локација

Карактеристике распореда

Можете да промените изглед веб странице и оптимизујете га да изгледа добро са разним функцијама које Elementor пружа, као што су ширина и висина пресека, ширина колоне, размак и његов положај.

Такође можете подесити маргине и паддинг, што је веома важна карактеристика на веб страници. 

Елементор Про план карактеристике

Ессентиалс

Осим бесплатне функције, Елементор Про нуди још 2 функције.

1. Креатор искачућих прозора

Можете да креирате искачуће прозоре за регистрацију, за ограничену временску понуду, као и да изађете из искачућих прозора са намером да повећате продају и учините своју страницу привлачнијом.

Ова функција је, као и други виџети, присутна на контролној табли Елементора.

Помоћу алата за прављење искачућих прозора можете да направите следеће искачуће прозоре:

• Е-маил Претплата
• Искачући прозори за пријаву
• Промотивни и продајни банер искачући прозори
• Леад цаптуре
• Закључавање садржаја и откривање искачућих прозора
• Најаве
• Излаз намера
• Искачући прозори типа подлоге добродошлице
• Повезани производ и додатне продаје

2. Тхеме Буилдер

Уз Елементор Про, имате потпуну контролу над свим функцијама које користите на својој веб локацији. Можете да дизајнирате 404 странице и усмерите своје кориснике на страницу по вашем избору. 

Можете управљати заглављем и подножјем на истој страници на којој дизајнирате. Уз моћну ВооЦоммерце интеграцију, можете оптимизовати и странице производа.

Карактеристике дизајна

1. Прилагођени ЦСС

Уз сваки виџет који додате, можете додати прилагођени ЦСС исечак како бисте садржај учинили персонализованијим и привлачнијим. Али да бисте користили ову функцију, требало би да имате пристојно знање о ЦСС-у. 

Коришћење без икаквог претходног знања може ићи и на југ. Дакле, ако не поседујете скуп вештина, боље се држите подаље од Цустом ЦСС функције.

2. Ефекти покрета

Можете додати сјајне анимације и дати својој веб локацији врсту цртаног филма. Ово помаже привлачењу одређене циљне публике и понекад може бити веома корисно. 

Како користити функцију дизајна у Елементору

Па, то није ракетна наука. Као и други виџети, можете да скролујете по контролној табли и тражите их или само укуцате име виџета у таблу за претрагу.

Marketing

Ове функције су оне које недостају у бесплатној верзији Елементора.

• Виџет обрасца

Са Елементор алатком за прављење образаца, можете направити разне измене и учинити своје обрасце занимљивим и атрактивним за попуњавање.

• Изаберите изглед који желите и размак прилично лако.
• 10+ поља за избор, која желите у свом обрасцу.
• Бирајте између бројних боја и типографије које одговарају и одговарају дизајну веб странице и шеми боја.
• Такође можете креирати динамичке форме
• Ако вам је потребна дуга форма са елементором за прављење образаца, можете да га направите и поделите у више корака тако да га корисници попуне на лак начин.

• Тестимониал Цароусел Видгет

• Можете да користите унапред дизајниране шаблоне који се испоручују са Про верзијом Елементора и направите задивљујућу вртешку са изјавама за ваше пословање да бисте остварили више конверзија.
• Поравнајте садржај и изглед вртешке. Имајте потпуну контролу над изгледом и поравнањем вртешке.
• Шаблони за прилагођавање који се налазе у Елементор Про-у су лаки за коришћење и дају корисничко искуство и ономе који га гради и ономе који га види.

Како да користите виџет вртешке за сведочанство у Елементор Про

• Потражите клизач Тестимониал на траци за претрагу на контролној табли. Отворите виџет и можете почети тако што ћете одмах креирати клизач. Постоје две коже које можете изабрати између подразумеваног и мехурића. Изаберите онај који вам је потребан према стајлингу.
• Поравнајте и финализујте изглед ваших изјава, што се може урадити преко 5 опција Слика уметнута, слика наслагана, слика изнад, слика лево и слика десно.
• Одаберите стил и дизајн према својој шеми боја и додајте садржај на клизач.
• Можете аутоматски репродуковати слајдове на клизачу, паузирати их када корисници кликну на њега или поставити одређено време за опцију промене слајда. Више волим да користим паузу у опцији интеракције за клизаче за моје сведочење.
• Ацтион Линкс

Можете да повежете своју веб локацију са ВхатсАпп-ом, гоогле календаром и многим другим апликацијама помоћу Елементор Про-а.

Како користити везе за акцију у Елементор Про

• Идите на Elementor контролну таблу и потражите поља веза, што је један од Про виџета које Елементор има.
• Одаберите динамичку опцију која је доступна у горњем десном углу искачућег прозора виџета.
• Изаберите УРЛ контакта испод опције радње.
• Додајте све детаље које виџет тражи и спремни сте да интегришете своју контакт платформу са својом веб локацијом.

Функција израде тема

• Динамички садржај
• Искористите беспрекорну интеграцију да бисте направили одличну динамичну веб страницу.
• Можете додати динамичке боје, слике, чак и логотипе веб локација и још много тога на своју веб страницу.
• Најбоља ствар је што можете да сачувате изглед динамичког садржаја који сте направили и да га користите било где на веб локацији.

Како да користите динамички садржај са Елементор Про

Показаћу пример коришћења уређивача текста и динамичког садржаја. Уверите се да видите све остале виџете и испробајте их.

1. Отворите уређивач текста и откуцајте текст који желите на својој веб страници. Сада кликните на икону у горњем десном углу уређивача, као што је приказано на слици испод.
2. Када кликнете на икону, видећете листу опција које се појављују преко падајућег менија. Они су класификовани у пошту, архиву и сајт. Изаберите опцију коју желите и одмах почните са радом.
3. Сада да бисте додатно уредили наслов ваше странице, требало би да кликнете на икону, која је кључ, као што је приказано на слици испод.

У оквире приказане на слици изнад, односно пре, после и резервни, треба да ставите наслов пре промене, наслов који би требало да буде после промене и конзистентан садржај који ће бити приказан на месту динамичког садржаја кога нема пре и после наслова.

Друге функције за прављење тема у Елементор Про

• Стање приказа: Можете да одлучите шта да прикажете и где да прикажете
• Заглавље и подножје: Само једноставним превлачењем и испуштањем можете прилагодити заглавље и подножје своје веб странице
• Лепљиво заглавље: Додајте лепљиво заглавље на одређене странице или за целу веб локацију широм света.
• 404 страница: Дизајнирајте прилагођену 404 страницу и преусмерите своје кориснике и публику на страницу коју желите.

Садржај теме

• Виџет траке менија за навигацију

• Постоји много стилских опција које можете изабрати за своју траку за навигацију.
• Ови стилови реагују на све уређаје и можете их видети на мобилној верзији и извршити потребне промене ако је потребно.
• Можете да анимирате своју навигациону траку помоћу анимација и ефеката лебдења. Заиста осветљава вашу страницу.
• Можете да изаберете како да поставите мени, тј. хоризонтално, вертикално, да га видите на целом екрану, можда испробате опцију хамбургера.

Како се користи виџет траке менија за навигацију

1. Идите на контролну таблу и потражите траку менија
2. Можете да подесите свој мени на хоризонтални, вертикални или падајући мени у складу са стилом који добро изгледа на вашој веб локацији.
3. Такође можете додати једноструку и двоструку линију испод сваког садржаја менија да бисте истакли, па чак и променили боју текста преко контролне табле.

• Видгет за претрагу

Виџет за претрагу долази са три коже: подразумевани, минимални и виџет за претрагу преко целог екрана.

Можете подесити дизајн траке за претрагу као и дугме тако да одговара стилу ваше веб странице.

Како користити траку за претрагу са Елементор Про

Идите на Елементор контролну таблу и потражите виџет траке за претрагу, изаберите стил који желите, подразумевани, преко целог екрана или минимално и промените типографију и боје траке за претрагу да би одговарале вашој теми боја.

• Остале функције тематског садржаја које добијате са Елементор Про

• Виџет за објаве: Измените изглед бочне траке тако што ћете тамо ставити своје недавне постове.
• ВордПресс виџет за коментаре: Помоћу овог виџета читаоци могу да коментаришу пост који сте написали.
• Портфолио виџет: Ако имате много портфеља за приказ, користите овај портфолио виџет да бисте их приказали у иновативном и атрактивном стилу.

Све ове функције су доступне на главној Елементор контролној табли, слично другим виџетима. Обавезно погледајте све ове карактеристике.

Елементор Про цене

Коментар 

Линкови:

• Водич за Елементор Про
• ДОДАТЦИ НАЈБОЉИХ ЕЛЕМЕНТОРА
• Елементор Мену Анцхор
• Дуда против Елементора

Често постављана питања о водичу за ВордПресс Елементор

Такође прочитајте:

• Беавер Буилдер против Диви
• Beaver Builder protiv Elementora

Закључак: Водич за ВордПресс Елементор 2024

Један од водећих софтвера за дизајн веб страница, Elementor, је поуздана и живописна платформа за изградњу ваше веб странице. Од креирања основне странице блога до креирања стилске одредишне странице производа која одузима дах, све се може урадити са Елементор-ом.

Про верзија Елементора има бескрајне функције за рад и подиже вашу веб локацију на нови ниво. То вам даје слободу да имате и потпуну контролу над својом веб локацијом.

Не морате бити програмер да бисте користили Елементор. Коришћење Елементора је једноставно као учење како да кликнете и превучете и отпустите функције.

Да, потребно је мало времена да бисте видели све функције и сазнали које су функције корисне за вашу веб локацију, али време које посветите Елементор-у ће бити вредно свакога, могу вас уверити.

Дакле, испробајте Елементор и јавите ми своје искуство коментарисањем испод! 

Елементор Популар видео

Елементор на друштвеним медијима

Самит градитеља страница 2021 (@суммит_цамп) почиње сутра! Набавите БЕСПЛАТНУ карту и разговарајте са преко 35 стручњака из индустрије, укључујући @бпинес1 . Узбуђен сам што сам спонзор овог великог догађаја. Видимо се тамо! 💻🎉https://t.co/gDtFpUJLBH

— Елементор (@елемнтор) Може 9, 2021

Одмакните се и поздравите нашу презентацију у априлу 2021. 🏆🌷 Овог месеца поздрављамо 10 дизајнерских агенција из целог света. Ова разноврсна колекција представља таленат Елементор за креирање веба широм света. 🌎 https://t.co/bwwOUDQCuu

— Елементор (@елемнтор) Може 19, 2021