Ahvatlevate veebisaitide kujundamine on tänapäevases digitaalses maastikus hädavajalik. Elementor, WordPressi jaoks laialdaselt levinud lehekülje looja, pakub mitmesuguseid vidinaid atraktiivsete kujundite loomiseks. Üks nendest kasulikest tööriistadest on ikoonikast, mis võimaldab sul sisu visuaalselt atraktiivselt struktureerida. Selles juhendis sukeldume sügavale ikoonikasti funktsioonidesse ja näitame samm-sammult, kuidas saad seda tõhusalt oma projektides kasutada.
Olulisemad teadmised
- Ikoonikast kasutab ikoonidena pilte ning pakub vähem kohandamisvõimalusi kui pildid.
- HTML-i saab kasutada tekstiväljadel, et võimaldada erilisi vormindusi.
- Ikoonide värv ja suurus on kohandatavad, samuti nende joondus ja hõljumise efektid.
Juhend ikoonikasti kasutamiseks samm-sammult
1. Ikoonikasti valimine
Esmalt ava oma Elementori toimetaja. Ikoonikasti kasutamiseks lohista see lihtsalt vidinate loendist oma kujundusse. Seda leiad Elementori menüüst vasakul pool. Ikoonikast on üldjuhul jaotises "Elemendid".
2. Ikoonikasti põhitõdede mõistmine
Ikoonikast koosneb kahest põhielemendist: ikoonist ja tekstist. Erinevalt pildist, kus sul on rohkem kohandusvõimalusi, on ikoonide valikud veidi piiratumad. Ikoon kuvatakse keskel ning allpool on pealkiri ja kirjeldustekst.
3. Ikooni valimine ja teksti redigeerimine
Pärast ikoonikasti lisamist vali soovitud ikoon. Selleks klõpsa ikooniväljal ja sirvi saadaolevaid ikoonide valikuid. Vali näiteks rongiikoon, et lisada oma kavandile teemaline element.
Lisa seejärel soovitud pealkiri ja kirjeldustekst. HTML võib siin olla kasulik, näiteks uue rea alustamiseks tekstiploki järel, sisestades
märgendid.
4. Seadistuste kohandamine
Ikoonikast pakub mõningaid kohandamisvõimalusi, sealhulgas ikooni suuruse ja värvi. Seadete all saad määrata, kuidas ikoon tekstiga seoses joondatud on: vasakul, keskel või paremal. Katseta vahemaid, et tekst näeks kaunis ja selge välja.
Sul on ka võimalus määrata ikooni hõljumise efektid. Näiteks võid hiirega liigutades värvi muuta, et saada huvitav visuaalne tagasiside.
5. Tüpograafia ja värvid
Lugemise parandamiseks saad teksti tüpograafiat muuta. Muuda pealkirja ja kirjeldusteksti fondi suurust, fonti ja värvi. Veendu, et värvid sobiksid hästi su veebisaidi üldise ilme juurde. See tagab kooskõlalise kujunduse.
Värvid pole ainukesed kohandamisvõimalused; saad samuti juhtida vahemaid ikooni, pealkirja ja kirjeldusteksti vahel. Optimeeri neid vahemaid, et suurendada kasti loetavust ja visuaalset tasakaalu.
6. Salvestamine ja eelvaade
Kui oled oma kujundusega rahul, salvesta oma muudatused. Kontrolli, kas kõik näeb välja nagu soovitud, klõpsates nupul "Eelvaade". Siin saad näha, kuidas ikoonikast su veebisaidil kuvatakse.
Viimane pilk su kujundusele näitab, kas joondus, vahed ja hõljumise efektid näevad hea välja. Vajadusel tee veel mõned väikesed parandused enne lehe avaldamist.
Kokkuvõte
Ikoonikast Elementoris pakub suurepärast võimalust teabe visuaalselt atraktiivselt esitamiseks. Oled õppinud, kuidas valida ikoonid, redigeerida teksti ning kohandada kuvamist. Õigete seadistustega saad muuta oma veebisaidi mitte ainult funktsionaalseks, vaid ka esteetiliselt meeldivaks.
Korduma kippuvad küsimused
Kuidas valida ikooni?Valige ikooni väljal ikoonikasti ja sirvige saadaolevaid ikoonid.
Kas ma saan sisestada HTML-i ikoonikasti kirjelduste osadesse?Jah, saate kasutada HTML-i näiteks reavahetuste tegemiseks või linkide lisamiseks.
Kas ikoonikasti seadeid saab kohandada?Jah, saate muuta ikooni suurust, värvi, vahemaid ja paigutust ning teksti kohandada.
Kuidas saan ikooni jaoks hover-efekte seadistada?Saate määrata hover-värvid ikoonikasti seadetes.
