Haldus

Kujunduse Astra kasutamine

Originaalinfo inglise keeles: https://wpastra.com/docs/manage-customizer-options/

 Astra valikud

Astra pakub WordPressi juhtpaneelil Astra all pühendatud seadete lehekülge. Siin saate hallata kõiki Astra teemaga ja Astra Pro lisandmooduliga seotud juhtelemente.

Astra teema kaasas loendi lisapluginate ja valikutega, mis on spetsiaalselt loodud teema funktsionaalsuse laiendamiseks. Saate aktiveerida ainult need valikud, mida vajate, mis parandab veebisaidi jõudlust. Kui need valikud on aktiveeritud, on need saadaval kohandajana.

Alates versioonist 3.0.0 on Astra teemaga kaasas päise ja jaluse looja. Saate valida, kas kasutada päise ja jaluse vanu või uusi loojaid, kasutades vahendit, mis on saadaval Astra valikutes.

Kohandajaga töötamine

Teie kohandaja asub juhtpaneelil teekonna all Välimus > Kohanda.

Kohandaja ülaosas vasakus nurgas leiate “X” ikooni, mis sulgeb kohandaja.

Paremas nurgas asub “Avalda” nupp. Pange tähele, et kui teete mingeid muudatusi, ilmub selle nupu kõrvale väike “hammasratas” sümbol. Selle sümboli klõpsamisel saate valida avaldamise, mustandi salvestamise (ja eelvaate jagamise) või ajakava määramise, millal teie uued kohandaja seaded avaldatakse.

Allpool on võimalus peita kohandaja ja näha täieliku laiusega veebisaidi muudatusi, mida olete teinud. Samuti leiate siit võimalused vahetada töölaua, tahvelarvuti ja mobiilseadmete simulaatorite vahel.

Vaate vahetamine võimaldab teil näha, kuidas teie veebisait erinevatel seadmetel välja näeb. Kuid veelgi olulisem on see, et see annab teile võimaluse iga vaate jaoks eraldi kohandaja seadeid reguleerida ning muuta oma veebisait täiuslikult reageerivaks.

 Ikoonid

Pliiats – need ikoonid asuvad erinevatel elementidel teie kohandaja eelvaates ja toimivad otseteedena, viies teid otse selle elemendi kohandaja seadete juurde.

Tagasi vaikimisi – need ikoonid asuvad teatud valiku kõrval kohandajas. Selle ikooni klõpsamine taastab selle valiku vaikimisi teemaväärtuse.

Reageeriv kohandamine – need ikoonid asuvad teatud valiku kõrval kohandajas ja sümboliseerivad, et selle valiku jaoks on saadaval reageeriv kohandamine. Nende klõpsamine lülitab ringi erinevate vaadete (töölaua/tahvelarvuti/mobiil) vahel, võimaldades teil määrata iga vaate jaoks eraldi väärtused.

Väärtuste sidumine – neid ikoonid leiate tavaliselt serva- ja täitmise valikute kõrval. Selle valiku aktiveerimisel sünkroonitakse kõik küljed (üles, paremale, alla, vasakule), et kasutada sama väärtust. Külgi saab individuaalselt muuta, inaktiveerides selle valiku.

Ühikuikoonid – paljusid väärtusi saab kasutada erinevate ühikutega. Kui need ikoonid on saadaval, saate valida, millist ühikut soovite kasutada. Näiteks kasutades 20 PX (pikslit) täitmiseks lisatakse alati sama ruum kõigile ekraanidele. Muutmine 20% -le lisab ruumi, mis kohandub ekraani/elementi kasutatava suurusega.

 Tüpograafia (fondid)

Võib-olla märkaksite seda mõnikord isegi mitte, kuid suurepäraste fontide kasutamine veebisaidil teeb tõesti suure erinevuse. Siin saate otsustada, milliseid fonte soovite erinevate elementide jaoks kasutada, sh fondi suurused, paksus jne. 

 Baas tüpograafia 

Alustame siin oma veebisaidi fondipere valikuga. See peaks olema teie veebisaidi domineeriv fondipere (kuigi saate oma veebisaidil kasutada rohkem kui ühte).

Kui teil pole juba ette määratud fonti, siis kulutage veidi aega erinevate fontide läbivaatamisele ja õige valimisele. Seda saate teha, klõpsates Pere rippmenüül ja kerides fontide loendit või sisestades nime otsinguväljale.

Valik on lai, kuna lisaks “Süsteemifontidele” saate valida ükskõik millise “Google Fonts”, mis on suurim veebifontide tasuta ja avatud lähtekoodiga kataloog. Loendit saab veelgi laiendada meie pistikprogrammide abil:

Kohandatud Adobe fondid (Typekit), et lisada Adobe fondid; Kohandatud fondid võimaldavad teil kasutada kõiki vajalikke kohandatud fonte – lihtsalt laadige fontifail üles ja see lisatakse fondiloendisse.

Nüüd, kui olete valinud oma fondipere, liikugem üksikasjadele. Kõigi “Variantide” valimine säästab teile aega ja klõpse – kui näiteks valite “700 Kaldkiri” variandi, saab iga kord, kui märgistate teksti kaldkriipsuks, see automaatselt kaalu 700.

Seejärel seadistage vaiketeksti “Suurus” (px-des), “Paksus” ja vajadusel “Teksti muundamine” (näiteks iga sõna suurtäheliselt muutmine oma veebisaidil).

Viimased kaks valikut mõjutavad, kui palju ruumi teie tekst võtab. “Rea kõrgus” määrab teksti igale reale kõrguse, samal ajal kui “Lõigu alumine vahe” määrab iga lõigu alla lisatava ruumi. Saate neid väärtusi seadistada, sisestades suuruse väärtuse või liigutades libisemisnuppu vasakule ja paremale.

 Pealkirjad

Pealkirjad aitavad teie veebilehe külastajatel mõista erinevate lehe või postituse jaotiste tähtsust. WordPress kasutab pealkirju H1 kuni H6.

Iga lehe või postituse kõige olulisem pealkiri on H1, ja see peaks pakkuma otsingumootoritele teavet selle lehe või postituse sisu kohta (millest see kõik käib). Seetõttu peaks iga postituse või lehe kohta olema ainult üks selline pealkiri.

Teisi pealkirju saab kasutada vastavalt vajadusele. Mida suurem on pealkirja number, seda vähem tähtis see on (nii et kui kasutate H6, tähistab see kõige vähem tähtsat sisu).

Siin saate seadistada peaaegu kõik valikud nagu Baastüpograafias, iga pealkirja jaoks eraldi, andes neile spetsiifilise ja rõhutatud välimuse.

 Värvid

Nüüd, kui teil on oma tüpograafia seadistatud, on aeg sellele veidi värvi lisada. Siin saate seada oma värviskeemi, et muuta see kutsuvaks ja luua õige meeleolu. Õigesti kasutatuna räägivad värvid kasutajatele palju sellest, millist tüüpi veebisaiti nad vaatavad, ja kaubamärgi enda kohta.

Selgitame, mida iga värvitüüp teeb:

Teksti värv – Värv kogu tavalise teksti (kogu teie tavaline tekst) ja veebisaidi kirjelduste jaoks;

Teema värv – Värv kõikide teemaelementide jaoks, näiteks nupud, valitud teksti taustavärv jne;

Lingi värv – Värv kõigile tekstidele, millele on lisatud link;

Lingi hover-värv – Värv kõigile tekstidele, millele on lisatud link ja mille kohal hõljutakse kursoriga (hõljumise värv).

Värvi muutmiseks klõpsake värvitüübi nime kõrval olevat värvilist ringi. Saate oma värvi valida visuaalselt, klõpsates värvivalijal ja seadistades läbipaistvuse, kui seda vajate. Alternatiivselt saate lisada värviväärtuse HEX, HSL või RGB formaadis.

Muudatuste eemaldamiseks ja värvi tagasipööramiseks vaikimisi värviks klõpsake “Kustuta” nuppu või klõpsake “tagasi vaikimisi” ikoonile.

Siin on teil ka võimalus seadistada taust kogu veebisaidile:

Taust – Teil on valida kolme võimaluse vahel: värv, gradient või pilt. Millise võimaluse valite, see rakendatakse kogu veebisaidi keha taustana.

Samuti saate seadistada nii värvi kui ka pildi korraga – sel juhul veenduge, et kohandate värvi läbipaistvust (alla 100%), et pilt oleks nähtav, kuna värv kasutatakse ülekatetena.

 Konteiner

Nüüd on aeg teha mõned seaded teie veebisaidi sisu jaoks. Konteiner on ala, kus kogu teie sisu kuvatakse igal lehel või postitusel. See määrab, kuidas ja kus teie veebisaidi sisu kuvatakse iga lehe või postituse jaoks. Konteiner aitab teil hallata ja kohandada, kuidas teie sisu lehele kuvatakse, tagades, et see näeks välja ja käituks soovitud viisil.

Sisuala ja küljeriba on konteineri osad. Sisuala on tehniliselt nimetatud primaarseks konteineriks, samas kui küljeriba on sekundaarne konteiner.

Primaarne konteiner, ehk sisuala, on tavaliselt peamine osa, kus kuvatakse veebisaidi põhisisu, näiteks artiklid, postitused ja muu peamine sisu.

Sekundaarne konteiner, ehk küljeriba, on tavaliselt eraldi ala, kus saate paigutada täiendavat teavet, näiteks vidinad, reklaamid või muu sisu, mis ei kuulu peamise sisualasse.

Nende kahe konteineri kombinatsioon võimaldab teil kohandada ja paigutada veebisaidi sisu vastavalt oma vajadustele ja kujundusnõuetele.

 Sisu laius 

See väärtus määrab teie konteineri maksimaalse laiuse. See määratleb, kui palju ruumi teie sisu ja küljepaneelid (kui need on seatud) võtavad lehtedel ja postitustel. Konteineri maksimaalse laiuse määramine aitab teil kontrollida veebisaidi sisu laiust ja tagada, et see oleks kujundusega kooskõlas ning sobituks ekraanile optimaalselt.

 Paigutus

Konteineri paigutuse määramisega valite, kuidas teie sisu, küljepaneelid ja vidinad, päis, jalus ja veebisaidi taust ühinevad teie veebisaidil. Teil on 4 tüüpi konteineri paigutust:

1. Kastis (Boxed) – see paigutus kuvab individuaalsed konteinerid ja vidinad ilmuvad kastidesse. See jätab iga kasti ümber ruumi, nii et saate näha veebisaidi tausta.

2. Ainult sisu kastis (Content Boxed) – sellega kuvatakse ainult teie sisu kastis vormingus, samas kui küljeriba ja vidinad kuvatakse ühtlasel taustal.

3. Täislaius / Piiritletud (Full Width / Contained) – see seab teie sisu ja küljeriba ühte konteinerisse. See konteiner kuvatakse piiritletud laiuses, jättes ruumi vasakule ja paremale poolele.

4. Täislaius / Venitatud (Full Width / Stretched) – selle paigutusega kuvatakse teie sisu ja küljeriba ühes konteineris, mis ulatub ekraani servast servani.

Astra teema võimaldab teil sõltuvalt vajadustest kogu veebisaidil seadistada erinevat paigutust.

Paigutus – siin valitud paigutus saab kogu veebisaidi jaoks vaikimisi paigutuseks. Kõik ülejäänud paigutuse võimalused valivad automaatselt selle paigutuse. Vajadusel saate järgmiste postituste tüüpide jaoks paigutust muuta:

1. Lehe paigutus – lehekülgedele
2. Blogi postituse paigutus – blogi arhiivile ja üksikutele blogipostituse lehekülgedele
3. Arhiivide paigutus – kõikidele arhiividele

Lisaks sõltuvalt teistest pistikprogrammidest, mida teie veebisaidil kasutatakse, leiate võimalused paigutuse seadistamiseks nende pühendatud lehekülgedele, näiteks WooCommerce’i paigutus või LearnDash’i paigutus.

 Nupud

Viimane üldine valik on mõeldud veebisaidi nuppude vaikimisi välimuse seadistamiseks. Siin on saadaval olevate valikute lühike ülevaade ja nende kasutamine:

1. Teksti värv – määrake nupu teksti tavaline ja hõljumise värv.

2. Taustavärv – määrake nupu (tausta) tavaline ja hõljumise värv.

3. Piirjoone laius – kui soovite nuppudele piiri lisada, määrake piirjoone laius siin.

4. Piirjoone värv – määrake nupu piiri tavaline ja hõljumise värv.

5. Piirjoone raadius – raadiuse lisamine muudab nupud ümaraks; mida suurem on raadiuse väärtus, seda rohkem muutuvad nupud nelinurksetest ringjateks.

6. Nupu font – siin saadaolevad tüpograafilised seaded kehtivad ainult nupu teksti suhtes.

7. Täite (Padding) – see lisab nupule sisemise täite; suurem täite muudab nupu suuremaks.

 Viimased märkused globaalsete seadete kohta:

• Valikul, millel on kõrval “responsive editing” ikoon, saab muudatusi teha eraldi töölaua, tahvli ja mobiili vaate jaoks. Muudatuste rakendamine igas vaates muudab seaded ainult hetkel aktiivse vaate jaoks. Teiselt poolt rakendatakse muudatusi valikutele, millel “responsive editing” ikooni pole, kõikides vaadetes samamoodi.

  Olge teadlik, et mõned üldised seaded ei pruugi teie sisule kohalduda, kuna need võivad saada asendatud lehekujundaja poolt tehtavate seadistustega. See sõltub sellest, millise lehekujundaja valite oma veebisaidi jaoks kasutada.