10 võimalust oma WordPressi veebisaidi esteetilisemaks muutmiseks

Kas teile tundub, et teie WordPressi sait näeb pisut lame välja? Kas olete kunagi mõnda veebisaiti külastanud ja mõelnud, miks see tundub professionaalne, samas kui teie oma tundub lihtne? Meil on teadmised, kuidas muuta teie WordPressi sait nii funktsionaalseks kui ka vapustavaks.

Esteetilised disainiideed teie WordPressi saidi jaoks

Enne kui sukeldume, pidage meeles, et vähem on tavaliselt rohkem, eriti mis puudutab disaini. Rakendage mõnda neist näpunäidetest oma saidil, kuid ärge minge hulluks. Veebisaidi efektidega risustamine ei muuda seda mitte ainult amatöörlikumaks, vaid ka riskite selle toimivust aeglustada.

Sellegipoolest uurime mõningaid näpunäiteid oma WordPressi saidi esteetilisemaks muutmiseks.

1. Hõljutusefektid

Hõljutusefektide (animatsioonid, mis tekivad, kui hõljute hiirega objekti kohal) lisamine on suurepärane viis oma veebisaidi interaktiivsemaks ja kaasahaaravamaks muutmiseks. Hõljutusefektid tõmbavad külastaja tähelepanu kõikidele olulistele elementidele, mida soovite popiks muuta.

WordPressi enda kaudu on lihtne panna linke värvi muutma, kuid kui soovite panna teatud objektid põrkama, veidi suurendama või pulseerima, vajate WordPressi pistikprogrammi nagu Hõljutusefektid.

Kui kasutasite Elementor oma WordPressi saidi kujundamiseks saate selle kaudu lisada ka hõljutusefekte. Elementor pakub lihtsat õpetust oma YouTube'i kanalile hõljutusefektide lisamiseks.

2. Sujuvad animatsioonid

Peened animatsioonid võivad teie WordPressi saidile lisada interaktiivsust ja stiili. Erinevalt hõljutusefektidest saate lubada animatsioonid, nagu sisse- ja üleminekud, et kuvada sisu, kui kasutajad lehte alla kerivad.

Kaaluge ühe animatsiooni lisamist iga paari lehe pikkuse järel elementide jaoks, mida soovite silma paista. Katsetage animatsioone kindlasti töös, et need lehte üle ei koormaks.

Animatsioone saab hõlpsasti lisada Elementori kaudu, navigeerides saidile Täpsemalt > Liikumisefektid. Kui te Elementori ei kasuta, saate alla laadida sarnase pistikprogrammi Blocks Animatsioon.

Hüppelink (nimetatakse ka lehe hüppamiseks) võimaldab kasutajatel kiiresti "hüppada" lehe konkreetsetele jaotistele. Kui kasutate hüppelinke tõhusalt, saavad kõik teie saiti külastavad inimesed navigeerida pikkades jaotistes, ilma et peaksid ootama uue lehe laadimist.

WordPressi ajaveebis on a lehe hüpete lisamise õpetus nii ploki- kui ka klassikalise redaktori jaoks.

Tänapäeval käivad sotsiaalmeedia ja äri käsikäes. Olenemata sellest, kas teie veebisait on isiklik või professionaalne, lisab sotsiaalmeedia voogude integreerimine teie WordPressi saidile visuaalset huvi ja võib suurendada teie külastajate usaldustunnet.

Sa saad manustada säutse oma WordPressi postitustesse või kasutage pluginat nagu Sööda neid sotsiaalselt. Mõlemal juhul kaaluge oma saidile sotsiaalmeedia elementide lisamist, et suurendada külastajate suhtlust ja võrgustike loomist.

Isegi kui te pole selle terminiga tuttav, olete tõenäoliselt näinud parallaksi kerimist. Parallaksi kerimise korral liiguvad taustapildid erinevas tempos kui esiplaanil olev sisu, luues kasutajate lehel alla kerimisel ainulaadse 3D-laadse efekti.

Parallaksiefekte saate rakendada CSS-i, Elementori või mõne sarnase pistikprogrammi kaudu Täiustatud WordPressi taustad.

6. Video taustad

Õige kasutamise korral võivad videotaustad püüda külastajate tähelepanu ja muuta teie leht väga professionaalseks. Valige kvaliteetne video, millel on sujuv silmus, mis ei ületa teisi lehe elemente.

Kõike, mida mainisime, tuleks kasutada säästlikult, kuid olge eriti ettevaatlik, et mitte videotaustaga üle pingutada. Kahtluse korral pidage kogu saidi jaoks kinni ühest või kahest.

Saate oma saidile lisada videotausta Elementori või mõne sarnase pistikprogrammi kaudu Video taust.

7. Tegevusele kutsuvad (CTA) nupud

Isegi kui te midagi ei müü, on CTA-nupud üliolulised, et anda külastajatele teada, mida edasi teha. Klõpsatavad CTA nupud, mis paluvad inimestel teie uudiskirja tellida, konsultatsiooni ajastada või hinnapakkumist taotleda, võivad teie saidi konversioonimäära tõsta.

Proovige lisada paar hästi paigutatud CTA nuppu, millel on kontrastsed värvid ja mõjuv tekst. Saate lisada CTA nupu Elementori kaudu või kasutada pistikprogrammi nagu Icegram Engage.

8. Kleepuv päis

Kleeppäis (nimetatakse ka fikseeritud menüüks) jääb ekraani ülaossa fikseerituks isegi siis, kui kasutajad teie lehte alla kerivad. Kleepuvad päised on suurepärased, et pakkuda kiiret juurdepääsu olulistele elementidele, nagu teie kodu- ja kontaktlehed.

Kleepuvaid päiseid saab lisada CSS-i kaudu, minnes aadressile Välimus > Täiendav CSS ja sisestades sobiva koodi. Võite kasutada ka pistikprogrammi nagu Kleepmenüü ja kleepuv päis.

9. Ikonograafia

Ikoonid pole mitte ainult suurepärased visuaalsed abivahendid, mis edastavad teavet lühidalt, vaid muudavad ka teie veebisaidi juurdepääsetavamaks. Uuringud on näidanud, et visuaalsed elemendid aitavad nii düslektilistel kui ka mittedüsleksilistel lugejatel tekstilises teabes kiiremini ja hõlpsamini navigeerida.

Proovige lisada mõned asjakohased ikoonid, eriti tekstirohketes jaotistes, et muuta oma sisu hõlpsasti skannitavaks. Säilitage oma saidil ühtlane välimus, kasutades ühtset ikoonistiili. Tasuta ikoone leiate erinevatelt saitidelt, näiteks lapik või freeicons.io.

10. Animatsioonid LottieFilesiga

Tõstke oma ikoonid kõrgemale, animeerides neid nupuga WordPressi pistikprogramm LottieFiles. Lotid on animeeritud elemendid, mis laaditakse kiiremini kui GIF-id ja mille värve saab kohandada vastavalt teie kaubamärgile. Pistikprogrammist leiate palju tasuta kujundusi või tehke oma loosi rakenduses AfterEffects või sarnane tarkvara.

WordPressi disaini parimad tavad

Nüüd, kui oleme vaadanud mõningaid WordPressi dekoratiivsemaid elemente, vaatame üle mõned põhilised kujundustavad, et teie sait jääks teravaks.

• Vähem on rohkem: leidke õige tasakaal disainielementide ja negatiivse ruumi vahel.
• Kasutage ühtset brändingut, sealhulgas fonte, logosid ja värve järgige oma brändi stiili juhendit.
• Kasutage värviteooriat ja psühholoogia, et kutsuda publikus esile soovitud emotsioone.
• Omage selget visuaalset hierarhiat, mis aitab vaatajatel teavet seedida.
• Optimeerige oma saiti kõigi seadmete ja ekraanisuuruste jaoks.
• Laske sõpradel ja perel oma saiti testida ja anda teada vigadest või ideedest disaini täiustamiseks.

Muutke oma WordPressi sait teile ainulaadseks

Kui teile on tundunud, et teie WordPressi sait on pisut liiga elementaarne, võivad läbimõeldud detailid, nagu animatsioonid, dünaamilised taustad ja kleepuvad päised, sobida suurepäraselt asjade parandamiseks. Ärge unustage eriefektidega üle pingutada, et te ei muudaks oma saidi toimivust. Pidage oma WordPressi saidi kohandamisel alati silmas parimaid disainitavasid.

Rääkides sellest, kas teie praegune WordPressi teema töötab teie jaoks? Enne WordPressi teema valimist tuleb arvestada mõne asjaga ja teie saiti võiks uuendada, kui soovite asju muuta.