Ce este Web Graffiti?

Web Graffiti este unealta cu care poti construi pagini web cu usurinta. Poti construi layouturi complexe sau simple, fara te doara capul.

In acest articol vom vorbi despre:

  • Butoanele principale.
  • Shortcode-uri
  • Sectiuni de pagina
  • Coloane

Butoanele principale

Butoanele schimba intre modul clasic de editare si cel vizual. Adauga elemente folosind editorul vizual.

Poti sa te tragi elementele cu mose-ul si sa le plasezi oriunde vrei. (sectiune, rand sau coloana).

Butonul Templates te poate ajuta sa salvezi pagina pe care lucrezi ca un sablon refolosibil. Este foarte util cand ai de creat duzine de pagini rapid.

Shortcode-uri

Lista tuturor shortcode-urile aplicabile o poti gasi daca apesi butonul de adauga elemente.

Sectiunea de pagina

Sectiunea de pagina este un shortcode care joaca rolul unui container full width, in care poti sa cuprinzi alte shortcode-uri.

Poti folosi sectiunea de pagina pentru a imparti pagina in coloane de cate 2, de cate 3 sau 4 sau cate vrei tu, dar nu mai multe de 12, ce e mult strica.

Pagina ta poate avea nenumarate sectiuni de pagina in ea. Pentru a schimba pozitia unei sectiuni pur si simplu trage de sectiune pe o axa verticala. De aici incolo esti liber sa adaugi orice alt modul vrei, Slideshow-uri, Produse, Articole de blog…

Setarile sectiunii de pagina:

  1. Butonul de stergere pentru a sterge sectiunea cu tot cu elementele incluse din ea.
  2. Butonul de clonare a sectiunii cu toate elementele din ea.
  3. Butonuld e editare pentru a configura optiuni diverse ale sectiunii
  4. Butonul de drag pentru a muta sectiunea.
  5. Butonul de layout care poate imparti sectiunea in coloane
  6. Butonl de editare coloana unde poti configura optiuni diverse ale coloanei
  7. Butonul va deschide panoul de alegere elemente

Coloane

Coloanele fac parte din sectiunile de pagina sau randuri, iar scopul lor este sa contina elementele tale favorite. Coloanele pot fi reordonate. Click si trage coloana pe o axa orizontala astfel incat sa reordonezi contentul paginii tale dupa plac.

Elemente de continut

Elementele de continut sunt shortcode-uri care pot fi folosite in sectiuni de pagina sau coloane. Gandeste-te la ele ca la caramizi cu care iti construiesti layout-ul. Toate elemntele sunt customizabile. Pentru a edita apasa butonul verde de editare. Pentru a salva apasa „Save changes”.

  1. Butonul de stergere shortcode
  2. Butonul de clonare
  3. Butonul de editare
  4. Nume shortcode
Editorul front end

Editeaza si personalizeaza-ti site-ul cu editorul front end pentru a vedea imediat cum arata modificarile tale. Ceea ce vezi e si ceea ce primesti.

In acest articol:

  • Accesul la editorul front end
  • Adauga un shortcode
  • Setarile de pagina
  • Previzualizare responsive

Accesul la front end editor

Pentru a avea acces la editorul front end:

  1. Din meniul WordPress, alege Pagini si editeaza o pagina
  1. Click pe editorul front end
  1. Vei fi redirectionat catre editorul front end

Adauga un shortcode

Adaugarea unui shortcode din editorul front end este la fel ca in editorul backend

  1. In popup-ul Adauga Elemente cauta Blog si da click pe el.
  1. In popup-ul Adauga Elemente cauta Blog si da click pe el.
  1. Pentru a salva apasa „Save Changes”.

Vei vedea postarile de Blog cum se populeaza pe pagina.

In coltul dreapta sus, click pe butonul de Update pentru a publica schimbarile.

Setarile paginii

Editorul front end dispune de setari speciale care te lasa sa schimbi titlul paginii, sa adaugi CSS special pentru pagina respectiva, dar nu are toate optinile editorului back end. Optiunile editorului back end sunt disponibile doar din back end.

Pentru a accesa setarile paginii din front end trebuie sa:

  1. Click pe iconita de settings din dreapta sus
  1. Click pe iconita de settings din dreapta sus

Previzualizare responsive

Editorul front end dispune de o metoda de a vedea cum se comporta site-ul tau pe diferite tipuri de device-uri (telefon, tableta, laptop, mega desktop).

  1. Click pe iconita de settings din dreapta sus
  1. Vei putea vedea acum cum arata site-ul pe device-ul ales.
Setari coloane

In acest articol vom vorbi despre setarile de coloana. Vom dezvalui informatii detaliate despre optiunile disponibile in setarile de coloana.

In acest articol: 

  • Setarile de coloana
  • Setari de coloane responsive

Setari de coloana

Poti adauga coloane in Randuri si Sectiuni de pagina. Lungimea coloanelor este reglabila. Firecare coloana are setari proprii pentru a personaliza aspectul fiecareia. Pentru a edita setarile de coloana este deajuns sa click pe iconita de creion a coloanei. Mai jos enumeram toate setarile disponibile coloanelor.

Setari generale

  1. Column Border Color
    Foloseste aceasta optiune pentru a seta culoarea chenarului unei coloane.
  2. Background blend modes
    Foloseste aceasta optiune pentru a seta efectul de fundal dorit pentru aceasta coloana. Optiunile disponibile sunt:

    1. None
    2. Multiply
    3. Screen
    4. Overlay
    5. Darken
    6. Lighten
    7. Soft light
    8. Luminosity
  3. Visibility for devices
    Foloseste aceasta optiune pentru a ascunde coloana sub o anumita dimensiune. Optiunile disponibile sunt:

    1. All
    2. Hidden on phones
    3. Hidden on tablets
    4. Hidden on mega tablets
    5. Hidden on desktops
    6. Hidden on mega desktops
    7. Visible on phones
    8. Visible on tablets
    9. Visible on mega tablets
    10. Visible on dekstops
    11. Visible on mega desktops
  4. Extra class name
    Daca doresti ca o coloana anume sa aiba un element customizat diferit fata de restul coloanelor, adauga un nume de clasa dupa care sa apelezi coloana in CSS-ul personalizat.

Setari design

  1. CSS
    Aceasta optiune furnizeaza utilizatorul cu o metoda de a seta margine, padding-ul si border-ul coloanei.
  2. Border Color
    Foloseste optiunea pentru a seta culoarea border-ului. Optiunea din tab-ul general va suprascrie aceasta optiune daca este activa.
  3. Border style
    Foloseste aceasta optiune pentru a seta stilul border-ului pentru aceasta coloana. Optiunile disponibile sunt:

    1. Theme defaults
    2. Solid
    3. Dotted
    4. Dashed
    5. None
    6. Hidden
    7. Double
    8. Groove
    9. Ridge
    10. Inset
    11. Outset
    12. Initial
    13. Inherit
  4. Border radius
    Foloseste aceasta optiune pentru a seta cat de rotunde sa fie colturile coloanei mai sus mentionate. Optiunile disponibile sunt:

    1. None
    2. 1px
    3. 2px
    4. 3px
    5. 4px
    6. 5px
    7. 10px
    8. 15px
    9. 20px
    10. 25px
    11. 30px
    12. 35px
  5. Background
    Foloseste aceasta optiune pentru a seta culoarea fundalului si/sau o imagine pentru fundalul coloanei. De asemenea, in acelasi panou ai setari pentru a mari sau micsora marimea imaginii de fundal. Optiunile disponibile sunt:

    1. Theme Defaults
    2. Cover
    3. Contain
    4. No Repeat
    5. Repeat
  6. Box controls
    Activand bifa de Simplify Controls poti seta dimensiunea marginii, padding-ului si border-ului pe toate 4 partile coloanei.

Optiuni responsive

  1. Width
    Foloseste aceasta optiune pentru a seta latimea coloanei pentru toate marimile de device disponibile. O sectiune sau un row poate fi sparta in 12 parti egale sau mai multe coloane de marimi diferite, atata timp cat totalul marimilor acestora este 12. Aceste setari vor fi setate ca default in urmatorul panou. Optiunile disponibile sunt:

    1. 1 column – 1/12
    2. 2 columns – 1/6
    3. 3 columns – 1/4
    4. 4 columns – 1/3
    5. 5 columns – 5/12
    6. 6 columns – 1/2
    7. 7 columns – 7/12
    8. 8 columns – 2/3
    9. 9 columns – 3/4
    10. 10 columns – 5/6
    11. 11 columns – 11/12
    12. 12 columns – 1/1
  2. Width and responsiveness
    Optiunile disponibile sunt:

    1. Desktop
    2. Tablet – Landscape
    3. Tablet – Portrait
    4. Mobile

Setari de coloane responsive

  1. Seteaza pozitia responsive default la 2 coloane
    Click pe creionul de editare al fiecarei coloane si mergi la Responsive Options. Aici poti seta valoarea de 6 coloane (1/2). Asta va face coloana sa fie intodeauna jumatate din lungimea randului.
  2. Seteaza pozitia la 2 coloane si pe mobil
    Din panoul Width and Responsiveness poti seta lungiea fiecarei coloane pentru fiecare tip de dispozitiv folosit. Doar alege din lista lungimi predefinite si salveaza modificarile.
Cum sa adaug CSS unei pagini din setari?

Constructorul de pagini are o functionalitate care poate fi accesata din coltul dreapta sus, daca apesi pe iconita zimtata. In panoul deschis poti insera orice cod CSS pentru a continua personalizarea in amanunt a paginii. In exeplul de mai jos vom afla cum putem schimba culoarea unui text.

  1. Creaza o pagina noua din Pagini > Adauga pagina noua
  2. Adauga un shortcode de text si introdu textul in dialog si completeaza la campul Extra Class Name cu valoarea „salut”.
  3. Click pe rotita zimtata din coltul dreapta sus, pentru a activa dialogul de setari ale paginii.
  4. Adauga CSS-ul personalizat si salveaza pagina. In exemplul nostru este:
    .salut{color:green;}

Textul a capatat culoarea rosie, dar doar pentru pagina asta, nu si pentru celelalte pagini.

Obtine ajutor din partea echipei WebGraffiti

Ori de cate ori ai intrebari sau probleme legate de site-ul tau, echipa de asistenta oficiala WebGraffiti este disponibila pentru a te ajuta in timp util. In acest articol explicam cum poti solicita ajutor din partea echipei.

In acest articol:

Inainte de crearea ticketului
Trimiterea unui ticket
Raspunsul cu intarziere la ticket
Perioada de suport

Inainte de crearea ticketului

Este posibil sa fi fost deja oferita o solutie pentru intrebarea / problema ta, in documentatia noastra. Cel mai bine e sa verifici urmatoarele locuri inainte de a trimite un bilet. Documentatie.

Trimiterea unui ticket

Asistenta oficiala si tehnica WebGraffiti este furnizata numai prin trimiterea de bilete de pe portalul nostru online.

Suportul nostru acopera:

Probleme legate de folosirea sabloanelor
Modificari mici
Actualizarea periodica
Personalizare avansata

Pentru a trimite un ticket din portal:

  1. Mergi pe pagina de support.
  2. Completeaza formularul cu informatiile necesare
  3. Apasa butonul de trimitere ticket.

Raspunsul intarziat la ticket

Exista cateva cazuri care pot cauza o intalrziere in primirea unui raspuns la ticketul tau. Mai multe motive pot determina acest lucru:

  1. Nu sunt furnizate suficiente informatii
  2. Influx de tickete
  3. Mai multe intrebari pe bliet sau intrebari noi in acelasi bilet.

In astfel de cazuri, echipa de asistenta va solicita furnizarea unor informatii mai specifice.

Perioada de support

In conformitate cu cele mai recente politici stabilite de WebGraffiti, supportul pentru clienti este un subiect sensibil la timp. Asta inseamna ca supportul tehnic este valabil doar pe perioada de abonament inclusa in pachetula ales. Dupa perioada aceasta va trebui sa prelungiti termenul.

 

Depunerea unei cereri de personalizare / raportare bug

In acest articol vom discuta despre cum sa trimiti o cerere de personalizare sau o raportare de bug. Ambele se pot face prin portalul nostru de support.

Una din modalitatile de a trimite o cerere de personalizare sau un raport de eroare este sa deschizi un bilet in portalul de asistenta. Pentru a trimite o cerere de caracteristica sau pentru a raporta o eroare prin portalul de support:

  1. Accesati pagina de support.
  2. In tipul de bilet selecteaza ori Cerere de personalizare sau Raporteaza eroare.
  3. In interiorul biletului asigura-te ca ai inclus:
    Cererea de personalizare sau raportul de eroare, un link catre site-ul tau, optional o captura de ecran care sa arate problema.
Ce este WPBakery Page Builder?

WPBakery Page Builder este un constructor de pagini vizual drag and drop pe care il poti folosi fara a pierde timpul pe crearea de shortcode-uri. Acest modul a fost modificat pentru a contine shortcode-uri personalizabile.

Este important sa intelegi ca toate sabloanele disponibile folosesc acest modul.

Butoane principale

Butonul pentru a comuta intre modul clasic si vizual. Poti modifica manual shortcodurile generate.

Adauga elemente, utilizeaza acest buton, poti sa renunti la toate codurile scurte disponibile in WebGraffiti.

Poti sa glisezi acest buton si sa muti o sectiune de pagina, un rand sau o coloana.

Shortcode-uri

Lista tuturor codurilor scurte care pot fi adaugate si configurate in pagina ta. Poate fi accesata facand click pe butonul de Adaugati Element.

Sectiunea de pagina

Sectiunile de pagina sunt shortcodeuri care joaca un rol de container cu latime intreaga. Are un grad mare de configurare, astfel incat sa poti adauga propriile setari.

Poti sa activezi fundaluri parallax, videoclipuri si multe altele folosind acest shortcode.

Sectiunea de pagina poate fi utilizata pentru a imparti pagina ta in blocuri logice cu coloane, coloane care ulterior vor contine blocurile de continut. Sectiunile de pagina pot fi impartite in structuri (de ex: 1/2+1/2, 1/3+1/3+1/3 si asa mai departe). Pagina ta poate avea un numar nelimitat de sectiuni de pagina. Pentru a schimba pozitia unei sectiuni de pagina, fa click si trage de sectiune.

Setari sectiune de pagina

Butonul de stergere pentru a sterge sectiunea de pagina si toate elementele din interiorul acesteia.

Butonul de clonare pentru a duplica sectiunea de pagina si toate coloanele si elementele acesteia.

Butonul de editare pentru a configura diferite optini din sectiunea de pagina.

Butonul de tragere pentru a deplasa pe verticala sectiunea.

Layout pentru a imparti sectiunea de pagina in combinatii diferite de latime a coloanei.

Butonul de editare coloana din interiorul acestui rand.

Butonul Plus va afisa toate elementele afisate pentru a alege ce element sa patrunda in aceasta coloana.

Coloane

Coloanele fac parte din sectiunea si randul de pagina si ele contin blocuri de continut in ele. Coloanele pot fi reordonate. Fa click si trage coloana pe axa orizontala. Astfel, poti grupa elementele in grupuri logice si apoi trage-le cu mouse-ul pentru a le repozitiona.

Blocuri de continut

Blocurile de continut sunt coduri scurte care pot fi adaugate in interiorul unei sectiuni de pagina sau in interiorul coloanelor. Gandeste-te la ele ca la caramizi cu care sa construiesti pagina. Majoritatea blocurilor de continut au optiuni care pot fi accesate dand click pe pictograma de creion.

Pentru a salva modificarile, fa click pe butonul Salveaza.

  1. Butonul de stergere
  2. Butonul de editare
  3. Butonul de clonare
Setarile coloanelor in WPBakery Page Builder

In acest articol vom vorbi despre setarile coloanelor in WPBakery Page Builder. Vom oferi informatii detaliate despre optiuile disponibile in setarile coloanelor.

Setarile coloanei

Poti adauga coloane pentru shortcodeuri din sectiunea sau randul de pagina in WPBakery Page Builder. Latimea coloanelor poate fi stabilita proportional de bucati mici, adunand pana la 12 coloane. Fiecare coloana are apoi optiuni separate disponibile pe care le poti utiliza pentru a regla diferite aspecte ale acesteia. Va trebui sa faci click pe pictograma Creion pentru coloana specifica pe care doresti sa o modifici. Urmatoarea este o detaliere a optiunilor pentru coloanele din WpBakery Page Builder.

Tab general

  1. Culoarea Chenarului de coloana
    Utilizeaza aceasta optiune pentru a seta culoarea chenarului inconjurator pentru aceasta coloana.
  2. Background Blend Modes.
    Utilizeaza aceasta optiune pentru a seta modul de amestecare al culorilor pe care il preferei pentru fundalul acestei coloane. Optiunile disponibile sunt: Nici unul, Multiply, Screen, Overlay, Darken. Lighte, Soft Light, Luminosity.
  3. Vizibilitatea pe device-uri
    Foloseste aceasta optiune pentru a ascunde coloana cand este vizualizata de pe dispozitive cu o anumita latime.
  4. Nume clasa personalizata
    Daca doresti sa modelezi un anumit element de continut diferit, utilizeaza acest camp pentru a adauga un nume de clasa si apoi sa il apelezi in setarile personalizate de CSS din Theme Options > Advanced > Custom CSS.

Optiuni de design

  1. CSS
    Aceasta optinue ofera un instrument de personalizare grafica, spre ex pentru a seta Padding-ul, Marginile si Chenarul acestei coloane particulare.
  2. Culoare Chenar
    Utilizeaza aceasta optiune pentru a seta culoarea pentru coloana. Optiunea aceasta din Tabul General va inlcui aceasta optiune daca este setata.
  3. Stilul Chenarului
    Utilizeaza aceasta optiune pentru a seta stilul de chenar al acestei coloane. Optiunile disponibile sunt: Tema implicita, Solid, Dotted, Dashed, None, Hidden, Double, Groove, Ridge, Inset, Outset, Initial, Inherit.
  4. Radiusul chenarului.
    Utilizeaza aceasta optine pentru a seta radiusul chenarului din aceasta coloana. Aceasta va stabili intensitatea curbei pe care colturile coloanei le va avea. Optiunile disponibile sunt: 1px, 2px, 3px, 4px, 5px, 10px, 15px, 20px, 25px, 30px, 35px;
  5. Fundal.
    Utilizeaza aceasta optiune pentru a seta culoarea de fundal si / sau pentru a adauga o imagine de fundal pentru coloana. In aceasta optiune ai posibilitatea sa alegi modul in care doresti sa ai aspectul imaginii de fundal in coloana. Optiunile disponible sunt: Tema implicita, Cover, Contain, No repeat, Rpeat.
  6. Box Controls:
    Activeaza actiunea simplify daca doresti sa ai aceeasi latime pentru toate cele patru laturi ale coloanei in ceea ce priveste marginile, padding-urile sau chenarul. Aceasta optine va schimba interfata grafica a optiunilor CSS cu alte moduri.

Optiuni Responsive

  1. Latime
  2. Utilizeaza aceasta optiune pentru a seta latimea implicita pentru coloana in toate dimensiunile ferestrei. Aceasta optiune va fi implicita pentru urmatoarea serie de optiuni din fila Width and Responsiveness. Optiunea functioneaza proportional si poti seta fracturile din intreaga latime a coloanei care contine 12 portiuni.
Cum se creeaza cinci coloane in WPBakery Page Builder

Acest articol ofera detalii despre cum sa creezi cinci coloane in WPBakery Page Builder in timp ce folosesti sabloanele WebGraffiti.

Exista doua moduri de a crea un rand de cinci coloane iar in acest articol le vom explica pe ambele.

Cinci coloane – Prima abordare

Instrumentul de creare a paginilor WPBakery se bazeaza pe un sistem de grila pentru 12 coloane pentru fiecare rand si aspect. De aceea nu este posibil sa ai cinci coloane utilizand interfata grafica de utilizator. Pentru a obtine un astfel de aspect, este necesara o personalizare suplimentara, pe care vom da pasi detaliati pentru a rezolva aceasta problema.

  1. Adauga o sectiune sau un rand de pagina
    Creaza o pagina noua si utilizeaza interfata grafica Pentru a adauga un shortcode de Sectiune de Pagina.
  2. Deschide panoul Options.
    Da click pe pictograma Creion din Row sau Section care afiseaza panol cu optiuni. Deruleaza in jos a listei de optiuni.
  3. Adauga un nume de clasa suplimentara.
    Gaseste optiunea Extra Class Name si adauga calasa de mai jos.
    „cinci-coloane” fara ghilimele.
  4. Fa click pe Save Modifications pentru a salva numele de clasa suplimentara.
  5. Utilizeaza butonul Add columns din partea din stanga sus a butoanelor sectiunii pentru a adauga un aspect cu sase coloane. Aceasta este modul standard de a adauga coloane intr-o sectiune de rand sau de pagina folosind WPBakery Page Builder.
  6. Adauga continut
    Adauga continutul tau in primele cinci coloane si lasa a sasea coloana goala.
  7. Adauga codul personalizat CSS. Acceseaza optiunile avansate din Theme Options > Advanced > Custom CSS si adauga codul de dedesupt:
    @media screen and (min-width: 768px) {
    .cinci-coloane.vc_row .vc_col-sm-2 {
    float: left;
    width: 18.5%;
    padding: 0;
    margin-right: 1.5%;
    min-height: 0;
    }
    .cinci-coloane.vc_row .vc_col-sm-2:nth-last-child(2) {
    margin-right: 0;
    }
    }
    Salveaza optiunile tematice.
  8. Verifica rezultatele.
    Mergi pe site si vezi rezultatul structurii celor 5 coloane utilizand sirul de 6 coloane.

Formatul cinci coloane – a doua abordare

O sa vina momentul in care doresti sa adaugi un rand care contine 5 coloane.  Poti face in felul urmator pentru a obtine rezultatul dorit.

In campul de introducere a textului „Enter Custom Layout for your Row” textul de mai jos : 1/6 + 1/6 + 1/6 + 1/6 + 1 /6.
Randul tau ar trebui sa arate asa acum.

Deschide optiunile primei cloane si du-te pe „Width & Responsiveness”, dupa care seteaza decalajul pentru primele trei obiecte ale coloanei 1.
Randul tau ar trebui sa arate asa acum:

Daca ai nevoie sa elimini marginile suplimentare creata cu aceasta abordare, pur si simplu adauga numele de clasa CSS „cele_cinci_coloane” la setarile de rand din campul Extra CSS din Theme Options > Advanced > Custom CSS:

@media screen and (min-width: 768px) {

.cele_cinci_coloane {margin: 0 -5%; }

}

Daca intampini probleme legate de stilul celor cinci coloane sau daca ai intrebari, contacteaza echipa noastra de asistenta.

 

Theme Options

Setarile avansate ale optiunilor temei iti permit sa configurezi optiuni avansate, cum ar fi optimizarea vitezei, CSS personalizat si JS personalizat, tipuri de posturi, etc.

In acest articol vom explica fiecare optiune si utilizarea acesteia in setarile avansate.

In acest articol

Optimizari de viteza

Tipuri de articole

CSS personalizat

JS personalizat

Exporta Optiunile Temei

Importa Optiunile Temei

Optimizari de viteza

Exista patru optiuni in tab-ul de Speed Optimizations.

  1. Din meniul din stanga al WordPress mergi la Jupiter > Theme Options > Advanced > Speed Optimizations.
  2. Activeaza sau dezactiveaza optiunile conform cerintelor.
  3. Salveaza modificarile.

 

 

Optiuni Descriere
Minify Theme Javascript File Activarea acesteia incarca versiunea in miniatura a fisierelor JS care imbunatatesc viteza.
Minify Theme Styles Files Activarea acesteia incarca versiunea in miniatura a fisierelor CSS care imbunatatesc viteza.
Query String From Static Flies Elimina sirul de intorgare a versiunii din fisierele JS si CSS. Pentru mai multe informatii cititi aici. Dezactivarea acestei optiuni poate provoca probleme cu unii utilizatori.
Global Lazy Load Activeaza sau dezactiveaza lazy load pentru toate codurile scurte acceptate, ceea ce creste viteza site-ului.

Tipuri de articole

Poti activa sau dezactiva tipurile de articole, cum ar fi intrebarile frecvente. Portofoliu, Angajati, Clienti, Preturi etc. Nu toate tipurile de posturi sunt activate in mod implicit, daca nu vedeti unul in meniul din stanga al WordPress, activeaza-l de aici.

Dezactivarea unui tip de postare nu va sterge posturile asociate cu acestea din baza de date, ci vor opri afisarea acestora. Poti sa activezi in orice moment pentru a le afisa din nou.

  1. Din meniul stanga al WordPress mergi la Jupiter > Theme Options > Avansat > Post types.
  2. Activeaza sau dezactiveaza optiunile dupa plac.
  3. Salveaza modificarile.

CSS Personalizat

Optiunea CSS personalizata iti permite sa adaugi codurile personalizate CSS pentru a modifica / adauga stilizarea temelor personalizate. Utilizeaza Shift + Space pentru a utiliza autocompletare a codului. Apasa pe Esc sau faci dublu clic pe editor sau faci click oriunde in afara editorului pentru a iesi din completarea codului. Poti citi mai multe despre aplicarea CSS personalizat aici.

  1. Din meniul de stanga WordPress mergi la Jupiter > Theme Options > Advanced > Custom CSS.
  2. Salveaza modificarile.

JS Personalizat

Optiunea JS personalizata iti permite sa adaugi codurile personalizate JS pentru a modifica / adauga stilizarea temelor personalizate. Utilizeaza Shift + Space pentru a utiliza optiunea de autocompletare a codului. Apasa pe Esc sau faci dublu clic pe editor sau faci click oriunde in afara editorului pentru a iesi din completarea codului. Poti citi mai multe despre aplicarea JS personalizat aici.

  1. Din meniul de stanga WordPress mergi la Jupiter > Theme Options > Advanced > Custom JS.
  2. Salveaza modificarile.

Exportarea optiunilor temei

Aceasta optiune iti permite sa exporti setarile optiunilor pentru tema daca ai decis sa muti instalarea WordPress in alte aplicatii de gazduire, ceea ce te ajuta sa faci aceasta migrare fara durere.

  1. Din meniul din stanga WordPress mergi la Jupiter > Theme Options > Advanced > Exporta Theme Options.
  2. Click o singura data pe text, tot continutul se va selecta.
  3. Copiaza si lipeste intr-un fisier text, pentru a fi utilizat in procesul de import.

Importarea optiunilor temei

Aceste optiuni iti permit sa importi toate setarile optiunilor temei pe un site nou. Ar trebui sa ai optiunile exportate inainte si salvate intr-un loc sigur / fisier text in realabil. Dupa asta, vei avea din nou toate setarile pentru optiunile temei.

  1. Din meniul din stanga al WordPress mergi la Jupiter > Theme Options > Advanced > Import Theme Options.
  2. Lipeste codul salvat anterior in campul text de import.
  3. Click pe butonul de salvare a setarilor.
Stilizare fundal (Theme Options > Main Content > Layout & Backgrounds)

Theme Options este sectiunea principala din Jupiter, in care poti introduce setari globale pentru site-ul tau. Poti accesa optiunile din tema din partea stanga sus a meniului de administrator. Vom descrie optiunile disponibile in sectiunea Main Content > Layout & Backgrounds section din Theme Options in acest articol.

Stilizarea fundalului

  1. Alege intre aspectul boxed si full width.
    Utilizeaza aceasta optiune pentru a seta layout-ul de website.
  1. Boxed Layout
  2. Full width Layout
  • Boxed layout outer shadow size
    Utilizeaza aceasta optiune pentru a seta distanta de umbra a box-ului. Seteaza valoarea la 0 daca nu doresti cutia sa aiba o umbra.
  • Intensitatea umbrei in spatiu.
    Utilizeaza aceasta optiune pentru a seta intensitatea umbrei in box. Seteaza valoarea la 0 daca nu doresti cutia sa aiba o umbra.

Culoarea fundalului si textura

Utilizeaza optiunile de mai jos pentru a seta proprietatile fundalului pentru Header / Titlu / Pagina / Body sau Footer.

  1. Background Color
    Foloseste aceasta optiune pentru a seta o culare ca fundal pentru website.
  2. Background Repeat
    Foloseste aceasta optiune pentru a seta dupa plac repetitivitatea imaginii de fundal. Optiunile disponibile sunt:

    1. No repeat
    2. Repeat
    3. Repeat Vertically
    4. Repeat Horizontally
  3. Background Attachment
    Foloseste aceasta optiune pentru a seta dupa plac cum este atasat fundalul de pagina. Optiunile disponibile sunt:

    1. Scroll
    2. Fixed
  4. Background Position
    Foloseste aceasta optiune pentru a seta pozitia imaginii de fundal. Optiunile disponibile sunt:

    1. Top Right
    2. Top Center
    3. Top Left
    4. Center Right
    5. Center Center
    6. Center Left
    7. Bottom Right
    8. Bottom Center
    9. Bottom Left
  5. Cover whole background
    Foloseste aceasta optiune pentru a forta imaginea de fundal sa ocupe tot containerul. Browser-ul poate taia portiuni din imagine pentru a o face sa acopere diferite dimensiuni.
Tipografie Blog

Theme Options este sectiunea principala a temei Jupiter, in care poti defini setari globale pentru site-ul tau. Poti accesa optiunile pentru tema din partea stanga sus a meniului de administrator. Acest articol va explica optiunile disponibile in sectiunea Blog Typography, care iti permite sa finalizezi sectiunile tipografice specifice pe postarile din blog.

Blog Typography

  1. Blog Body Text Size
    Foloseste aceasta optiune pentru a seta dimensiunea caracterelor din corpul paginii de blog. Daca setezi aceasta optiune la 0px, optiunea principala va fi utilizata din General Typography.
  2. Blog Body Text Line Height
    Utilizeaza aceasta optiune pentru a seta inaltimea liniei de text in paginile de blog. Este posibil sa existe cateva coduri scurte pe care le utilizezi in paginile de blog care au prorpria lor optiune pentru inaltimea liniei. In astfel de cazuri, aceste optiuni vor inlocui aceasta optiune globala. Aceasta valoare a optiunii este in em. Daca astea optiune este setata la 0, va fi folosita optiunea globala din sectiunea General Typography.
  3. Blog Body Text Weight
    Utilizeaza aceasta optiune pentru a seta greutatea textului pentru corpul paginilor de blog. Optiunile disponibile sunt:
  1. 100
  2. Light (300)
  3. Normal (400)
  4. 500
  5. 600
  6. Bold (700)
  7. Bolder
  8. Extra bold (800)
  9. 900
  • Blog Heading Text Size
    Utilizati aceasta optiune pentru a seta dimensiunea textului pentru sectiunea de rubrica a paginii de blog. Daca setezi aceasta optiune la 0px, va fi utilizata pentru acest caz optiunea principala setata in sectiunea General Typography din Theme Options.
  • Blog Heading Text Weight.
    Utilizeaza aceasta optiune pentru a seta greutatea textului sectiunii titlurilor in pagina de blog. Optiunile disponibile sunt:

    1. 100
    2. Light (300)
    3. Normal (400)
    4. 500
    5. 600
    6. Bold (700)
    7. Bolder
    8. Extra bold (800)
    9. 900
  • Blog Heading Text Case
    Utilizeaza aceasta optiune pentru a seta daca titlul este scris cu majuscule, minuscule sau capitalizat. Optiunile sunt:

    1. None
    2. Uppercase
    3. Capitalize
    4. Lower case
Stilizarea Footer-ului (Theme Options > Footer)

Theme Options este sectiunea prinipala a Jupiter, in care poti face setari globale pentru site-ul tau. Poti accesa Theme Options din partea stanga sus a tabloului de bord. Vom descrie in acest articol optiunile de stilizare a footerului, disponibile in sectiunea Footer.

Stilizarea footer-ului

  1. Top border Thickness
    Foloseste aceasta optiune pentru a seta grosimea partii de sus a chenarului din sectiunea de Footer.
  2. Top border color
    Foloseste aceasta optiune pentru a seta culoarea partii de sus a chenarului din sectiunea de Footer.
  3. Title Color
    Foloseste aceasta optiune pentru a seta culoarea titlului de sectiune din Footer.
  4. Text Color
    Foloseste aceasta optiune pentru a seta culoarea textului din footer.
  5. Footer links color
    Foloseste aceasta optiune pentru a seta culoarea link-urilor din Footer.
  6. Footer Links Hover Color
    Foloseste aceasta optiune pentru a seta culoarea linkurilor in stare de hover din sectiunea de Footer.
  7. Sub Footer Background Color
    Foloseste aceasta optiune pentru a seta culoarea de fundal a sectiunii de footer.
  8. Sub Footer Navigation and Copyright text color
    Foloseste aceasta optiune pentru a seta culoarea navigatiei si a textului de copyright.

Optiunile stilizarii footer-uluisunt globale in Jupiter, si setarile optionale vor afecta tot website-ul. Acest set de optiuni este focusat pe design si stil al footer-ului. Pentru optiuni de layout va trebui sa ai mergi la Theme Options > Footer > Footer.

General Colors Styling

Theme options este sectiunea principala din Jupiter, unde poti configura setari globale pentru site-ul tau. Poti accesa Theme Options din partea stanga sus a tabloului de bord. In acest articol vom descrie optiunile generale de editare a culorilor disponibile in sectiunea Global Settings > Site Settings si Main content.

In acest articol
Cum setezi culoarea principala
Cum setezi culoarea fundalului
Cum setezi culoarea textului

Cum setezi culoarea principala

Poti seta culoarea principala pentru tot site-ul. Aceasta optine este disponibila in Theme Options > Global Settings > Site Settings > Theme Accent Color. (Are efect asupra unor elemente, nu toate).

Cum setezi culoarea de fundal

Poti seta culoarea de fundal pentru diferite sectiuni ale site-ului tau cum ar fi header, titlul, pagina si footer. Pentru a seta culoarea de fundal trebuie sa mergi la Theme Options > Main Content > Layout & Backgrounds.
Scroll in jos pana la sectiunea Background Color & Texture si fa click pe fiecare sectiune pentru a o customiza.

Cum setezi culoarea de text

Culoarea textului poate fi schimbata din Theme Options > Main content > Texts.

Exista urmatoarele optiuni:

Setare Descriere
Text Color Seteaza culoarea textului din website.
 Links Color Seteaza culoarea linkurilor din text.
Content Links Hover Color Seteaza culoarea linkurilor in stare de hover.
Content Strong Tag Color Seteaza culoarea textului ingrosat. Aceasta optine va functiona numai pe texte care utilizeaza etichata <strong>.
Paragraf:

Setare Descriere
Paragraph Seteaza culoarea paragrafului.
Titluri

Setare Descriere
H1 Text Color Seteaza culoarea h1.
H2 Text Color Seteazaculoarea h2.
H3 Text Color Seteazaculoarea h3.
H4 Text Color Seteazaculoarea h4.
H5 Text Color Seteazaculoarea h5.
H6 Text Color Seteazaculoarea h6.
Optiuni generale footer (Theme Options > Footer)

Theme Options este sectiunea primara din jupiter in care poti adauga setari globale pentru website. Poti accesa Theme Options din meniul stanga din panoul de comanda. In acest articol vom vorbi despre optiuni generale pentru footer disponibile in sectiunea de Footer din Theme Options.

Optiuni generale de footer

  1. Footer
    Activeaza optiunea asta pentru a arata sectiunea de footer pe website global. Poti rescrie aceasta optiune folosind optiunea Manage Page Element In Jupiter Page Options din fiecare pagina.
  2. Hide on mobile
    Cand aceasta optiune este activata, footerul va fi ascuns pe telefoane.
  3. Boxed
    Activand aceasta optiune limitezi sectiunea de footer in grid-ul maxim permis de webiste. Daca aceasta optiune nu este activa, footerul va fii de latime intreaga.
  4. Footer Column Gutter Space
    Foloseste aceasta optiune pentru a seta spatiul dintre fiecare coloana.
  5. Footer Padding Bottom/Top
    Foloseste aceasta optiune pentru a adauga spatiere inainte si dupa sectiunea de footer.
  6. Footer Widget Margin Bottom
    Foloseste aceasta optine pentru a adauga mari margin-ul de jos al spatiilor de widget-uri pentru footer.
  7. Footer Type
    Foloseste aceasta optine pentru a seta tipul de sectiune footer. Optiunile disponibile sunt:
  1. Regular
  2. Fixed
  • Footer column Layout.
    Foloseste aceasta optiune pentru a seta layot-ul coloanelor din sectiunea de footer. Optiunile disponibile sunt:

    1. One Column
    2. Two Columns
    3. Three Columns
    4. Four Columns
    5. Five Columns
    6. Six Columns
    7. Variable layouts

Sub footer

  1. Display Sub Footer
    Activeaza aceasta optiune pentru a arata o sectiune sub footer.
  2. Sub Footer Navigation
    Activeaza aceasta optiune pentru a adauga o navigatie simpla in stanga zonei de sub footer. Trebuie sa existe un meniu creat in Appearance > Menus si sa asignezi acel meniu in locatia Footer Navigation.
  3. Sub Footer Copyright Text
    Foloseste aceasta optiune pentru a adauga textul de copyright in zona de sub footer.

Cum adaugi content in footer?

Sectiunea de footer din Jupiter poate accepta continut numai din Widgets. Pentru a adauga continut in zona de footer trebuie sa mergi in Panoul de comanda > Appearance > Widgets. Aici vei gasi sase spatii de widget-uri destinate footer-ului in care poti adauga modulele dorite. Numarul coloanelor aratate in footer se defineste din Theme Options > General > Footer Section. In cazul in care alegi un model de footer pe 3 coloane, coloanele 4, 5, 6 nu vor fi prezente in frontend.

Optiuni Social Networks in Theme Options

Theme options este sectiunea principala din Jupiter, unde poti configura setari globale pentru site-ul tau. Poti accesa Theme Options din partea stanga sus a tabloului de bord. In acest articol vom descrie optiunile generale ale retelelor de socializare pentru Header-ul site-ului tau din Theme Options.

Retele de socializare generale

  1. Header Social Networks Location
    Foloseste aceasta optiune pentru a seta locatia iconitelor retelelor de socializare in website. Optiunile disponibile sunt:
  1. Header Toolbar
  2. Header Section
  3. Disable
  • Header Social Networks Style
    Foloseste aceasta optiune sa setezi stilul retelelor de socializare. Optiunile disponibile sunt:

    1. Circled
    2. Rounded
    3. Simple
    4. Simple Rounded
    5. Square Pointed
    6. Square Rounded
  • Icon Size
    Aceasta optiune fa functiona numai pentru stilurile Simple Rounded, Square Pointed si Square Round si plasate in Header Section. Foloseste aceasta optiune pentru a seta marimea iconitelor de retele de socializare.

    1. Small
    2. Medium
    3. Large
  • Add New Network
    Foloseste aceasta optiune pentru a selecta iconita retelei de socializare si pentru a-i completa URL-ul. Nu trebuie sa adaugi HTTPS:// la inceputul fiecarei retele de socializare.
Stilizarea headerului (Theme Options > Header)

Theme Options este sectiunea principala din Jupiter, unde poti seta preferinte globale pentru site-ul tau. Poti accesa Theme Options din meniul din stanga WordPress. Vom descrie in acest articol despre stilizarea headerului.

Stilizarea headerului

  1. Choose between boxed and full width layout.
    Foloseste aceasta optiune pentru a seta layout-ul principal al siteului. Optiunile disponibile sunt:
  1. Boxed Layout
  2. Full width Layout
  • Header Background Opacity
    FOloseste aceasta optiune pentru a seta valoarea opacitatii fundalului de header.
  • Sticky Header Background Opacity
    Foloseste aceasta optiune pentru a seta opacitatea fundalului de header in modul sticky.
  • Header Bottom Border Thickness
    Foloseste aceasta optiune pentru a seta grosimea chenarului din sectiunea de header. Valorile trebuie introdue in pixeli.
  • Header Bottom Border Color
    Foloseste aceasta optiune pentru a seta culoarea chenarului in partea de jos a headerului.
  • Sticky Header Bottom Border Color.
    Foloseste aceasta optiune pentru a seta culoarea chenarului in partea de jos a headerului.
  • Icon Color
    Foloseste aceasta optiune pentru a seta culoarea iconitelor din sectiunea de header.
  • Icon Hover Color
    Foloseste aceasta optiune pentru a seta culoarea iconitelor din sectiunea de header in starea de hover.
  • Border Color
    Foloseste aceasta optiune pentru a seta chenarul sectiunii de retele de socializare.
  • Background Color
    Foloseste aceasta optiune pentru a seta culoarea sectiunii de fundal.
  • Hover Background Color
    Foloseste aceasta optiune pentru a seta culoarea sectiunii de fundal in starea de hover.
  • Header Start Tour Link Color.
    Foloseste aceasta optiune pentru a seta culoarea link-ului de „Incepe Tur”.
Stilizarea toolbar-ului din Header

Theme Options este sectiunea principala din Jupiter, din care poti seta preferinte globale. Poti accesa Theme Options din meniul stanga al WordPressului. Vom descrie in acest articol stilizarea toolbar-ului din sectiunea de Header.

Header Toolbar Styling

  1. Toolbar Background Color
    Foloseste aceasta optiune pentru a seta culoarea de background a sectiunii de toolbar din header.
  2. Border Bottom Color
    Foloseste aceasta optiune pentru a seta culoarea chenarului din sectiunea de toolbar din header.
  3. Text Color
    Foloseste aceasta optiune pentru a seta culoarea textului din sectiunea de toolbar al headerului.
  4. Link Color
    Foloseste aceasta optiune pentru a seta culoarea link-ului din sectiunea de toolbar al headerului.
  5. Social Network Icon Color
    Foloseste aceasta optiune pentru a seta culoarea iconitelor sociale din sectiunea de toolbar al headerului.
  6. Search Form Input Background Color
    Foloseste aceasta optiune pentru a seta culoarea background-ului din formularul de cautare, in sectiunea toolbar-ului din header.
  7. Search Form Input Text Color
    Foloseste aceasta optiune pentru a seta culoarea textului din formularul de search in sectiunea de toolbar al headerului.
  8. Toolbar Mobile Background Color.
    Foloseste aceasta optiune pentru a seta culoarea de fundal al toolbar-ului din header pentru dispozitive mobile.
  9. Toolbar Mobile Link Color
    Foloseste aceasta optiune pentru a seta culoarea link-ului sectiunii de toolbar in dispozitivele mobile.
  10. Toolbar Mobile Text Color
    Foloseste aceasta optiune pentru a seta culoarea textului sectiunii de toolbar in dispozitivele mobile.
  11. Icon Color.
    Foloseste aceasta optiune pentru a seta culoarea iconitelor din sectiunea de toolbar in dispozitivele mobile.
Setari Globale

Theme Options controleaza aproape toate setarile din Jupiter. Pentru a accesa Theme Options exista doua posibilitati:

  1. Din meniul de top WordPress > Theme Options
  2. Din meniul din stanga WordPress > Jupiter > Theme Options

In acest articol vom explica Global Settings in Theme Options. In acest grup de setari poti configura:

  1. Site Settings
  2. Logo & Title
  3. Preloader
  4. Quick Contact
  5. API Integrations

In acest articol

Site Settings

Logo & Title

Preloader

Quick Contact

API Integrations

Fonturi (Tipografie)

Theme Options este sectiunea din Jupiter in care poti adauga setari globale pentru site-ul tau. Poti accesa Theme Options din meniul din stanga via meniul Jupiter. In acest articol vom vorbi despre fonturile disponibile sub sectiunea de Typography din Theme Options.

Este posibil sa ai 3 tipuri de fonturi pentru tot website-ul. Acestea sunt Fonturi Google, Web Safe Fonts si Typekit Fonts.

Setarea unui Font

  1. Din meniul WordPress, mergi la Jupiter > Theme Options > Typography.
  2. Alege elementele pe care vrei sa le afectezi cu un font specific. Setarea unui font pe sectiunea de Body va afecta toate elementele acestuia.
  3. Click pe iconita de creion pentru a alege un font.
  4. Selecteaza Google Font Character Set.
    Poti alege din urmatoarele seturi:
  1. latin
  2. latin-ext
  3. cyrillic-ext
  4. greek-ext
  5. greek
  6. vietnamese
  7. cyrillic
  • Salveaza modificarile.
Stilizarea navigatiei principale (Theme Options > Header)

Theme Options este sectiunea din Jupiter in care poti adauga setari globale pentru site-ul tau. Poti accesa Theme Options din meniul din stanga via meniul Jupiter. In acest articol vom vorbi despre Stilizarea Navigatiei Principale disponibila in sectiunea de Header din Theme Options.

Stilizarea navigatiei principale

  1. Header Main Navigation Hover Style
    Foloseste aceasta optiune pentru a seta starea de hover pentru navigatia principala.
  2. Container Background Color
    Foloseste aceasta optiune pentru a pune sectiunea meniului principal intr-un container colorat.
  3. Top Level Text Color
    Foloseste aceasta optiune pentru a seta culoarea textului a butoanelor principale de meniu.
  4. Top Level Hover & Current Skin Color
    Foloseste aceasta optiune pentru a seta starea de hover si culoarea butoanelor principale din meniu. Forma efectului de hover va fi diferita in functie de alegerea pe care ai facut-o la punctul 1.
  5. Top Level Hover & Current Text Colo (Hover Style 3 & 4 Only)
    Foloseste aceasta optiune pentru a seta culoarea meniului curent pentru stilul de hover 3 si culoarea textului si culoarea efectului de hover pentru stilul hover 4.
  6. Sub Level Box Width
    Foloseste aceasta optiune pentru a seta lungimea box-ului de dropdown al meniului principal. Aceasta valoare este exprimata in pixeli.
  7. Sub Level Box Border Top Color
    Foloseste aceasta optiune pentru a seta culoarea partii de sus a chenarului. Daca nu doresti sa setezi o culoare lasa aceasta optiune goala.
  8. Sub Level Background Color
    Foloseste aceasta optiune pentru a seta culoarea de fundal a boxului de dropdown.
  9. Sub Level Text Color
    Foloseste aceasta optiune pentru a seta culoarea textului din submeniu.
  10. Sub Level Text Hover & Current Menu Item Color
    Foloseste aceasta optiune pentru a seta culoarea textului in starea de hover inauntrul submeniului.
  11. Sub Level Icon Color
    Foloseste aceasta optiune pentru a seta culoarea iconitelor din submeniu. Aceasta optiune este aplicabila doar daca ai setat iconitele pentru meniu din Dashboard > Appearance > Menus.
  12. Sub Level Hover & Current Menu Item Background Color
    Foloseste aceasta optiune pentru a seta culoarea de fundal a butoanelor din submeniu in starea de Hover.
  13. Mega menu title color
    Foloseste aceasta optiune pentru a seta culoarea titlului pentru meniul in starea de Mega Menu. Pentru mai multe informatii despre Mega Menu click aici.
  14. Sub Level Box Shadow
    Activeaza aceasta optiune pentru a adauga umbre sub dropdown-ul din meniu.
  15. Sub Level Box Border Color
    Foloseste aceasta optiune pentru a seta culoarea chenarului atribuit meniului dropdown din meniul principal.
  16. Mega Menu column Vertical Dividers Color
    Foloseste aceasta optiune pentru a seta culoarea separatoarelor verticale inauntrul boxulului de dropdown in meniul principal aflat in starea de Mega Menu.
  17. Responsive Navigation Background Color
    Foloseste aceasta optiune pentru a seta culoarea fundalului pentru boxul dropdown al meniului principal in starea de responsive. Aceasta optiune se poate gasi in Theme Options > Header > Mobile Header.
  18. Responsive Navigation Text Color
    Foloseste aceasta optiune pentru a seta culoarea textului pentru butoane din meniu in starea de responsive. Aceasta optiune se poate gasi in Theme Options > Header > Mobile Header.
Stilizarea titlului de pagina

Theme Options este sectiunea principala din Jupiter unde poti adauga setari globale site-ului tau. Poti accesa Theme Options din meniul din stanga WordPress. In acest articol vom vorbi despre stilizarea titlului de pagina si optiunile disponibile sub sectiunea Page Title din Theme Options.

Stilizarea titlului de pagina

  1. Page Title Color
    Foloseste aceasta sectiune pentru a seta culoarea titlului de pagina.
  2. Text Shadow for Title
    Foloseste aceasta optiune pentru a adauga o umbra pe titlu cu o marime de 1px.
  3. Container Border Bottom Color
    Foloseste aceasta optiune pentru a seta culoarea partii de jos a chenarului pentru sectiunea de breadcrumbs.
  4. Page Subtitle Text Color
    Foloseste aceasta optiune pentru a seta culoarea subtitlului de pagina.
Formularul de contact rapid (Theme Options > Global Settings > Quick Contact)

Theme Options este sectiunea principala din Jupiter unde poti adauga setari globale pentru site-ul tau. In acest articol vom vorbi despre Quick Contact Form. Poti accesa Theme Options din meniul stanga WordPress. Vom detalia in continuare optiunile disponibile in sectiunea Global Settings > Quick Contact din Theme Options.

Formularul de contact rapid este o iconita mica in coltul dreapta jos al site-ului tau care va deschide intr-un pop-up un formular de contact. Acest formular este disponibil pe orice pagina a site-ului tau.

Quick Contact Form

  1. Quick Contact
    Activeaza aceasta optiune pentru a arata iconita formularului de contact in coltul dreapta jos al site-ului tau.
  2. Quick Contact title
    Foloseste aceasta optiune pentru a adauga un titlu formularului de contact.
  3. Quick Contact Email
    Foloseste aceasta optiune pentru a seta recipientul de email al formularului rapid de contact. Daca aceasta optiune este lasata goala, email-ul administratorului va fi folosit ca implicit.
  4. Quick Contact Description
    Foloseste aceasta optiune pentru a adauga o descriere text in formularul de contact.
  5. Enable Captcha?
    Foloseste aceasta optiune pentru a arata un formular captcha pentru a preveni robotii din a trimite email-uri folosind formularul de contact.
  6. GDPR Consent Check?
    Arata un checkbox de consimtamant in formularul de contact.
  7. GDPR Consent Checkbox Text
    Arata un text personalizabil in checkbox-ul de consimtamant.
Optimizari de viteza

Optiunile pentru optimizarea vitezei in Theme Optons te lasa sa imbunatatesti performanta site-ului prin optimizarea si compresia fisierelor CSS si JS in site-ul tau.

In acest articol vom explica optiunile disponibile in panoul de setari pentru optimizarea vitezei si cum sa le folosim. Le poti accesa din Theme Options > Advanced Speed optimizations.

Pentru a accesa Theme Options:

  1. Din meniul de stanga WordPress, mergi la Jupiter > Theme Options

In acest articol

Minify Theme JavaScript Files

Minify Theme Styles Files

Move Shortcode Styles to footer

Remove a query string from static files

Global Lazy Load

Minify Theme JavaScript Files

Minify Theme Javascript Files este optiunea care te lasa sa minimizezi fisierele de JavaScript asociate cu tema. Daca aceasta optiune este activata va incarca versiuni minificate ale fisierelor de JavaScript care va scurta timpul de incarcare. Minificarea codului elimina:

  • Caractere white space
  • Caractere de linie noua
  • Comentarii
  • Delimitatoare de bloc

Aceste caractere adauga doar un spor de lizibilitate codului si nu sunt necesare pentru ca acesta sa ruleze in parametrii normali.

Minify Theme Styles Files

Optiunea Minify Theme Style Files te lasa sa minimizezi fisierele CSS asociate cu tema. Cand aceasta optiune este activata va incarca versiunile de fisiere CSS minimizate si va reduce timpul de incarcare.

Move Shortcode Styles to Footer

Daca aceasta optiune este activata, toate stilizarile de shortcode-uri vor fi combinate / minimizate si mutate in footerul paginii.

Remove query string from Static Files

Cand activezi aceasta optiune va elimina fiecare query string din fisierele CSS si JS. Pentru mai multe informatii cititi aici. Dezactivarea acestei optiuni ar putea cauza probleme(!).

Global Lazy Load

Optiunea global lazy load, cand activata, impiedica incarcarea tuturor imaginilor deodata. Daca imaginea este in afara campului vizual atunci imaginea nu va fi incarcata decat atunci cand utilizatorul da scroll in jos. Acest lucru iarasi imbunatateste timpul de incarcare.

Cand optiunea de Global Lazy Load este pornita, un buton de disable lazyload va fi disponibil in shortcode-urile individuale.

Setari Blog / News

Setarile de blog sunt in sectiunea principala si iti dau voie sa alegi setari globale pentru articolele tale WordPress. Poti accesa Setarile de blog din Jupiter > Theme Options > Blog.

In acest articol vom descrie ce optiuni sunt disponibile sub sectiunea Blog din Theme Options.

In acest articol

Blog Single Post Settings

Blog Meta Settings

Blog Archive Settings

News Settings

Blog Single Post Settings

  1. Single Layout
    Poti manageria layout-ul articolelor de blog folosind aceasta optiune. Exista cateva optiuni din care poti alege cum sa stilizezi layout-ul articolelor tale.
  1. Right Layout – seteaza sidebar-ul in partea dreapta
  2. Left Layout – Seteaza sidebar-ul in partea stanga
  3. Full Layout – Seteaza layout-ul fara sidebar.
  • Post Style
    Foloseste aceasta optiune pentru a seta stilizarea unui articol de blog. Optiunile disponibile sunt:

    1. Traditional and compact
    2. Clear and Bold
  • Featured Image
    Foloseste aceasta optiune pentru a activa sau dezactiva imaginea recomandata in articolele tale. Player-ul video sau player-ul audio vor fi activate sau dezactivate folosind aceasta optiune.
  • Featured Image Height
    Seteaza inaltimea imaginii recomandate.
  • Image Cropping
    Foloseste aceasta optiune pentru a activa sau dezactiva taierea imaginii pentru articolele tale.
  • Post Title
    Foloseste aceasta optiune pentru a activa sau dezactiva titlul pentru articolele tale. Aceasta optiune va functiona pentru ambele stilizari ale articolelor tale. (Traditional & Compact)
  • Previous & Next Arrows
    Foloseste aceasta optiune pentru a dezactiva navigatia prin sageti in articolele tale. Navigatia prin sageti ofera vizitatorului optiunea de a sari in articolul urmator sau anterior direct din pagina de articol.
  • Show Previous & Next for Same Categories?
    Aceasta optiune limiteaza navigarea in articolelor de blog in aceeasi categorie.
  • Recommended Posts
    Foloseste aceasta optiune pentru a activa sau dezactiva sectiunea de articole recomandate in articolele tale. Sectiunea de articole recomandate este o lista de artocle de blog cu link catre paginile unde pot fi citite respectivele. Imaginile sunt selectate automat din aceeasi categorie in care se afla articolul pe care il citesti.
  • Comments on Blog Posts
    Foloseste aceasta optiune pentru a activa sau dezactiva comentariile pe articolele tale. Aceasta optiune este numai pentru articolele de blog. Daca esti interesat sa ai o sectiune de comentarii pentru pagini, trebuie sa mergi la Theme Options > Global Settins si sa activezi optiunea Comments on Pages. Pentru mai multe informatii despre aceasta optiune click aici.
  • About Author Box
    Foloseste aceasta optiune pentru a activa sau dezactiva boxul despre autor in articolele tale. Boxul de autor este pozitionat la sfarsitul articolului si arata informatii despre autorul acelui articol. Pentru a schimba informatia despre autor trebrebuie sa mergi in WordPress Admin Menu > Users > Your Profile si sa iti adaugi numele si informatiile tale acolo. Daca vrei sa adaugi si un URL de site, o adresa de mail sau un cont de Twitter, acestea vor fi aratate ca iconite cu link-uri in boxul de autor.
  • Social Share
    Foloseste aceasta optiune pentru a dezactiva sectiunea de social share in articolele cat si pe arhive de articole.

Blog Meta Settings

  1. Display Meta Options
    Foloseste aceasta optiune pentru a arata sau a ascunde informatii in plus despre articolul de blog, cum ar fi autorul, data la care a fost creat etc.
  2. Meta Tags
    Foloseste aceasta optiune pentru a arata sau ascunde tag-urile meta pe care le-ai adaugat in articol. Box-ul pentru meta tag-uri este in partea dreapta a ecranului in pagina de editare a articolului din sectiunea de admin.

Blog Archive Settings

  1. Archive Layout
    Defineste un loop intr-o arhiva. Optiunile disponibile sunt:
  1. Left Sidebar
  2. Right Sidebar
  3. Full Sidebar

 

  • Blog Archive Style
    Jupiter are diferite stiluri pentru a arata lista de articole. Aceste stiluri pot fi personalizate mai mult din Blog shortcode. Foloseste aceste optiuni de tema pentru a seta stilul arhivei de blog. Optiunile disponibile sunt:

 

  1. Modern
  2. Classic
  3. Newspaper
  4. Spotlight
  5. Thumbnail
  6. Magazine
  7. Grid
  • Page Title
    Foloseste aceasta optiune pentru a auto genera titlul paginii in care se afla articolele.
  • Foloseste aceasta optiune pentru a activa sau dezactiva subtitlul pentru pagina de arhiva a articolelor.
  • Featured Image Height
    Aceasta optiune seteaza inaltimea imaginilor reprezentative in arhiva de blog.
  • Blog Meta
    Foloseste aceasta optiune pentru a arata sau ascunde informatia pentru fiecare obiect in parte.
  • Pagination Style
    Foloseste aceasta optiune pentru a seta stilul paginatiei de blog. Optiunile disponibile sunt:

    1. Pagination Nav
    2. Load More Button
    3. Load on Page Scroll