Elementor on võimas lehtede looja WordPressi jaoks, mis võimaldab teil luua atraktiivseid veebisaite ilma programmeerimisoskuseta. Üks kõige kasulikumaid Elementoris on ikoon-loend. Selle funktsiooni abil saate visuaalselt atraktiivselt esitada teavet olgu selleks siis tegevuste loendid, sotsiaalmeedia lingid või muu sisu. Selles juhendis näitan samm-sammult, kuidas luua ja kohandada atraktiivset ikoonloendit.
Peamised järeldused
- Ikooni-loendi abil saate kiiresti lisada visuaalseid elemente.
- Iga kirje saab individuaalselt varustada teksti, ikoonide ja linkidega.
- Loendi stiili ja paigutust saab paindlikult kohandada.
Juhend samm-sammult
Samm 1: Avage Elementor ja lisage ikoonloend
Kõigepealt avage Elementor redaktor veebisaidil, millega töötate. Otsige Elementor vidinavalikust võimalust "Ikooni-loend". Lohistage see vidin lehekülje soovitud jaotisse.
Samm 2: Kohandage ikoon-loendi elemente
Kui vidin on paigutatud, näete vaikimisi mõningaid loendi elemente. Saate ikoonide ja tekstirea arvu muuta, kasutades vastavaid suvandeid vasakus menüüs. Klõpsake nuppu "Loendi element 1", et teksti muuta. Siin saate näiteks sisestada "YouTube".
Samm 3: Valige ikoonid
Iga loendikirje jaoks sobiva ikooni valimiseks klõpsake ikoonivaldkonnas. Aken avaneb, kust saate valida ulatuslikust raamatukogust. Otsige "YouTube" ja lisage soovitud ikoon.
Samm 4: Lisage lingid
Iga loendi elemendi jaoks saate ka lingi määrata. Klõpsake selleks teksti kõrval olevat "Link" välja ja lisage vastav URL, näiteks oma YouTube'i kanali link.
Samm 5: Kohandage paigutust
Nüüd saate konfigureerida paigutuse suvandeid. Valige "Reaalajas" või "Täielik laius". Otsustage, kuidas soovite oma ikoonide-loendit visualiseerida, et see vastaks teie veebisaidi üldisele stiilile.
Samm 6: Kohandage stiili
Minge stiili vahekaardile, et muuta oma ikoon-loendi välimust. Siin saate määrata kauguse iga rea vahel, kohandada joondust ja lubada võimalikke eraldusmärke. Valige näiteks elegantse välimuse jaoks katkendjoon stiilseks märgiks.
Samm 7: Kohandage värve
Saate muuta ikoonide ja tekstide värve. Valige näiteks hiirega liigutades roheline värv. See annab interaktiivse varjuefekti, mis köidab teie külastajate tähelepanu.
Samm 8: Määrake teksti suurused ja trüpograafia
Tagamaks, et teksti suurus sobib visuaalselt ikoonidega, kohandage teksti suurust valikus "Tekst". Määrake suurus näiteks 25 ja valige sobiv tekstivärv harmoonilise visuaalse efekti saavutamiseks.
Samm 9: Eelvaade ja salvestamine
Kui olete oma ikoonloendiga rahul, klõpsake nuppu "Salvesta", et muudatused rakenduksid. Vaadake eelvaadet, et näha, kuidas nimekiri välja näeb esiküljel.
Samm 10: Funktsionaalsuse testimine
Testige oma avaldatud lehtedel lingid, et veenduda, et kõik toimib nagu soovitud. Kontrollige ka hõljumise efektide korrektset kuvamist, et tagada interaktiivsus.
Kokkuvõte
Selles juhendis õppisid, kuidas luua samm-sammult atraktiivne ja funktsionaalne ikoonide nimekiri Elementori abil WordPressile. Sul tuleb teha vaid mõned lihtsad kohandused, et nimekiri oma stiiliga kohandada ja kasutajakogemust optimeerida.
Sagedased küsimused
Kuidas lisada uus ikooninimekiri element?Sa saad lihtsalt klõpsata ikooninimekirja vidina "+" sümbolil, et lisada uus element.
Kas ma saan ikoonid pärast lisamist muuta?Jah, saad igal ajal kohandada iga ikooni, klõpsates vastaval nimekirja elemendil.
Kuidas saan muuta ikoonide värve?Elementori redaktori Stiiliala abil saad kohandada ikoonide ja teksti värve.
Kas ma saan lisada lingid sotsiaalmeediale?Jah, iga nimekirja sissekanne saab olla varustatud lingiga, mis on ideaalne sotsiaalmeedia jaoks.
Kas Elementoris on eelvaate funktsioon?Jah, saad näha oma muudatuste eelvaadet enne salvestamist.