Veebisaidi kohandamine võib otsustavalt mõjutada piltide kasutamist. Piltide-kastiga Elementoris on sul võimalus esitada pilte koos pealkirjade ja kirjeldustega looduslikul moel. Lähme koos oluliste sammude läbimiseks, et seda funktsiooni tõhusalt kasutada.
Olulisemad teadmised
- Piltide kasti võimaldab sisestada pilte, pealkirju ja tekste.
- Sa saad pilte lisada meediateegist või väljastpoolt.
- HTML elemendid aitavad teksti vormindamisel.
- Erinevused pildi kujunduses, nagu tüpograafia omadused ja hõljuvad efektid, on olulised.
Samm-sammult juhend
1. Piltide kasti lisamine
Kõigepealt pead lisama piltide kasti oma Elementor-redaktoris. Saad selle elemendi valida uuest vahekaardist otse valikust ja lohistada selle oma veebisaidi soovitud tekstikohale. See loob sulle baasvormingu, millel on koht pildile, pealkirjale ja kirjeldustekstile.
2. Pildi valimine
Nüüd vali pilt. Mine kas oma meediateeki või laadi üles uus pilt. Veendu, et pilt oleks piisava kvaliteediga ja optimaalselt mõõdetud. Eelistatavalt ei tohiks see olla suurem kui 200 MB, et veebisaidi laadimisaeg ei kannataks.
3. Pildi suuruse määramine
Pildi kuvamise kohandamiseks saad valida erinevaid suuruse valikuid: pisipilt, keskmine, suur või originaalsuurus. Veendu, et valitud pilt sobib sinu lehe üldkujundusega. Liiga suur erinevus sobimatu pildiformaadi tõttu võib visuaalset muljet vähendada.
4. Pealkirja vormindamine
Mine piltide kasti pealkirjavälja. Siin saad sisestada oma pildikogumi pealkirja, nt "Austria lipp". Mõtle välja lööv pealkiri, mis kohe silma paistab.
5. Kirjeldusteksti lisamine
Vajadusel saad lisada pealkirja alla ka kirjelduse. See on valikuline, kuid hea võimalus pakkuda oma külastajatele rohkem teavet. Kui kirjeldus on pikk, peaksid kasutama HTML märgendeid lõikude loomiseks.
6. Teksti vormindamine HTML abil
Teksti sees reavahetuse loomiseks pead kasutama HTML elemente. Näiteks kasutatakse märgendit
, et tekitada reavahetus. Uuri veebis HTML koode, kui soovid rohkem teada teksti vormindamise kohta.
7. Lingi lisamine
Saad lisada ka linke pildiga seotuna. See võib juhtida üldistele lehtedele või spetsiifilistele sisulehtedele, näiteks sinu YouTube'i kanalile. Veendu, et link on õigesti sisestatud, et kasutajad saaksid sellele otse juurde pääseda.
8. Pildi asend ja joondus
Nüüd saad määrata pildi asukoha kastis: vasakul, paremal või keskel. Uuri ka pealkirjade ja kirjelduste tüpograafiat, et tekst sinu külastajatele meeldiv välja näeks.
9. Stiili kohandamine
Stiili valikute alal saad määrata pildi- ja tekstitaustad, vahed ning raadiusenurgad. Pidage meeles, et nurgaraadiuse kohandamine aitab pilti ümardada ja muudab selle elegantselt välja.
10. Hõljuvate efektide seadistamine
Määra, kuidas pildid peaksid reageerima, kui kasutaja nende peale hiirega liigutab. Sul on võimalus lisada animatsioone, näiteks pildi kerget suurendamist või läbipaistvuse muutmist. Sellised efektid aitavad su veebisaidi kasutajakogemusel ja muudavad selle dünaamilisemaks.
11. Pealkirja ja kirjelduse tüpograafia seadistamine
Lõpuks saate konfigureerida pealkirja ja kirjelduse tüpograafia. Katsetage erinevate fondide ja värvidega, et parandada oma veebisaidi kujundust. See muudab teksti lugejasõbralikumaks ja visuaalselt atraktiivsemaks.
Kokkuvõte
Pildikast Elementoris pakub mitmekesiseid võimalusi pildisisu kuvamiseks. Saate töötada loominguliselt ja samal ajal parandada kasutajakogemust. Sobivate vorminduste, hõlvamise efektide ja atraktiivsete linkide abil muudate oma pilte veel huvitavamaks.
