Jūsų svetainės dizaino tinkinimas
Website Studio turi visavertę dizaino tinkinimo sistemą su iš anksto sukurtomis temomis, pasirinktinių spalvų perrašymais, tipografijos parinktimis ir antraštės / poraštės stilių pasirinkimu. Visi dizaino nustatymai tvarkomi puslapyje Tema ir spalvos.
Prieiga prie temos nustatymų
- Kairiajame šoniniame meniu spustelėkite Svetainė, kad atidarytumėte Website Studio.
- Skydelyje spustelėkite kortelę Tema ir spalvos.
Peržiūra tiesiogiai
Puslapio viršuje Peržiūra tiesiogiai rodo jūsų viešą svetainę taip, kaip ją mato lankytojai. Išsaugokite pakeitimus, tada spustelėkite Atnaujinti, kad pamatytumėte juos peržiūroje. Išskleisti padidina peržiūros aukštį, o Suskleisti vėl jį sumažina.
Temos pasirinkimas
Website Studio turi 10 profesionaliai sukurtų temų. Kiekviena tema pateikia pilną spalvų, šriftų, kraštinių apvalinimo ir šešėlių stilių rinkinį.
Galimos temos
| Tema | Aprašymas | Stilius |
|---|---|---|
| Klasikinė | Nesenstantis, tradicinis dizainas su tamsiai mėlynos ir aukso spalvos akcentais | Serifiniai antraščių šriftai, subtilūs šešėliai |
| Moderni | Švarus ir šiuolaikiškas, su ryškiais mėlynos ir violetinės spalvos akcentais | Beserifiniai šriftai, suapvalinti kampai |
| Minimalistinė | Paprasta ir elegantiška, su daug tuščios erdvės | Neutralūs atspalviai, jokių rėmelių ar šešėlių |
| Šilta žemė | Jauki ir svetinga, su žemiškais gintaro atspalviais | Serifiniai antraščių šriftai, šilti šešėliai |
| Vandenyno mėlyna | Rami ir taiki, su vandenynu įkvėptomis dangaus mėlynumo spalvomis | Suapvalinti kampai, švelnūs šešėliai |
| Miško žalia | Natūrali ir gaivinanti, su žaliais akcentais | Serifiniai antraščių šriftai, subtilūs šešėliai |
| Saulėlydžio oranžinė | Ryški ir energinga, su šiltais oranžiniais atspalviais | Ypač suapvalinti kampai, šilti šešėliai |
| Karališka violetinė | Elegantiška ir rafinuota, su karališkos violetinės spalvos akcentais | Dekoratyvūs serifiniai antraščių šriftai |
| Skalūno pilka | Profesionali ir moderni, su neutraliais pilkais atspalviais | Beserifiniai šriftai, ploni rėmeliai |
| Vidurnakčio tamsa | Ryškus tamsiojo režimo dizainas moderniai bažnyčiai | Tamsus fonas, švytintys akcentai |
Kaip pasirinkti temą
- Puslapyje Tema ir spalvos peržiūrėkite temų korteles po antrašte Pasirinkite temą.
- Kiekviena kortelė rodo spalvų peržiūrą, temos pavadinimą ir trumpą aprašymą.
- Spustelėkite temos kortelę, kad ją pasirinktumėte. Pasirinkimą patvirtins pasirodžiusi varnelė.
- Nuslinkite žemyn ir spustelėkite Išsaugoti temos nustatymus.
Patarimas: Temos peržiūrose matote pagrindinės spalvos juostą, teksto spalvą ir fono spalvą, kad galėtumėte įsivaizduoti išvaizdą prieš pasirinkdami.
Spalvų tinkinimas
Numatytąsias temos spalvas galite pakeisti savo bažnyčios spalvomis. Taip galite naudoti temos išdėstymą ir struktūrą, kartu atitikdami savo bažnyčios įvaizdį.
Galimi spalvų perrašymai
- Pagrindinė spalva -- Naudojama mygtukams, nuorodoms ir akcentiniams elementams.
- Antrinė spalva -- Naudojama antriniams sąsajos elementams.
- Akcentinė spalva -- Naudojama paryškinimams ir specialiems elementams.
Kaip tinkinti spalvas
- Puslapyje Tema ir spalvos nuslinkite iki skyriaus Tinkinti spalvas.
- Kiekvienai spalvai:
- Spustelėkite spalvos pavyzdį, kad atidarytumėte spalvų parinkiklį.
- Pasirinkite norimą spalvą.
- Šešioliktainis kodas bus rodomas teksto lauke šalia parinkiklio.
- Spustelėkite Išsaugoti temos nustatymus, kad pritaikytumėte.
Norėdami atstatyti spalvas į numatytąsias temos reikšmes, spustelėkite nuorodą Atstatyti į temos numatytuosius spalvų skyriaus apačioje.
Jei pasirinkta spalva per šviesi, kad ant jos būtų įskaitomas baltas tekstas, po ja pasirodo įspėjimas: „Mažas kontrastas su baltu tekstu (WCAG AA rekomenduoja 4,5:1)“. Pasirinkite tamsesnį atspalvį, kad mygtukai liktų įskaitomi.
Patarimas: Jei paliksite spalvos lauką tuščią, bus naudojama numatytoji tos vietos temos spalva. Jums nebūtina perrašyti visų trijų spalvų -- tik tas, kurias norite pakeisti.
Šriftų pasirinkimas
Antraščių ir teksto šriftus galite tinkinti nepriklausomai vieną nuo kito.
Galimi šriftai
| Šriftas | Stilius |
|---|---|
| Sistemos numatytasis | Numatytasis įrenginio beserifinis šriftas |
| Inter | Modernus, švarus beserifinis šriftas |
| Poppins | Geometrinis, draugiškas beserifinis šriftas |
| Montserrat | Ryškus, geometrinis beserifinis šriftas |
| Georgia | Klasikinis serifinis šriftas |
| Merriweather | Lengvai skaitomas serifinis šriftas |
| Lora | Elegantiškas serifinis šriftas |
| Playfair Display | Dekoratyvus antraštinis serifinis šriftas |
Kaip pakeisti šriftus
- Puslapyje Tema ir spalvos nuslinkite iki skyriaus Tipografija.
- Išplečiamajame sąraše Antraštės šriftas pasirinkite šriftą.
- Išplečiamajame sąraše Teksto šriftas pasirinkite šriftą.
- Spustelėkite Išsaugoti temos nustatymus.
Pasirinkus „Naudoti temos numatytąjį", bus naudojamas šriftas, apibrėžtas jūsų pasirinktos temos.
Antraštės stiliai
Antraštės stilius nulemia, kaip jūsų svetainės navigacija atrodo kiekvieno puslapio viršuje.
Galimi antraštės stiliai
| Stilius | Aprašymas |
|---|---|
| Klasikinis | Logotipas kairėje, navigacijos nuorodos dešinėje |
| Centruotas | Logotipas centruotas viršuje, navigacijos nuorodos žemiau |
| Permatomas | Uždengia pagrindinio bloko nuotrauką (puikiai tinka nuotraukomis gausiems pradžios puslapiams) |
| Modernus | Logotipas kairėje, navigacija centre, raginimo veikti mygtukas dešinėje |
| Minimalus | Tik logotipas ir „hamburgerio" meniu piktograma |
Kaip pasirinkti antraštės stilių
- Puslapyje Tema ir spalvos nuslinkite iki skyriaus Antraštės stilius.
- Kiekviena parinktis turi vaizdinę peržiūrą, rodančią išdėstymą.
- Spustelėkite norimą stilių.
- Spustelėkite Išsaugoti temos nustatymus.
Poraštės stiliai
Poraštės stilius nulemia kiekvieno puslapio apačios išdėstymą.
Galimi poraštės stiliai
| Stilius | Aprašymas |
|---|---|
| Pilnas | Kelių stulpelių poraštė su kontaktine informacija, navigacijos nuorodomis ir socialiniais tinklais (numatytasis) |
| Minimalus | Viena eilutė su autorių teisių tekstu ir socialinių tinklų piktogramomis |
| Centruotas | Viskas centruota: logotipas, navigacijos nuorodos, socialinių tinklų piktogramos ir autorių teisės |
| Didelis | Erdvi, ryški poraštė su prekės ženklo elementais, raginimu veikti ir keliais stulpeliais |
Kaip pasirinkti poraštės stilių
- Puslapyje Tema ir spalvos nuslinkite iki skyriaus Poraštės stilius.
- Kiekviena parinktis turi vaizdinę peržiūrą.
- Spustelėkite norimą stilių.
- Spustelėkite Išsaugoti temos nustatymus.
Formų puslapio išdėstymas
Formų puslapio išdėstymas nustato, kaip jūsų formų sąrašas atrodo lankytojams jūsų svetainės formų puslapyje. Kiekviena parinktis pritaikoma telefonams ir planšetėms:
| Išdėstymas | Geriausiai tinka |
|---|---|
| Kortelės | Didelės plytelės su piktogramos juosta -- geriausia nedideliam formų skaičiui |
| Compact grid | Mažesnės plytelės, daugiau vienoje eilutėje -- tinka, kai formų daug |
| Sąrašas | Po vieną eilutėje, lengva peržvelgti |
| Detailed list | Po vieną eilutėje su visu aprašymu |
Spustelėkite norimą išdėstymą, tada spustelėkite Išsaugoti temos nustatymus.
Bažnyčios logotipas
Jūsų bažnyčios logotipas rodomas svetainės antraštėje ir konfigūruojamas jūsų bažnyčios nustatymuose:
- Atidarykite Bažnyčios nustatymai (nuoroda Bažnyčios nustatymas šoninio meniu apačioje) ir pasilikite skirtuke Profilis.
- Įkelkite logotipo nuotrauką.
- Logotipas automatiškai pasirodys jūsų svetainėje, priklausomai nuo antraštės stiliaus nustatymų.
Ar logotipas rodomas antraštėje, galite valdyti Navigacijos nustatymuose (žr. Navigacija ir meniu).
Dizaino pakeitimų išsaugojimas
Visi temos, spalvų, šriftų, antraštės, formų išdėstymo ir poraštės pakeitimai išsaugomi kartu, kai spustelėjate Išsaugoti temos nustatymus. Pakeitimai iškart įsigalioja jūsų viešoje svetainėje -- dizaino nustatymams atskiro publikavimo žingsnio nereikia.
Tolesni žingsniai
- Navigacija ir meniu -- Sukonfigūruokite svetainės meniu, antraštės ir poraštės turinį
- SEO nustatymai -- Optimizuokite savo svetainę paieškos sistemoms