5 tema WordPress Divi të dizajnuara me një vizion origjinal dhe krijues

5 tema WordPress Divi të dizajnuara me një vizion origjinal dhe krijues

5 tema WordPress Divi të dizajnuara me një vizion origjinal dhe krijues

Divi është një nga temat më të njohura të WordPress, me më shumë se 2 milion përdorues. Një koleksion i madh i temave të WordPress Divi dhe veçoritë e tyre inteligjente po marrin shumë vëmendje. Jo vetëm që Divi Builder ofron kapacitet dhe shkathtësi më të madhe se redaktori standard Gutenberg.

Për më tepër, është gjithashtu më i sofistikuar se ndërtuesit e rregullt të faqeve. Në përgjithësi, ju lejon të personalizoni të gjithë faqen tuaj. Këto janë titujt, fundet dhe shiritat anësor, dhe jo vetëm seksionet e përmbajtjes. Kështu, ju jeni të lirë të ndërtoni një sit vërtet unik.

Sot mund të shkarkoni Divi WordPress Temat në TemplateMonster. Ata integrojnë të gjithë funksionalitetin dhe stilin e Divi Theme (mos harroni ta blini veçmas). Nëse dëshironi të ndryshoni funksionalitetin, estetikën dhe pamjen e temës suaj Divi, shikoni atë. A jeni gati të mësoni se si të krijoni një faqe interneti me WordPress dhe Divi? Në atë rast, le të fillojmë të shqyrtojmë shokët tuaj të mundshëm në këtë çështje.

Temat Divi WordPress: Përmirësoni imazhin tuaj në internet dhe merrni një përvojë optimale ndërtimi

NFT – Divi WordPress tema fëmijë për sajtin e lidhur me kripto

A keni nevojë për tema Divi WordPress me cilësi të jashtëzakonshme të përshtatura për nevojat e njerëzve që angazhohen në kripto? Në atë rast, kjo zgjedhje moderne do t'ju japë opsionet më të mira në një artikull. Pa dyshim, ajo godet me dizajnin e saj të strukturuar mirë dhe të sofistikuar. Ju mund të zgjidhni nga tre demonstrime unike që mund t'i modifikoni së bashku me një ndërtues zvarrit dhe lësho.

Kjo do të thotë se nuk ka nevojë të mësoni aftësitë e ekspertëve të kodimit përpara se të filloni projektin tuaj në internet. Ai gjithashtu përmban një dizajn plotësisht të përgjegjshëm i cili siguron që faqja juaj të lë përshtypje audiencën pavarësisht se çfarë pajisjeje ata përdorin. Ju gjithashtu mund të shtoni një blog të fuqishëm për të ndarë informacione shtesë në lidhje me temën tuaj dhe për të dhënë një imazh më profesional.

Sferat: Tregjet NFT dhe kriptovalutat.

Detyrat kryesore :

  • paraqitje të ndryshme të portofolit;
  • variacione me stil të kokës dhe të fundit;
  • Fonts Google;
  • efekt parallaks;
  • menuja e lëvizjes.

Bli Tani | DEMO | Shkarkoni falas në MonsterONE

Curex – WordPress Woocommerce Divi temë për fëmijë për faqen mjekësore

Curex është një zgjidhje e mrekullueshme jashtë kutisë që ju lejon të përjetoni përdorimin e WordPress me Divi. Ka një shumëllojshmëri të gjerë të veçorive të avancuara dhe një dizajn tërheqës vizualisht. Ju jeni të lirë të zgjidhni nga pesë demonstrime të mahnitshme që dallohen nga turma. Më pas mund ta personalizoni uebsajtin sipas dëshirës tuaj dhe t'i shihni ndryshimet në kohë reale me një ndërtues zvarrit-dhe lësho.

Koka dhe funde të shumta me stil do të dekorojnë projektin online. Për më tepër, ai mbështet WooCommerce që do të thotë se është e mundur të filloni të gjeneroni drejtues dhe të merrni shitje. Mos harroni për paraqitjet e ndryshme të portofolit që ndihmojnë në organizimin e përmbajtjes suaj vizuale në mënyrën më të mirë.

Sferat: siti mjekësor, spitali, dentisti dhe kujdesi shëndetësor.

Karakteristikat kryesore:

  • dizajn plotësisht i përgjegjshëm;
  • paraqitje të shumta të blogut;
  • video në sfond;
  • Hartat e Google;
  • Fontet e Google.

Bli Tani | DEMO | Shkarkoni falas në MonsterONE

Artist – Divi Tattoo Parlor Theme WordPress

Nëse doni të zgjeroni shtrirjen tuaj si një artist tatuazhesh, kjo temë e denjë e WordPress me Divi do të bëhet asistenti juaj. Ka një dizajn super unik dhe minimalist, i cili do t'u sigurojë individëve një përvojë të qetë të përdoruesit. Ju nuk keni nevojë të mendoni se si instalohen temat e WordPress sepse do të shijoni importimin demo me një klikim.

Ka shumë opsione të gatshme për të rritur angazhimin dhe për t'i bërë njerëzit më entuziastë për faqen. Këto janë, për shembull, një menu me efekte speciale, një zonë rrëshqitëse në ekran të plotë dhe një karusel blogu. Ju gjithashtu mund të përfitoni nga zona e çmimeve 3D e cila do të tërheqë më shumë vëmendje ndaj shërbimeve tuaja. Me një formular kontakti dhe abonim në gazetën, do të jetë më e lehtë të zgjeroni bazën tuaj të klientit.

Sferat: shërbime tatuazhesh.

Karakteristikat kryesore:

  • strukturë e veçantë e blogut;
  • komente karusele;
  • zona e anëtarëve të ekipit;
  • opsioni i ndryshimit të sfondit;
  • 80 efekte të mrekullueshme animacioni.

Bli Tani | DEMO | Shkarkoni falas në MonsterONE

Duoroofers – Shërbimet e çatisë – WordPress Divi Child Theme

Duke përdorur këtë temë të shkëlqyer Divi WordPress, do të jeni në gjendje të filloni biznesin tuaj të çatisë. Paketa përfshin një gamë të gjerë karakteristikash që do t'ju ndihmojnë të keni sukses në biznesin tuaj. Ka pesë demo të jashtëzakonshme për të zgjedhur. Për t'i bërë ato më tërheqëse, mund të aplikoni një efekt të bukur Parallax.

Ashtu si shumë tema të tjera të WordPress, kjo zgjedhje e lehtë për t'u përdorur ofron import demo me një klikim. Mund të merrni më shumë mundësi për të rritur biznesin tuaj duke përdorur një sërë paraqitjesh të blogut dhe portofolit. Nga rruga, pamja e tyre mbresëlënëse do të mbetet e pandryshuar në të gjitha pajisjet moderne, falë një dizajni plotësisht të përgjegjshëm.

Sferat: çati, ndërtim dhe shërbime DIY.

Karakteristikat kryesore:

  • variacione të mëdha të kokës dhe të fundit;
  • Fonts Google;
  • Efekti paralaks;
  • menu drop-down;
  • Anëtarët e ekipit.

Bli Tani | DEMO | Shkarkoni falas në MonsterONE

Mirëqenia Sociale – Tema e WordPress Jofitimprurëse e Bamirësisë Divi

A keni ëndërr për një popullaritet të patëmetë për organizatën tuaj jofitimprurëse? Ju nuk keni nevojë të mendoni se si të krijoni një faqe interneti me WordPress sepse gjithçka që nevojitet është këtu. Paketa përfshin katër variacione të faqeve kryesore që krijojnë një platformë të qëndrueshme dhe të respektueshme në internet.

Për të maksimizuar shanset për t'u vënë re, sigurohuni që të përdorni një abonim në gazetën dhe një blog të integruar. Prandaj, do të merrni një numër të madh njerëzish që janë të interesuar rregullisht në sit. Gjithashtu, ekzistojnë dy versione të faqeve të rëndësishme si galeria dhe kontaktet. Ju gjithashtu do të jeni në gjendje t'i paraqisni ngjarjet tuaja të ardhshme në dritën më të mirë të mundshme.

Sferat: Bamirësi, OJQ, donacione, kisha dhe vende për mbledhjen e fondeve.

Karakteristikat kryesore:

  • funksionaliteti i portofolit;
  • dizajn plotësisht i përgjegjshëm;
  • menu drop-down;
  • import demo me një klikim;
  • dy variacione të faqes "Rreth nesh".

Bli Tani | DEMO | Shkarkoni falas në MonsterONE

Disa fjalë në përfundim

Klientët po eksplorojnë vazhdimisht faqe ku mund të mësojnë për një numër në rritje të bizneseve të ndryshme. Kjo është arsyeja pse ju duhet të keni një burim me reputacion në internet që zgjeron praninë e biznesit tuaj në mbarë botën.

Temat e Divi WordPress mund t'ju ndihmojnë të krijoni një faqe interneti tërheqëse dhe produktive. Ata gjithashtu zgjerojnë lidhjen tuaj të internetit dhe përmirësojnë identitetin tuaj të markës. Ato janë të thjeshta për t'u instaluar. Gjëja më e madhe është se gjithmonë mund t'i drejtoheni temave të WordPress për shkarkim falas. Ndoshta ato ofrojnë vetëm opsione bazë, por ia vlen të shikohen. tema falas të WordPress për t'u shkarkuar.

Shpresojmë se keni arritur të gjeni diçka që i përshtatet shijeve dhe preferencave tuaja në këtë koleksion të vogël. Faleminderit per leximin !

Divi: Si të krijoni skeda me efekt hover nga linjat

Divi: Si të krijoni skeda me efekt hover nga linjat

Dëshironi të krijoni skeda me efekt hover nga linjat me Divi?

Skedat janë padyshim të dobishme për të vënë në dispozicion informacione të rëndësishme në një zonë koncize të faqes tuaj të internetit. Kjo zvogëlon nevojën që përdoruesi të lëvizë nëpër përmbajtjen e një faqeje të gjatë. Moduli i skedave të Divi është i lehtë për t'u përdorur dhe i shkëlqyeshëm për të shfletuar përmbajtje të thjeshtë me një klikim.

Por në këtë tutorial, ne do t'ju tregojmë se si të konvertoni të gjitha rreshtat Divi në skeda që shfaqen në hover. 

Ne do t'ju tregojmë gjithashtu se si të krijoni skeda horizontale dhe vertikale. Kjo do të zhbllokojë fuqinë e Divi për të krijuar paraqitje të plota me module të shumta për secilën zonë të përmbajtjes së skedës. 

Nuk nevojiten shtojca!

Le të fillojë.

studim

Këtu është një përmbledhje e skedave që do të krijojmë së bashku në këtë tutorial.

Shkarkoni DIVI Tani!!!

Krijo një faqe të re me Divi Builder

Nga pulti i WordPress, shkoni te Faqet> Shto të Reja për të krijuar një faqe të re.

Linjat divi të konvertuara në skeda

Jepini një titull që ka kuptim për ju dhe klikoni Përdorni Divi Builder

Pastaj kliko Filloni të ndërtoni (Ndërtoni nga Gërvishtja)

Linjat divi të konvertuara në skeda

Pas kësaj, ju do të keni një kanavacë të zbrazët për të filluar projektimin në Divi.

Krijimi i skedave Horizontale Hover duke përdorur "Rreshtat Divi"

Në seksionin e paracaktuar të pranishëm, shtoni një rresht me dy kolona.

Sfondi i linjës, mbushja e kutisë dhe hije

Përpara se të shtojmë modulet tona, le të personalizojmë pak cilësimet e rreshtit. Hapni Cilësimet e linjës dhe përditësoni sa vijon:

  • Ngjyra e gradientit të majtë: #284f91
  • Ngjyra e gradientit të djathtë: #4646c4
  • Mbushja: 50 px (lart dhe poshtë), 50 px (majtas dhe djathtas)
  • Box Shadow: shikoni pamjen e ekranit
  • Ngjyra e hijes së kutisë: rgba (70,70,196,0.66)

Shtoni përmbajtje në rresht

Tani do të shtojmë përmbajtje mbajtëse vendesh në rreshtin tonë. Në kolonën 1, shtoni një imazh sipas zgjedhjes suaj me një modul Image. Këtu kemi përdorur një imazh nga paketa e paraqitjes « Paketa e paraqitjes së konferencës së dizajnit« .

Në kolonën e djathtë, shtoni një modul Thirrje për veprim dhe përditësoni sa vijon:

  • URL-ja e lidhjes së butonit: # (vetëm për të shfaqur butonin tani për tani)
  • Përdorni ngjyrën e sfondit: JO
  • Rreshtimi i tekstit: majtas
  • Fonti i titullit: Lato
  • Madhësia e tekstit të titullit: 60 px (desktop), 50 px (telefon)

Krijimi i skedës

Për të krijuar skedën aktuale mbi të cilën përdoruesit do të kalojnë për të zbuluar përmbajtjen e atij rreshti, ne duhet të krijojmë një modul Teksti dhe ta pozicionojmë atë lart djathtas me disa CSS të personalizuara.

Shkoni përpara dhe shtoni një modul të ri teksti poshtë imazhit në kolonën 1 dhe përditësoni sa vijon:

  • Trupi: "Tab 1"
  • Sfondi: #284f91 (kjo duhet të përputhet me ngjyrën e gradientit të majtë të rreshtit)
  • Rreshtimi i tekstit: në qendër
  • Ngjyra e tekstit: #ffffff
  • Gjerësia: 100 px
  • Lartësia: 50 px
  • Margjina: -100 px (lart), -50 px (majtas)
  • Mbushja: 14 px (sipër)

Së fundi, shtoni css-në e mëposhtme të personalizuar në elementin kryesor për t'i dhënë atij një pozicion absolut në krye të rreshtit.

position: absolute !important;
top: 0;

Lartësia dhe hapësira e seksionit

Tani për tani, hapni cilësimet e seksionit dhe përditësoni sa vijon:

  • Lartësia minimale: 500 px (Desktop), 900 px (Tablet), 750 px (Telefon)
  • Marzhi: 100 px (lart dhe poshtë)
  • Mbushja: 0 px (lart dhe poshtë)

Krijimi i rreshtit të dytë

Për të krijuar rreshtin e dytë, dublikojeni rreshtin që keni krijuar më parë. Zhvendoseni modulin e tekstit në kolonën 1 dhe imazhin në kolonën 2. Më pas përditësoni imazhin me një të ri. Kjo do t'ju ndihmojë të merrni një ide se si duket përmbajtje e ndryshme në secilën skedë.

Pastaj hapni cilësimet e modulit Teksti i përdorur për të krijuar skedën në kolonën 1 dhe zhvendoseni skedën djathtas, në mënyrë që aty ku ky rresht mbivendoset me rreshtin e mësipërm, të mund ta shihni skedën direkt në të djathtë të skedës së rreshtit të parë.

  • Margjina: 50 px (majtas)

U shtua efekti i pezullimit

Hapni cilësimet e rreshtit dhe shtoni filtrin e mëposhtëm:

  • Opaciteti: 70% (e parazgjedhur), 100% (rrit pezull)

Më pas shtoni një kohëzgjatje tranzicioni dhe një kurbë shpejtësie për efektin e pezullimit të filtrit të errësirës.

  • Koha e tranzicionit: 500 ms
  • Kurba e shpejtësisë së tranzicionit: lineare

Krijimi i skedës së tretë

Tani mund të shtojmë skedën tonë të fundit. Për ta bërë këtë, kopjoni rreshtin e dytë që sapo keni krijuar. Më pas zhvendoseni modulin e tekstit në kolonën 1 dhe imazhin në kolonën 2. Dhe përditësoni modulin e imazhit me një imazh të ri.

Përditësoni cilësimet e linjës me një gradient të ri të sfondit.

  • Ngjyra e gradientit të sfondit të majtë: #333333
  • Ngjyra e gradientit të sfondit të djathtë: #4646c4

Pastaj hapni cilësimin e modulit Tekst që përdoret për të krijuar skedën në kolonën 1 dhe përditësoni ngjyrën dhe margjinën.

  • Sfondi: #333333
  • Margjina: 150 px (majtas)

Ja se si duhet të duket faqja juaj përpara se të vendosim linjat tona të mbivendosen.

Linjat e mbivendosura me pozicionim absolut

Për të mbivendosur linjat tona, duhet të përdorim pozicionimin absolut. Së pari, përditësoni lartësinë e të tre rreshtave në 100%.

  • lartësia: 100%

Pastaj shtoni CSS-në e mëposhtme të personalizuar në elementin kryesor të të tre rreshtave:

position: absolute !important;
left: 0;
right: 0;
margin: auto;

Kështu duken skedat tona për momentin.

Ndryshimi i rendit të rreshtit në lëvizje me indeksin Z

Në këtë moment mund të keni vënë re se rreshti/skeda e tretë është në plan të parë. Pra, ne duhet të riorganizojmë rreshtat duke përdorur Z Index në mënyrë që skeda e parë të shfaqet së pari derisa të rri pezull mbi një skedë tjetër.

Lexo gjithashtu: Si të krijoni mbivendosje të personalizuara të imazhit në Divi

Për ta bërë këtë, hapni cilësimet e rreshtit të parë dhe përditësoni indeksin z si më poshtë:

Z-indeksi: 10

Pastaj vendosni indeksin Z të dy rreshtave të tjerë në hover.

Z-Indeksi: 11 (Hover)

Ajo është bërë ! Le të shohim rezultatin përfundimtar.

Rezultati përfundimtar

Shkarkoni DIVI Tani!!!

Krijimi i skedave vertikale

Nëse dëshironi të shtoni skeda vertikale në rreshta, ja çfarë duhet të bëni.

Vazhdoni dhe dublikojeni seksionin që përmban skedat e pezullimit që sapo krijuam, në mënyrë që të keni një dizajn të ri për të punuar.

Pastaj hapni cilësimet e seksionit dhe përditësoni sa vijon:

  • Mbushje: 10% (majtas dhe djathtas)

Përditësoni parametrat e mëposhtëm për të tre rreshtat e seksionit të kopjuar me sa vijon:

  • Gjerësia: 70% (Desktop), 70% (Tablet), 80% (Telefon)
  • Gjerësia maksimale: 980 px

Më pas, përditësoni drejtimin e gradientit në 90 gradë për të tre linjat.

  • Drejtimi i gradientit: 90 gradë

Tani është koha për të vendosur skedat tona të modulit Tekst në të majtë të rreshtave tanë për të marrë skedat vertikale të dëshiruara.

Shih gjithashtu: Si të krijoni një meny të rrotës rrotulluese në Hover në Divi

Hapni cilësimin e skedës së modulit të tekstit në rreshtin e parë dhe përditësoni sa vijon:

  • Margjina (Desktop): -50 px (lart), -150 px (Majtas)

Më pas, hapni cilësimet e skedës së modulit të tekstit të rreshtit të dytë dhe përditësoni sa vijon:

  • Margjina (Desktop): 0px (lart), -150px (Majtas)

Dhe për skedën e fundit në rreshtin e tretë, përditësoni sa vijon:

  • Margjina (desktop): 50 px lart, -150 px majtas
Divi

Rezultati përfundimtar

Tani le të shohim rezultatin përfundimtar.

Shkarkoni DIVI Tani!!!

përfundim

Me pak kreativitet dhe fuqinë e Divi, mund të krijoni disa skeda mjaft të lezetshme të personalizuara duke përdorur linjat Divi. Ka disa kufizime për atë që mund të shfaqni. 

Për shembull, me këtë konfigurim, të gjitha rreshtat duhet të kenë të njëjtën lartësi si seksioni. Por, për të mos pasur nevojë të përdorni një shtojcë, kjo është një zgjidhje e shkëlqyeshme. 

Shpresojmë që ky tutorial t'ju frymëzojë për projektet tuaja të ardhshme Divi. Nëse keni ndonjë shqetësim apo sugjerim, na gjeni në pjesa e komenteve për ta diskutuar atë.

Ju gjithashtu mund të konsultoheni burimet tona, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.

Por në ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.

...

Si të personalizoni WordPress për të rritur konvertimet

Si të personalizoni WordPress për të rritur konvertimet

Si të personalizoni WordPress për të rritur konvertimet?

Studimet tregojnë se më shumë 68% e blerësve filloni të hulumtoni produktet në internet. Kur ata shkruajnë emrin e biznesit tuaj ose produktin që ata po kërkojnë në Google dhe ndodhen në faqen tuaj të internetit, është jashtëzakonisht e rëndësishme që t'i siguroni atyre informacionin përkatës që ata kërkojnë.

Duhet më pak se një sekondë që përdoruesit të marrin një vendim në lidhje me faqen tuaj të internetit që përcakton nëse ata qëndrojnë apo largohen. 

rregulloje WordPress për të rritur shndërrimet

Nëse klientët tuaj potencialë gjejnë rrugën e tyre në faqen tuaj të internetit vetëm për t'u kthyer, as edhe një sekondë më vonë, ju po humbni shitjet.

Një mënyrë e shkëlqyer për të lufta kundër kësaj norme fryrje jashtëzakonisht i shpejtë është t'u siguroni klientëve tuaj potencialë informacione dhe përmbajtje përkatëse personale.

E vërteta prapa personalizimit

Personalizoni faqen tuaj të WordPress Jo vetëm që norma juaj e kërcimit do të ulet, por në fund të fundit do të rrisë shndërrimet tuaja.

Me mijëra opsione për të zgjedhur dhe mijëra biznese për të shpenzuar para në marketing dixhital, një faqe në internet gjenerik performanca e dobët nuk do të përkthehet në shndërrime dhe shitje.

Kur klientët e mundshëm gjejnë saktësisht informacionin që kërkojnë, ka më shumë të ngjarë të qëndrojnë, të ndërveprojnë dhe në fund të fundit të blejnë.

Zbuloni tonë tricks 4 për të ulur normën fryrje në WordPress blogun tuaj

Studimet tregojnë se konsumatorët kanë më shumë të ngjarë të blejnë nga një biznes që ofron një përvojë të personalizuar të përdoruesit dhe se përmbajtja e personalizuar mund të rrisë efektivitetin e shpenzimeve tuaja të marketingut me 10 deri në 30 përqind.

Me numra si këta, nuk keni mundësi të mos personalizoni faqen tuaj të internetit.

Përmbajtja që ju nevojitet për të personalizuar

Ju kaloni shumë kohë në ndërtimin dhe përsosjen e faqes suaj të WordPress, kështu që mund të jetë dërrmuese kur përpiqeni të vendosni se cilat pjesë të përmbajtjes do të personalizoni.

Fotografitë në faqen tuaj të internetit janë jashtëzakonisht të fuqishme dhe mund të kenë një ndikim të madh në normat tuaja të konvertimit. Nëse imazhet tuaja shtojnë një element njerëzor në markën tuaj, tregojnë detaje, ose udhëzojnë konsumatorin atje ku dëshironi të shikojnë, personalizimi i kësaj pjese të faqes suaj të internetit lejon vizitorët tuaj të lidhen me biznesin tuaj. Një nivel më i thellë.

Informacioni i kontaktit - Ndërsa imazhet ju lejojnë të krijoni lidhje emocionale me vizitorët tuaj, sigurimi i detajeve të sakta të kontaktit është një mënyrë e thjeshtë për të personalizuar faqen tuaj të internetit. Nëse keni përfaqësues të shitjeve me një ndalesë për vendndodhje të ndryshme ose një linjë specifike ndihme brenda natës, duke u treguar vizitorëve të faqes suaj të internetit të dhënat e sakta të kontaktit menjëherë i lejon ata të ju kontaktojnë dhe t'i bëjnë më të lehtë blerjet. 

Rishikimet dhe dëshmitë e klientëve - klientët lexojnë komente para se të bëjnë një blerje. Për këtë arsye, është gjithnjë e më e rëndësishme të kesh komente në faqen tënde të internetit. Personalizimi i këtyre komenteve mund t'i bëjë ato edhe më ndikuese. Ju mund ta bëni këtë duke treguar rishikime të produkteve përkatëse dikujt që ka blerë më parë, ose duke treguar vlerësime nga dikush në një rajon të caktuar të vendit tek dikush tjetër në atë rajon.

Informacioni i produktit - Nëse jeni duke shitur një produkt ose shërbim që nuk është i disponueshëm në rajone të caktuara ose për grupe të caktuara moshe, personalizimi i përshkrimeve të produktit mund të jetë mënyra ideale për t'u parë në lidhje me këtë informacion. Kjo teknikë ju lejon të shpërndani informacionin përkatës tek klientët përkatës pa ngatërruar faqen në internet për njerëzit që nuk kanë nevojë për të.

Zbuloni duke klikuar në këtë lidhje Pse është kaq e lartë norma juaj e fryrjes?

Thirrjet për veprim - Në varësi të pajisjes që përdor vizitori i faqes në internet, ku janë vendosur dhe çfarë i intereson ata, a butoni i thirrjes për veprim nuk është gjithmonë e rëndësishme ose joshëse. Përshtatja e tekstit të thirrjes për veprim dhe lidhja ku i dërgon klientit tuaj, mund ta bëjë atë më efektiv sesa një opsion i përshtatshëm për të gjitha.

Artikuj në faqen e parë blog dhe përmbajtje tjetër - Në këtë botë të çmendur të WordPress SEO, postimet në blog që ju shkruani dhe përmbajtja tjetër që krijoni në faqen tuaj të internetit duhet të jenë relevante dhe tërheqëse për përdoruesit. Shfaqja e përmbajtjes për vizitorët e faqeve të internetit dhe postimet në blog që janë interesante dhe të rëndësishme për ta, jo vetëm që u japin vlerë vizitorëve tuaj, por rrisin nivelet e angazhimit në postimet tuaja në blog.

Për të fituar popullaritet me faqen tuaj të internetit, audiencat tërheqëse që tashmë janë të interesuar për atë që po shkruani mund të jetë shumë e rëndësishme dhe është një përdorim më praktik i kohës tuaj.

Si të personalizoni faqen tuaj te internetit

Në varësi të produktit ose shërbimit tuaj, ka shumë mënyra për të personalizuar faqen tuaj në WordPress për të rritur konvertimet. Këtu janë disa ide për të marrë rrjedhën e krijimtarisë tuaj ndërsa personalizoni faqen tuaj të internetit:

Gjeotargjentimi

Përshtatja e përmbajtjes bazuar në vendndodhjen e vizitorëve është një mënyrë e shkëlqyeshme për të personalizuar faqen tuaj të internetit. Ju mund të ndryshoni imazhet për të pasqyruar imazhet përkatëse për vizitorin, të ndryshoni numrat e telefonit dhe informacionin e shitjeve për të treguar detajet e sakta të kontaktit bazuar në vendin ku ata bëjnë pazar dhe shumë më tepër.

Shih gjithashtu Si të rritet niveli juaj i konvertimit me plugin për kapjen e postës elektronike OptinLinks

Një madhësi nuk i përshtatet të gjithave kur bëhet fjalë për faqen tuaj në internet dhe informacionin që kërkojnë vizitorët e faqes suaj të internetit nga vende të ndryshme.

rregulloje WordPress për të rritur shndërrimet

Në këtë imazh, ju mund të shihni se si Universiteti i Montanës mund të përdorë gjeotargeting për të personalizuar faqen e tyre të internetit bazuar në vendndodhjen e studentit të interesuar që po viziton faqen e internetit. Në vend të një mesazhi gjenerik " Mësoni më shumë rreth arsyes pse UM është e përshtatshme për ju", Vizitorët në Boston do të shihnin mesazhin" Montana viziton Bostonin Dhe do të kisha mundësinë për të caktuar një takim për t'u takuar me përfaqësuesin e kampusit kur ata janë në rajon. Shkalla e klikimit për përmbajtjen e personalizuar është pothuajse dyfish në krahasim me postimin gjenerik.

GeoFli

GeoFli është një mjet i shkëlqyeshëm WordPress për gjeotargeting dhe gjeo-personalizimi. Shtojca e tyre WordPress ju lejon të personalizoni me lehtësi uebfaqen tuaj bazuar në vendndodhjen e vizitorit. Me GeoFli, ju mund të zgjidhni vendndodhjen që synoni sipas kodit postar, shtetit, vendit ose madje edhe të vizatoni gjeo-gardhin tuaj.

Shtojcë falas wp për Geofli

Gjithashtu ju lejon të ridrejtoni vizitorët nga vende të caktuara në URL të ndryshme. Për të përdorur GeoFli, ju thjesht duhet të zgjidhni përmbajtjen për të redaktuar, të zgjidhni zonën për të synuar dhe të redaktoni kopjen ose përmbajtjen për t'i dhënë vlerë audiencës së synuar.

Përshtatja e llojit të pajisjes

Shfaqja e përmbajtjes përkatëse për përdoruesit bazuar në pajisjen që ata po përdorin për të kërkuar në internet është një mënyrë e shkëlqyeshme për të ulur shpejtësinë e kërcimit, për të rritur shndërrimet dhe për t'u dhënë vizitorëve të faqes suaj të informacionit. që u duhen.

Lexo gjithashtu: Si të rritni konvertimet: rritni ofertat e kufizuara

Kuptimi i zakoneve të klientëve tuaj mund t'ju ndihmojë me këtë formë të personalizimit. Për shembull, konsumatorët kanë më shumë të ngjarë të blejnë nga një kompjuter desktop sesa një smartphone. Njohja e kësaj mund të ju inkurajojë të shfaqni informacionin e blerjes së produktit në kompjuter ndërsa theksoni vlerat e biznesit tuaj dhe përfitimet e produkteve në pajisjet mobile.

Logjikë Hop

Logjikë shtesë plugin wp falas

Logic Hop ju lejon të personalizoni përmbajtjen e faqes në internet bazuar në mënyrën se si vizitori arriti në faqen e internetit dhe atë përmbajtje që ata shikuan. Shtojca e tyre WordPress është një mënyrë e fuqishme për të ofruar përmbajtje të personalizuar tek vizitorët e faqes suaj të internetit.

Për të përdorur Logic Hop, gjithçka që duhet të bëni është të krijoni logjikë të kushtëzuar në seksione të caktuara të faqes suaj të internetit dhe faqja juaj në internet do t'i shfaq këto seksione kur të plotësohen kushtet.

Përshtatja e kohës

Shfaqja e thirrjeve unike ndaj veprimeve dhe përmbajtjes bazuar në kohën e ditës, javës ose vitit që vizitori është në faqen tuaj të internetit mund t'ju lejojë të përdorni modele përdoruesi për të rritni shndërrimet.

Lexoni gjithashtu udhëzuesin tonë Si të përdorni FOMO në WordPress për konvertime më të mira

Nëse e dini që një produkt ose shërbim i caktuar po shet më mirë në një moment të caktuar, mund ta personalizoni faqen tuaj të internetit që ta shfaqë atë gjatë asaj kohe.

Personalizimi i Avancuar nga FlowCraft

Personalizimi i Avancuar nga FlowCraft ju lejon të personalizoni përmbajtjen e faqes në internet bazuar në kohën, numrin e vizitave dhe më shumë. Shtojca e tyre WordPress ju lejon të kombinoni lehtësisht seksionet dhe ta personalizoni atë për grupe edhe më specifike të njerëzve.

Personalizim i Adv wp plugin falas

Ngjashëm me Po të jetë kështu, për të përdorur përshtatjen e përparuar të Flow Craft, thjesht duhet të krijoni një kusht dhe të specifikoni se çfarë do të shfaqet nëse kushti plotësohet ose jo.

Personalizimi i ndërveprimit të faqes në internet

Mënyra se si një konsumator ndërvepron me faqen tuaj të internetit është gjithashtu një mundësi e shkëlqyeshme për t'i treguar atyre përmbajtje të personalizuar. Nëse ato janë të lidhura dhe kanë bërë precedentë blerjet, ju mund të sugjeroni artikuj të ngjashëm, nëse janë vizitorë për herë të parë, ju mund t'u tregoni atyre artikujt më të njohur dhe nëse ata gjetën faqen tuaj për shkak të një reklame specifike, mund t'i shfaqni ato. shfaq informacionin që është i rëndësishëm për këtë reklamë.

Po të jetë kështu

If-So ju lejon të personalizoni përmbajtjen e faqes në internet bazuar në profilin e vizitorit tuaj ose ndërveprimin me faqen e internetit. Kjo shtojcë WordPress ju lejon të shfaqni përmbajtje unike bazuar në datën, profilin e përdoruesit dhe më shumë.

Shtesë falas e ifso wp

Për të përdorur If-So, gjithçka që duhet të bëni është të zgjidhni kushtin që dëshironi të synoni dhe më pas të përcaktoni përmbajtjen që dëshironi të shfaqni pavarësisht nëse kushti është përmbushur ose jo.

Kur klientët e mundshëm vijnë në faqen tuaj të internetit, ju keni vetëm një pjesë të sekondës për të tërhequr vëmendjen e tyre dhe për t'i mbajtur ata të interesuar. Përshtatja e përmbajtjes në faqen tuaj të internetit WordPress është një mënyrë e shkëlqyeshme për t'u siguruar vizitorëve informacionin që ata kërkojnë dhe në fund të fundit të rrisni konvertimet.

Zbuloni gjithashtu Si të gjurmoni konvertimet në WordPress: Udhëzuesi hap pas hapi

Pavarësisht nëse është personalizimi i informacionit të kontaktit bazuar në vendndodhjet e vizitorëve ose personalizimi i imazheve për kohën e vitit, përmbajtja e vlefshme është çelësi për konvertimin e klientëve me cilësi të lartë.

Burimet e rekomanduara

Mësoni rreth burimeve të tjera të rekomanduara për t'ju ndihmuar të ndërtoni dhe menaxhoni uebfaqen tuaj.

përfundim

Ketu eshte ! Këtu përfundon udhëzuesi ynë se si të rregullojmë WordPress për të rritur konvertimet. Nëse keni disa komente ose sugjerime, mos hezitoni të na tregoni në pjesën e rezervuar për këto.

Sidoqoftë, gjithashtu mund të këshilloheni burimet tona, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.

 Por mbi të gjitha ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.

... 

Si të instaloni WordPress plugins

Si të instaloni WordPress plugins

Në këtë artikull do t'ju tregojmë se si të instaloni shtojcat e WordPress

Si një nga sistemet më të njohura të menaxhimit të përmbajtjes (CMS), WordPress ofron fleksibilitet të madh dhe shumë opsione personalizimi. Ai ofron një shumëllojshmëri të gjerë të shtojcave të WordPress, të cilat ju lejojnë të modifikoni funksionalitetin e faqes tuaj të internetit.

WordPress ka drejtorinë e vet, e cila është e pajisur me shtojca falas dhe premium. Këto shtojca ju lejojnë të shtoni veçori të ndryshme, duke filluar nga format e kontaktit dhe buletinet e personalizuara deri te ruajtja e faqeve në memorie dhe siguria e WordPress.

Disa shtojca gjithashtu mund të modifikojnë faqen tuaj të internetit të WordPress në një dyqan online funksional me një Plugin WooCommerce ose një platformë e-Learning me Shtojcat LMS. Në fakt, madje mundeni krijoni shtojcën tuaj të WordPress.

Në këtë tutorial, ne do t'ju tregojmë procesin hap pas hapi të instalimit të shtojcave të WordPress duke përdorur tre metoda të ndryshme.

Në fund të këtij artikulli, ne do të përfshijmë gjithashtu disa këshilla që mund të ndiqni kur kërkoni shtojca të reja të WordPress për të përmirësuar faqen tuaj të internetit.

Por, para se të fillojmë, nëse nuk e keni instaluar kurrë WordPress, zbuloni Si të instaloj një WordPress blog hapa 7 et Si të kërkoni, instaloni dhe aktivizoni një temë WordPress në blogun tuaj 

Atëherë kthehu pse ne jemi këtu.

Si të instaloni shtojcat e WordPress nga drejtoria zyrtare e shtojcave

Mënyra më e lehtë për të instaluar shtojcat e WordPress është të hyni në drejtorinë zyrtare të shtojcave përmes zonës suaj të administratorit të WordPress. Sidoqoftë, kjo direktori e shtojcave të WordPress është e kufizuar vetëm në opsionet e shtojcave falas.

Hyni në pultin e WordPress tuaj dhe lundroni tek Zgjerime->Shto. Vazhdoni të kërkoni për shtojcën në kërko bar. Ju gjithashtu mund të shfletoni shtojcat e veçuara, të njohura ose të rekomanduara duke klikuar në skedat e dhëna në të majtë.

si të instaloni shtojcat e wordpress

Për shembull, nëse jeni duke kërkuar për shtojcën MonsterInsights, do ta shihni të shfaqet si rezultati i parë. Klikoni në butonin Installer tani për të filluar instalimin e shtojcës.

Prisni që procesi të përfundojë dhe klikoni butonin aktivizoj për të filluar përdorimin e kësaj shtojce WordPress.

Pasi të keni aktivizuar shtojcën, kontrolloni dhe konfiguroni settings të shtojcës duke shkuar te Shtesat -> Shtojcat e instaluara. 

Si të instaloni manualisht shtojcat e WordPress

Një mënyrë tjetër për të instaluar shtojcat e WordPress është të ngarkoni manualisht skedarët e shtojcave përmes pultit tuaj të WordPress.

Kjo metodë ju lejon të instaloni një shtojcë që mund të mos jetë në drejtorinë zyrtare të WordPress, por e disponueshme nga tregjet e palëve të treta, si p.sh. CodeCanyon et Koder.

Përpara se të filloni procesin e instalimit të shtojcave, së pari duhet të shkarkoni skedarin ZIP të shtojcës nga burimi i zgjedhjes suaj.

Tjetra, lundroni në zonën tuaj të administratorit të WordPress dhe klikoni Zgjerime -> Shto. atëherë lokalizoj butonin Tngre një zgjatje në krye të majtë të faqes.

si të instaloni shtojcat e wordpress

Zgjidhni skedarin në kompjuterin tuaj ZIP shtojcën që dëshironi të shkarkoni, më pas klikoni Instalo tani.

si të instaloni shtojcat e wordpress

Prisni që instalimi i shtojcës të përfundojë dhe trokitni lehtë mbi Aktivizo zgjerimin.

si të instaloni shtojcat e wordpress

Përdorimi i një klienti FTP për të instaluar shtojcat e WordPress

Ka disa shtojca premium dhe të personalizuara të WordPress që kërkojnë që t'i instaloni ato manualisht duke përdorur një Klienti FTP. Për një fillestar, procesi mund të jetë pak më i komplikuar pasi fillimisht do t'ju duhet të mësoni se si të konfiguroni një klient FTP.

Mos u shqetësoni, udhëzuesi i mëposhtëm do t'ju udhëheqë hap pas hapi. E tëra çfarë ju duhet të bëni është të ndiqni hapat.

Së pari, ekstrakt skedarin ZIP të shtojcës dhe ruajeni në një dosje në kompjuterin tuaj. Mbani në mend se dosja e skedarit të shtojcës së nxjerrë do të jetë ajo që duhet të ngarkoni përmes klientit FTP.

Tjetra, lidhni faqen tuaj të internetit me serverin FTP. Për ta bërë këtë, gjeni detajet FTP të ofruesit tuaj të pritjes.

Pasi të regjistroheni, lundroni te klienti juaj FTP – për këtë shembull që po përdorim FileZilla. Atje, futni kredencialet tuaja të hyrjes dhe shtypni butonin Lidhja e shpejtë. Pastaj shkoni në panel faqe e largët dhe kërkimi dosjen wp-content / plugins /.

Në panel faqe lokale, ngarkoni dosjen e shtojcave të nxjerra nga kompjuteri juaj në dosjen wp-content/plugins/ nga serveri juaj.

si të instaloni shtojcat e wordpress

Pasi të përfundojë transferimi, shtojca WordPress do të instalohet në faqen tuaj të internetit.

Për të aktivizuar shtojcën, duhet të hyni në pultin tuaj të WordPress. Shkoni te seksioni Zgjerime-> Shtojcat e instaluara, gjeni shtojcën, më pas klikoni aktivizoj.

Çfarë duhet të mbani mend kur zgjidhni një shtojcë WordPress?

Ka shumë shtojca në drejtorinë e shtojcave të WordPress dhe akoma më shumë të disponueshme në faqet e internetit të palëve të treta. Ky numër opsionesh mund të duket dërrmues, veçanërisht për fillestarët që përpiqen të kuptojnë se çfarë është e duhura për faqen e tyre të internetit.

Seksionet e mëposhtme do t'ju tregojnë disa gjëra thelbësore për t'u marrë parasysh kur zgjidhni një shtojcë për faqen tuaj të internetit.

Përditësime të rregullta.

WordPress lëshon përditësime të rregullta për të mbajtur sistemin e tij të përditësuar. Kjo është mënyra se si ata përmirësojnë performancën, ruajnë sigurinë, rregullojnë problemet e gabimeve dhe shtojnë veçori të reja.

Pra, përpara se të instaloni ndonjë shtojcë, merrni parasysh këto pika:

Sigurohuni që ai është i duhuri për punën

  • Përditësimi i fundit. Zgjedhja e një shtojce WordPress që përditësohet shpesh mund t'ju pengojë të bëni shkelje të sigurisë. Gjithashtu tregon se zhvilluesit janë ende duke e mirëmbajtur dhe përmirësuar në mënyrë aktive shtojcën.
  • Numri i instalimeve. Ky numër tregon se sa popullor është shtojca e përmendur e WordPress. Në përgjithësi, sa më shumë instalime aktive të ketë një shtojcë, aq më e mirë është cilësia e saj.
  • Audienca. Shqyrtimet dhe komentet e përdoruesve mund t'ju ndihmojnë të peshoni të mirat dhe të këqijat e një shtojce specifike. Kjo ju jep njohuri se si funksionon shtojca në situata në kohë reale.
  • Përputhshmëria. Një plugin që merr përditësime të rregullta nga zhvilluesit e tij është zakonisht i pajtueshëm me versionin më të fundit të WordPress. Kontrolloni gjithmonë skedën e përshkrimit për të parë se cili version i WordPress është i nevojshëm për të ekzekutuar shtojcën.

Para se të shkarkoni dhe instaloni ndonjë shtojcë në faqen tuaj të WordPress, sigurohuni që të kontrolloni pretendimet e bëra nga zhvilluesit. Lexoni dokumentacionin e shtojcës, shikoni forumet e mbështetjes së shtojcës dhe lexoni komentet.

Kërkimi përmes postimeve në blog është gjithashtu një praktikë e mirë pasi shumë faqe interneti ofrojnë komente të shtojcave.

BlogPasCher, ne gjithashtu shqyrtojmë dhe testojmë shtojcat e WordPress me veçori të ndryshme duke përfshirë shtojcat e menusëShtojcat e Google Analytics et rishikoni shtojcat.

...

Instaloni një shtojcë në të njëjtën kohë

Kur testoni një shtojcë në WordPress, mos harroni të instaloni dhe testoni çdo shtojcë individualisht. Në këtë mënyrë, do të shihni shpejt nëse po shkakton ndonjë problem për faqen tuaj të internetit dhe nëse mund t'i rregulloni ato.

Nëse vendosni të testoni disa shtojca të ndryshme në WordPress, mos harroni të çaktivizoni shtojcën e mëparshme përpara se të provoni një tjetër.

Gjithashtu, kur keni disa shtojca joaktive, është më mirë t'i hiqni ato pasi shumë instalime mund të mbingarkojnë faqen tuaj të internetit të WordPress dhe të ndikojnë në performancën e tij.

Përdorni vetëm një shtojcë për çdo veçori

Megjithëse shtojcat e WordPress shtojnë veçori të reja dhe përmirësojnë funksionalitetin e faqes tuaj të internetit, instalimi i shumë prej tyre mund të ngadalësojë faqen tuaj të internetit.

Në të vërtetë, sa herë që instaloni shtojcat e WordPress, ju shtoni kod të ri në faqen tuaj të internetit. Kur përdoren së tepërmi, shtojcat do të dërgojnë shumë kërkesa HTTP për të ngarkuar burimet e tyre, të tilla si fletët e stilit CSS, skedarët JavaScript dhe imazhet, të cilat do të ngadalësojnë shpejtësinë e ngarkimit të faqes suaj të internetit.

Për më tepër, instalimi i shtojcave të WordPress që kryejnë funksione të ngjashme mund të shkaktojë konflikte, duke thyer potencialisht një ose të dyja shtojcat. Pra, praktika më e mirë është të instaloni një shtojcë WordPress për çdo veçori.

Për shembull, Yoast SEO et AISEO keni grupe të ngjashme funksionesh – thjesht zgjidhni një për të shmangur konfliktet e shtojcave.

Shpresojmë që ky tutorial t'ju ndihmojë të mësoni se si të instaloni shtojcat e WordPress në blogun ose faqen tuaj të internetit. Tani keni mundësinë të përmirësoni funksionalitetin e faqes suaj të internetit edhe nëse nuk keni njohuri ose aftësi paraprake teknike.

Nëse nuk jeni i sigurt se me cilin plugin të filloni, merrni parasysh se çfarë i mungon uebsajtit tuaj aktual. Më pas, rishikoni shtojcat e disponueshme dhe krahasoni faktorë të rëndësishëm si përputhshmëria, rishikimet dhe përditësimi më i fundit.

Këtu janë disa nga shtojcat tona thelbësore të rekomanduara të WordPress për t'ju filluar:

  • Yoast SEOKjo shtojcë ndihmon në përmirësimin e postimit të blogut tuaj në WordPress dhe SEO të faqes përmes optimizimit të fjalëve kyçe dhe përshkrimeve meta
  • Elementor ou Beaver Builder. Ju ndihmon të ndërtoni faqen tuaj të internetit duke ofruar një ndërfaqe të lehtë për t'u përdorur zvarrit dhe lësho.
  • W3 Total Cache ou WP Super CacheRrit performancën e faqes suaj të internetit dhe zvogëlon kohën e ngarkimit me caching dhe integrimin me CDN.
  • Hartat e faqeve të Google XML. Gjeneron automatikisht hartat e faqeve XML për optimizim më të mirë të motorit të kërkimit.
  • AkismetKjo shtojcë zbulon dhe filtron mesazhet e padëshiruara në komentet tuaja dhe paraqitjet e formularit të kontaktit për të parandaluar çdo sulm me qëllim të keq.

Burime të tjera të rekomanduara

Ne gjithashtu ju ftojmë të konsultoheni me burimet më poshtë për të vazhduar më tej në kontrollin dhe kontrollin e faqes dhe blogut tuaj.

përfundim

Kjo është ajo për këtë udhëzues që ju tregon se si të instaloni shtojcat e WordPress. Nëse keni ndonjë shqetësim ose sugjerim, ju lutemi na tregoni brenda komente.

Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.

Ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.   

...  

Divi: Si të shtoni imazhe në një Mega Menu

Divi: Si të shtoni imazhe në një Mega Menu

Dëshironi të keni një Mega Menu Divi me imazhe për të ilustruar përmbajtjen e menusë? Ndiqni udhëzuesin tonë se si të shtoni imazhe në një Mega Menu?

Na pëlqen të ndërveprojmë me imazhet në internet. Me këtë në mendje, ka kuptim të shtoni një imazh në faqen tuaj të internetit sa herë që është e mundur. 

Për më tepër, shtimi i imazheve në një mega menu është një tjetër mundësi e shkëlqyer për t'u dhënë përdoruesve tuaj ndërveprimin që u nevojitet.

Imazhet gjithashtu përmirësojnë menunë duke tërhequr vëmendjen e tyre për të thjeshtuar më tej procesin e navigimit.

studim

Përpara se të hidhemi në këtë tutorial, le të hedhim një vështrim në rezultatin që duam të arrijmë.

Mega Menu Divi me imazhe

Krijimi i mega menusë

Për të filluar, së pari duhet të krijojmë menunë. 

Për këtë shembull, ne do të krijojmë një artikull kryesor të menusë prind të quajtur "Mega menu" me katër artikuj të nënmenysë më poshtë. Secili nga katër artikujt e nënmenysë ka tre nën-artikuj të nënmenysë.

Shkoni te pulti i WordPress dhe më pas klikoni Paraqitjet> Menutë

Mega Menu Divi me imazhe

Kliko në "Krijoni një menu të re", jepni një emër dhe klikoni mbi "Krijo menu".

Sigurohuni që të aktivizoni veçorinë e menysë CSS Classes duke klikuar në skedën Opcionet ekrani në krye të djathtë të ekranit të Menyve dhe kontrolloni Klasat CSS.

Tani mund të shtoni artikujt e menysë në menunë e re që keni krijuar.

Le të krijojmë fillimisht artikullin e menysë që do të jetë prindi i të gjithë artikujve të tjerë të menysë. Kjo është lidhja që do të shfaqë mega menunë tuaj në hover.

Për të krijuar këtë artikull të menysë, krijoni një lidhje të personalizuar me parametrat e mëposhtëm:

  • URL: http://#
  • Titulli i navigimit: Mega Menu
  • Klasat CSS: mega-menu

Tani rregulloni/zvarritni katër artikujt e menysë (secila me tre nën-artikuj të tyre) për t'u bërë nën-artikuj të lidhjes kryesore të Mega Menu-së.

Pasi të shtohen lidhjet në meny, lëvizni poshtë te 'Cilësimet e menysë' në fund të ekranit të menysë dhe zgjidhni 'Menyja kryesore' për vendndodhjen e shfaqjes. Së fundi, klikoni mbi "Ruaj menunë"

Ja si duket deri tani mega menuja jonë:

Mega Menu Divi me imazhe

Shtimi i imazheve në mega menunë

Tani që menyja është gati, është koha për të shtuar imazhet.

Lexo gjithashtu: Si mund të notoj postimet e blogut në DIVI?

Merrni imazhet

Filloni duke marrë katër imazhe. Këto imazhe duhet të lidhen me katër artikujt e nënmenusë (Rreth, Ofrimi i Shërbimit, Puna jonë dhe Na Kontaktoni).

Përdorni një redaktues fotografie për të zvogëluar shkallën dhe prerjen e çdo imazhi në gjerësi 500 px dhe lartësi 300 px.

Shtoni këto imazhe në bibliotekën e WordPress. Klikoni mbi Media > Shto.

si të shtoni imazhe në një Mega Menu

Zvarritni imazhet tuaja në faqe për t'i shtuar ato ose klikoni 'Zgjidhni skedarët'

si të shtoni imazhe në një Mega Menu

Futni imazhe në Mega Menu

Kthehuni në faqen e menyve në pultin e WordPress.

Në këtë shembull, lidhja në krye të kolonës së parë është "Rreth"

Klikoni shigjetën në të djathtë të artikullit "Rreth". Në kutinë e etiketës së navigimit, shtoni imazhin e dëshiruar duke përdorur etiketën html img direkt para tekstit "Rreth". Etiketa e imazhit duhet të duket kështu:

<img src=”Insert Image URL” alt=”Alternate Text” width=”100%” />
si të shtoni imazhe në një Mega Menu

Për të gjetur url-në e figurës, shkoni te Media > Biblioteka e mediave, klikoni imazhin që dëshironi të shtoni. 

Në ekranin që shfaqet Detajet e shtojcës, gjeni URL-në në seksionin e djathtë dhe më pas klikoni 'Kopjo URL-në në kujtesën e fragmenteve'

si të shtoni imazhe në një Mega Menu

Tani kthehuni te konfigurimi i artikullit të menusë "Rreth" në faqen e menysë dhe zëvendësoni tekstin "Fut URL e imazhit" duke ngjitur URL-në e imazhit tuaj duke përdorur ctrl+v.

si të shtoni imazhe në një Mega Menu

Para se të dilni nga opsionet e konfigurimit për artikullin e menysë "Rreth", gjeni kutinë e tekstit CSS Classes dhe futni klasën "mega-link".

Kjo do të na lejojë të shtojmë një stil të personalizuar më vonë.

Përsëriteni këtë proces për të shtuar tre imazhet e mëposhtme në secilin prej artikujve të nënmenusë me klasën "mega-link". (Në këtë shembull, tre elementët e mbetur janë "Shpërndarja e shërbimit", "Puna jonë" et " Na kontaktoni ".)

Rezultat

Shkoni në faqen tuaj të internetit dhe rri pezull mbi lidhjen e mega menusë. Tani mega menuja juaj duhet të duket kështu:

Mega Menu Divi me imazhe

Vini re se kur rri pezull mbi secilën prej imazheve, imazhet zbehen me artikullin e nënmenysë direkt më poshtë. Kjo për shkak se imazhi është pjesë e asaj lidhjeje, kështu që klikimi mbi të do t'ju çojë në URL-në e lidhur.

Prekjet e fundit

Për këtë hap të fundit, shtoni disa css të personalizuara në meny për ta bërë fontin e tekstit më të madh dhe në qendër. Jepni gjithashtu një rreze kufiri rreth imazhit për ta bërë atë të duket më i pastër.

Në pultin e WordPress, shkoni te Divi> Opsionet e temës . 

Lëvizni poshtë te kutia CSS e personalizuar, futni CSS më poshtë dhe klikoni 'Ruaj ndryshimet' :

.mega-link > a {
    text-align: center;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: 3px;
}
 
.mega-link > a img {
    margin-bottom: 8px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
 
}

Rezultati përfundimtar

Ju keni mbaruar!

Nëse i keni ndjekur të gjitha hapat në këtë tutorial, këtu është rezultati që duhet të merrni.

Mega Menu Divi me imazhe

Shkarkoni DIVI Tani!!!

përfundim

Ju keni një mega menu Divi me imazhe pa pasur nevojë të përdorni një shtesë. Ky lloj menuje funksionon veçanërisht mirë për faqet e internetit të tregtisë elektronike që kanë shumë përmbajtje dhe kërkojnë imazhe të produktit. Shpresojmë që ky tutorial të jetë i dobishëm për projektet tuaja të ardhshme Divi.

Nëse keni nevojë për më shumë elementë për të përfunduar projektet e krijimit të faqes suaj të internetit, shfletoni gjithashtu udhëzuesin tonë në Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.

Nëse keni ndonjë shqetësim apo sugjerim, na gjeni në pjesa e komenteve për ta diskutuar atë.

Por ndërkohëndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.

...

Si të shtoni fontet e personalizuara në një uebfaqe të WordPress

Si të shtoni fontet e personalizuara në një uebfaqe të WordPress

Dëshironi të mësoni se si të shtoni fontet e personalizuara në një uebsajt të WordPress?

Pse ta bëni blogun tuaj të mërzitshëm duke përdorur fontet standarde? Lëreni blogun tuaj të flasë për personalitetin tuaj të gjallë dhe temat që mbuloni me një shumëllojshmëri të gjerë të shkronjave të personalizuara. Shkronjat e personalizuara janë një veçori interesante që e bën blogun tuaj të duket i preferueshëm për të tjerët.

Le ta pranojmë; ne të gjithë i duam bloget dhe faqet e internetit me fontet e duhura. Ata jo vetëm që dekorojnë faqen e internetit, por gjithashtu ndihmojnë në tërheqjen e përdoruesit në përmbajtjen tuaj. Sidoqoftë, zgjedhja e shkronjave standarde të WordPress është e kufizuar dhe varet nga tema që po përdorni. Lajmi i mirë është se ju mund t'i shtoni ato manualisht ose me shtojca të specializuara të WordPress.

Dhe këtu lindin dy pyetje: ku mund të merrni fontet e personalizuara për WordPress dhe si të instaloni fontet e personalizuara në faqen tuaj.

Le të gjeni.

Pse duhet të përdor fontet e personalizuara?

Kanë ikur kohët kur Times New Roman dhe Georgia konsideroheshin të vetmet shkronja të shkruara për tekst në faqet e internetit. Gjatë viteve të fundit, hapësira e shkronjave ka ndryshuar plotësisht me ardhjen e shkronjave si p.sh Google Fonts dhe të tjerët.

Sot, në internet ka qindra fonte falas, mjete informacioni dhe trajnimi, si dhe burime dizajni. Ndryshe nga Adobe Illustrator, Photoshop dhe aplikacione të tjera klasike, WordPress nuk ju jep kontroll të plotë mbi fontet e paracaktuara. Vetëm disa tema të WordPress zgjedhin të mbështesin dhe përdorin fontet e personalizuara.

Prandaj, në këtë artikull, do të mësoni se si të gjeni fontet e përshtatshme të personalizuara dhe t'i përdorni ato në faqen tuaj të internetit të WordPress.

Rëndësia e përdorimit të shkronjave të personalizuara

Pse të ndryshoni fontet, dhëmbëzimin e fjalëve, ndarjen e rreshtave, ndarjen e shkronjave ose ngopjen e shkronjave, ju pyesni? Megjithatë, disa studime tregojnë se tipografia përmirëson të kuptuarit e leximit.

Shumë varet nga ndërtimi i shkronjave. Në një nivel të vetëdijshëm dhe nënndërgjegjeshëm - të gjithë vlerësojnë përmbajtjen e një uebfaqe sipas dizajnit.

Dizajni i shkronjave ndikon te lexuesit, edhe nëse ata nuk i kushtojnë vëmendje. Të heqësh dorë nga dizajni i shkronjave do të thotë të heqësh dorë nga vetë zhvillimi! Nga kjo varet disponimi i lexuesit. Fonti e bën më të lehtë leximin ose i detyron përdoruesit të largohen nga faqja.

Të gjithë shfletuesit e uebit përfshijnë një grup shkronjash të paracaktuara. Kjo do të thotë që nëse fonti nuk është i specifikuar në CSS të faqes, do të përdoret versioni standard. Ju ende mund të përdorni fontet e paracaktuar, por ato e bëjnë më të vështirë për përdoruesit. Kjo është arsyeja pse është thelbësore të përdorni një font të personalizuar. Nëse tema juaj e WordPress nuk ju jep opsione për të ndryshuar fontin, ka shumë faqe interneti dhe mjete që mund të ndihmojnë.

Alternativat e shkronjave të Google

shtoni shkronja të personalizuara

Shumë prej jush e njohin Fonts Google. Ka shumë faqe të tjera ku mund të gjeni fonte të bukura. Disa prej tyre janë falas për përdorim personal. Nëse keni nevojë për përdorim komercial, do t'ju duhet një licencë. Fontet e Google dhe Fontet e Adobe Edge janë falas. Kjo është arsyeja pse ato nuk janë aq unike.

ja disa burime të tjera për gjetjen e shkronjave për përdorim falas dhe komercial:

  1. TemplateMonster — Në faqen e internetit TemplateMonster do të gjeni gjithçka që ju nevojitet për dizajnin e uebit. Ka gjithashtu shumë fonte dhe paketa fontesh për përdorim personal për një çmim të vogël. Përveç kësaj, Për t'ju ndihmuar të zgjidhni, të gjitha fontet e paraqitura në broshura ose korniza. Çdo font paraqitet edhe me licencë komerciale.
  2. MyFonts — MyFonts aktualisht ofron përzgjedhjen më të madhe të shkronjave në botë. Megjithatë, çmimet këtu janë gjithashtu në segmentin e sipërm. Pra, nëse keni një buxhet të ngushtë, kjo mund të mos jetë për ju.
  3. FontSpring — Fontspring shet fontet e reja për përdorim komercial. Por pothuajse në çdo familje, 1-2 fonte falas mund të përdoren për qëllime personale. Gjithashtu, ekziston një seksion i veçantë me fontet falas. Koleksioni është i gjallë. Por do t'ju duhet të studioni me kujdes informacionin e licencës për një font të caktuar përpara se të shkarkoni.
  4. Shkronjat e kufomave — Është gjithashtu një koleksion i madh i shkronjave të ndryshme. Zgjidhni cilindo dhe do të shihni një faqe me informacion të detajuar në lidhje me të. Ka shumë fonte falas, dhe ato ndahen në seksione individuale. Sistemi i renditjes në CufonFonts është mjaft fleksibël dhe i përshtatshëm. Gjithashtu, përfshihet edhe mbështetja e Webfont.
  5. Dafont — Një koleksion tjetër i arritshëm prej 3 fontesh falas. Shumica e tyre janë krijuar vetëm për përdorim personal. Një veçori e lezetshme e DaFont është një sistem kategorish. Ju mund të zgjidhni fontet në stilin e komikeve, video lojërave, vintage etj….

Zgjedhja e shkronjave është shumë joshëse sepse janë të gjitha të bukura. Por nuk duhet të zgjidhni shumë. Mos përdorni më shumë se dy fonte në një sajt ueb. Atëherë pamja e faqes suaj të internetit do të jetë e qëndrueshme. Pasi të keni zgjedhur fontet tuaja, sigurohuni që të ngarkoni skedarët për secilin stil që do të përdorni (të rregullt, të theksuara, të pjerrëta, etj.).

Tani që keni zgjedhur fontin e duhur për faqen tuaj të internetit, le të zbulojmë se si ta shtojmë atë.

Si të shtoni fontet e personalizuara në WordPress

Ka disa mënyra për të shtuar fontet në një uebfaqe të WordPress:

  1. Shtesa : në këtë rast përdoren shtojca të ndryshme WordPress për të lehtësuar procesin.
  2. manualisht : duke përdorur këtë metodë, ju duhet një shkarkim i shkronjave të shkarkuar nga faqja dhe modifikimi i skedarit CSS.
  3. themes: Shumë tema të njohura kanë opsione të integruara për të personalizuar fontet tuaja (shënim – ne nuk do ta mbulojmë këtë opsion pasi procesi do të ndryshojë në varësi të temës që po përdorni.

Opsioni 1 – Ndryshoni fontet e WordPress me shtojca

Nëse nuk na interesojnë ndryshimet globale, ne mund të instalojmë shtojca të WordPress që do të ndryshojnë fontet në faqen tuaj të internetit.

Karakteristikat e shtojcave të shkronjave të personalizuara

Softueri me burim të hapur ka një avantazh për interesin e komunitetit, dhe WordPress e ka gjithashtu këtë avantazh. Disa shtojca të WordPress ju lejojnë të shtoni fonte të personalizuara. Si të zgjidhni një shtojcë të përshtatshme kur ka kaq shumë? Cilat janë veçoritë e shtojcave të WordPress me font të personalizuar?

Këtu janë disa pika për t'u marrë parasysh:

  • Aftësia për të përdorur një font të personalizuar
  • Aftësia për të përdorur shumë shkronja
  • Titujt dhe komponentët e synuar
  • Bonus: aftësia për të ndryshuar cilësimet e fontit nga redaktori vizual

Kjo eshte e gjitha. Karakteristika e parë në listë është shumë e rëndësishme. Ju ende mund të shkarkoni fontet nga faqet e internetit si DaFont, Font Squirrel, etj., por duhet të jeni në gjendje t'i ngarkoni ato në WordPress.

Le të shohim disa shtojca për WordPress që ju lejojnë të ngarkoni fontet e personalizuara.

1. Font Better Awesome

Kjo shtojcë WordPress do t'u lejojë përdoruesve të saj të ndërthurin automatikisht versionin e fundit të shkronjave më të mira Better Font me CSS, kode të shkurtra dhe më shumë. Përveç kësaj, kjo shtojcë WordPress azhurnohet automatikisht.

Shkronja më e mirë e mrekullueshme - shtojcat më të mira të tipografisë së WordPress

Ju do të gjeni atje si karakteristika: azhurnime të rregullta, një gjenerator i kodeve të shkurtra, pajtueshmëri me shtojcat e tjera të WordPress, etj ...

Shkarko | DEMO | web hosting

2. Fonts Google për WordPress

Kjo shtojcë WordPress përbëhet nga fonte speciale 877, të cilat do t'ju lejojnë të përdorni të gjitha fontet në faqet e internetit të WordPress. Falë parashikimit të tij në kohë reale, do t'ju lejojë të shihni se si do të duket faqja juaj e internetit pasi të aplikoni fontin. 

Fontet e Google - shtojcat më të mira të tipografisë së WordPress

Përveç kësaj, ju do të keni mundësi ta ruani atë dhe ta redaktoni në front, kur të gjeni kombinimin që do të shijoni.

Karakteristikat e tij përfshijnë: një vrojtim në kohë reale, a SEO mjaft e përparuar, mbështetje shumë-gjuhëshe, mbështetje për më shumë fonte 870 + Google, azhurnime të thjeshta dhe më shumë.

Shkarko | DEMO | web hosting

3.Plugini Fonts

Shtojca Fonts është një shtojcë falas e WordPress që lejon përdoruesit të hyjnë në bibliotekat e Google Fonts dhe Adobe Fonts. Me këtë shtojcë WordPress, ju mund të zgjidhni nga mbi 1000 shkronja Google dhe Adobe, të përdorni fonte të shumta në faqen tuaj të internetit dhe të provoni opsione të ndryshme me veçorinë e paraafishimit të plugin-it në kohë reale në personalizuesin e WordPress.

shtojcat më të mira të tipografisë wordpress

Për më shumë mënyra për të personalizuar tipografinë e faqes suaj të internetit si madhësia e shkronjave, hapësira e shkronjave dhe lartësia e rreshtit, mund të përmirësoni në versionin premium, Fonts Plugin Pro.Shkarko | DEMO | web hosting

4. Fonts Easy Google

Easy Google Fonts është një nga shtojcat më të mira të WordPress për të personalizuar tipografinë e faqes suaj të internetit. Ashtu si shtojca e shkronjave, ajo ju lejon të zgjidhni nga qindra shkronja të Google dhe t'i shikoni ato paraprakisht në Përshtatës përpara se t'i shtoni në faqen tuaj të internetit.

10 shtojca tipografie të WordPress për blogun tuaj

Edhe pse ofron akses në një numër më të vogël të shkronjave të Google, është unik në atë që ju lejon të krijoni kontrolle dhe rregulla të personalizuara të shkronjave në zonën e administratorit, të cilat do të shfaqen menjëherë në personalizuesin e WordPress.

Shkarko | DEMO | web hosting

Opsioni 2 – Instaloni manualisht fontet e personalizuara të WordPress

Duke përdorur direktivën @font-face, mund të lidhni një ose më shumë fonte me faqen tuaj të internetit. Por kjo metodë ka të mirat dhe të këqijat e saj.

Avantages:

  • Falë CSS, ju mund të lidhni fontet e çdo formati: ttf, otf, woff, svg.
  • Skedarët e shkronjave do të vendosen në serverin tuaj – nuk do të vareni nga shërbimet e palëve të treta.

disavantazhet :

  • Për lidhjen e saktë të shkronjave për çdo stil, duhet të regjistroni një kod të veçantë.
  • Pa e ditur CSS, mund të hutoheni lehtësisht.

Por nuk është një problem i vërtetë nëse mundeni thjesht kopjoni një kod të përfunduar dhe ku duhet të specifikoni vlerat tuaja.

Remarque : Para se të filloni, sigurohuni krijoni një temë për fëmijë për faqen tuaj të internetit. Në këtë mënyrë ju mund të bëni të gjitha ndryshimet në temën e fëmijës suaj, duke lënë temën tuaj kryesore në mënyrë që ta përditësoni lehtësisht nëse është e nevojshme në të ardhmen.

Hapi 1: Krijoni një dosje "fonts".

Në temën e fëmijës tuaj, krijoni një dosje të re "fonts" nën: wp-content/themes/your-child-theme/fonts

Hapi 2. Ngarko skedarët e shkronjave të shkarkuara në faqen tuaj të internetit

Kjo mund të bëhet përmes panelit të kontrollit të pritjes ose përmes FTP.

Shtoni të gjithë skedarët e shkronjave në dosjen e fonteve të shtuara rishtazi: wp-content/themes/ Në temën e fëmijës tuaj, krijoni një dosje të re “fonts” nën: wp-content/themes/your-child-theme/fonts që keni krijuar.

Hapi 3. Importoni fontet nëpërmjet fletës së stilit të temës së fëmijëve

Hapni skedarin style.css të temës së fëmijës suaj dhe shtoni kodin e mëposhtëm në fillim të skedarit CSS (pas komentit të temës së fëmijës):

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont.eot');
src: url('fonts/WebFont.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont.woff') format('woff'),
url('fonts/WebFont.ttf') format('truetype'),
url('fonts/WebFont.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: normal;
}

ku MyWebFont është emri i fontit dhe vlera e vetive src (të dhënat në kllapa në thonjëza) është vendndodhja e tyre (lidhjet relative). Duhet të specifikojmë secilin stil veç e veç.

Meqenëse ne fillimisht lidhim stilin normal, i vendosëm tiparet e peshës së shkronjave dhe të stilit të shkronjave në normale.

Hapi 4. Kur shtoni kursive, shkruani sa vijon:

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic.eot');
src: url('fonts/WebFont-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic.woff') format('woff'),
url('fonts/WebFont-Italic.ttf') format('truetype'),
url('fonts/WebFont-Italic.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: italic;
}

Kur gjithçka është njësoj, ne jemi të vetmit që i bashkëngjitim vetinë e stilit të shkronjave në italic.

Hapi 5. Për të shtuar fontin e trashë, shtoni kodin e mëposhtëm:

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Bold.eot');
src: url('fonts/WebFont-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Bold.woff') format('woff'),
url('fonts/WebFont-Bold.ttf') format('truetype'),
url('fonts/WebFont-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: normal;
}

Ku e vendosim vetinë font-weight në bold.

Mos harroni të specifikoni vendndodhjen e saktë të skedarëve të shkronjave për çdo stil.

Hapi 6. Për të lidhur kursive të theksuara, shkruani sa vijon:

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic-Bold.eot');
src: url('fonts/WebFont-Italic-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic-Bold.woff') format('woff'),
url('fonts/WebFont-Italic-Bold.ttf') format('truetype'),
url('fonts/WebFont-Italic-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: italic;
}

Epo, kjo është ajo. Tani që keni lidhur katër stile shkronjash me faqen tuaj të internetit.

Por ka një shënim: kjo lidhje me fontin nuk do të shfaqet siç duhet në Internet Explorer 8. Ngushëllimi është se ka shumë pak njerëz që ende përdorin IE8.

Burime të tjera të rekomanduara

Ne gjithashtu ju ftojmë të konsultoheni me burimet më poshtë për të vazhduar më tej në kontrollin dhe kontrollin e faqes dhe blogut tuaj.

përfundim

Cila është gjëja e parë që përdoruesit vënë re kur vizitojnë faqen tuaj të internetit? Është e drejtë, dizajni i saj! Shumica e dizajnit mbështetet në përdorimin e duhur të shkronjave të bukura. Pra, duhet të kujdeseni për dizajnin e shkronjave të faqes suaj të internetit. Shto kod ose përdor një nga shtojcat e përmendura më sipër për të futur një stil të ri fonti. Se si e zgjidhni varet nga ju.

Sigurohuni që të mos përdorni më shumë se dy fonte në të njëjtën faqe interneti. Meqenëse sa më shumë shkronja të personalizuara të shtoni në faqen e internetit, aq më shumë do të bjerë shpejtësia e faqes në internet.

Kjo është ajo për këtë artikull që ju tregon se si të shtoni fontet e personalizuara në një uebsajt të WordPress. Ju ftojmë të provoni. Nëse keni ndonjë shqetësim ose sugjerim, ju lutemi na tregoni brenda komente.

Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.

Ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.   

...