Cum se proiectează teme wordpress

Toți te-ai personalizat și de a proiecta teme pentru WordPress.Proiectarea temelor WordPress de la zero poate fi un proces lung care implică o mulțime de codificare, dar există aplicații care pot simplifica procesul.O aplicație este un plugin WordPress numit elementator care poate fi instalat din tabloul de bord WordPress.

Pași

Partea 1 din 11:
Instalarea elementelor
  1. Imagine intitulată Design WordPress Teme Pasul 1
1. Conectați-vă la WordPress.După ce ați instalat WordPress pe serverul dvs., vă puteți conecta la tabloul de bord WordPress introducând adresa URL pentru site-ul dvs. într-un browser web urmat / WP-admin (de exemplu, site-ul meu.com / wp-admin.Apoi introduceți numele de utilizator și parola pentru a vă conecta.
  • Click aici Pentru a citi cum să instalați WordPress pe serverul dvs. Web.
  • Imagine intitulată Design WordPress Teme Pasul 2
    2. Clic Plugin-uri.Este în bara laterală spre stânga.Este lângă o pictogramă care seamănă cu un conector electric.
  • Imagine intitulată Design WordPress Teme Pasul 3
    3. Clic Adăuga nou.Este în colțul din stânga sus al paginii plugin-uri.
  • Imagine intitulată Design WordPress Teme Pasul 4
    4. Tip Elementor În bara de căutare și apăsați ↵ Introduceți.Aceasta va afișa o listă de plug-uri care se potrivesc cu căutarea.
  • Imagine intitulată Design WordPress Teme Pasul 5
    5. Clic Instaleaza acum în cutia care spune "Pagina electorului Builder".Este pluginul care are o pictogramă purpurie și roz, cu patru bare albe în formă de capital "E".Acest lucru va instala Page Builder ca un plugin pentru site-ul dvs. WordPress.
  • Imagine intitulată Design WordPress Teme Pasul 6
    6. Clic Activati.După instalarea Elemenser, acest buton va apărea lângă antetul din caseta Elementor plugin-uri.
  • Partea 2 din 11:
    Crearea unei noi pagini cu elementul elementar
    1. Imagine intitulată Design WordPress Teme Pasul 7
    1. Clic Bord.Este în partea de sus a barei laterale din stânga WordPress.
  • Imagine intitulată Design WordPress Teme Pasul 8
    2. Clic + Creați o pagină nouă.Este peste elementul elementar sub antetul care spune "Prezentare generală Elemenser".Este în prima coloană.Acest lucru va deschide un editor de pagini vizuale.
  • Imagine intitulată Design WordPress Teme Pasul 9
    3. Clic
    Imagine intitulată ferestrele.jpg
    .Este pictograma care seamănă cu o unelte din colțul din stânga jos al barei laterale.Acest lucru va deschide meniul Setări.
  • Imagine intitulată Design WordPress Teme Pasul 10
    4. Introduceți un titlu.Utilizați caseta de text de mai jos "Titlu" Pentru a introduce titlul paginii dvs.Titlul va merge în partea de sus a paginii.
  • Dacă nu doriți să aveți un titlu, faceți clic pe comutatorul de la "Ascundeți titlul".
  • Imagine intitulată Design WordPress Teme Pasul 11
    5. Selectați aspectul paginii.Utilizați meniul derulant de mai jos "Aranjament în pagină" Pentru a selecta un șablon pentru pagina dvs.
  • Partea 3 din 11:
    Selectarea culorilor implicite
    1. Imagine intitulată Design WordPress Teme Pasul 12
    1. Clic .Este în colțul din stânga sus al bara laterală elementară spre stânga.
  • Imagine intitulată Design WordPress Teme Pasul 13
    2. Clic Culori implicite.Este prima opțiune din meniul barei laterale sub "Stil" antet.
  • Imagine intitulată Design WordPress Teme Pasul 14
    3. Selectați o paletă de culori.Puteți selecta o paletă din lista din antetul care spune "Mai multe palete", Sau faceți clic pe casetele din partea de sus a barei laterale pentru a selecta o culoare pentru culorile primare, secundare, text și accente.Utilizați caseta de culori pentru a selecta o culoare sau introduceți codul HEX Color în bara din partea de sus.
  • Imagine intitulată Design WordPress Teme Pasul 15
    4. Clic aplica.Este în colțul din dreapta sus al meniului barei laterale.
  • Partea 4 din 11:
    Selectarea fonturilor implicite
    1. Imagine intitulată Design WordPress Teme Pasul 16
    1. Clic .Este în colțul din stânga sus al bara laterală elementară spre stânga.
  • Imagine intitulată Design WordPress Teme Pasul 17
    2. Clic Fonturile implicite.Este a doua opțiune sub "Stil" Antetul în bara laterală.
  • Imagine intitulată Design WordPress Teme Pasul 18
    3. Clic Titlu principal.Este prima opțiune din meniul Fonts implicit.
  • Imagine intitulată Design WordPress Teme Pasul 19
    4. Selectați o familie de fonturi.Utilizați meniul derulant pentru a selecta o familie de fonturi.
  • Imagine intitulată Design WordPress Teme Pasul 20
    5. Selectați o greutate.Utilizați meniul derulant pentru a selecta cât de gros este fontul.De asemenea, puteți selecta "Îndrăzneţ" În meniul derulant.
  • Imagine intitulată Design WordPress Teme Pasul 21
    6. Clic Titlu secundar.Este prima opțiune din meniul Fonts implicit.
  • Imagine intitulată Design WordPress Teme Pasul 22
    7. Selectați o familie de fonturi.Utilizați meniul derulant pentru a selecta o familie de fonturi.
  • Imagine intitulată Design WordPress Teme Pasul 23
    8. Selectați o greutate.Utilizați meniul derulant pentru a selecta cât de gros este fontul.
  • Imagine intitulată Design WordPress Teme Pasul 24
    9. Clic Corpul textului.Este prima opțiune din meniul Fonts implicit.
  • Imagine intitulată Design WordPress Teme Pasul 25
    10. Selectați o familie de fonturi.Utilizați meniul derulant pentru a selecta o familie de fonturi.
  • Imagine intitulată Design WordPress Teme Pasul 26
    11. Selectați o greutate.Utilizați meniul derulant pentru a selecta cât de gros este fontul.
  • Imagine intitulată Design WordPress Teme Pasul 27
    12. Clic Accent text.Este prima opțiune din meniul Fonts implicit.
  • Imagine intitulată Design WordPress Teme Pasul 28
    13. Selectați o familie de fonturi.Utilizați meniul derulant pentru a selecta o familie de fonturi.
  • Imagine intitulată Design WordPress Teme Pasul 29
    14. Selectați o greutate.Utilizați meniul derulant pentru a selecta cât de gros este fontul.
  • Imagine intitulată Design WordPress Teme Pasul 30
    15. Clic aplica.Este în colțul din dreapta sus al barei laterale.
  • Partea 5 din 11:
    Adăugând o cămașă
    1. Imagine intitulată Design WordPress Teme Pasul 31
    1. Faceți clic în afara barei laterale.Acest lucru va returna bara laterală în meniul implicit.
  • Imagine intitulată Design WordPress Teme Pasul 32
    2. Trageți poziția pătratului la secțiune.Cutia de rubrică este caseta care are o capitală mare "T".Este în partea dreaptă sus a meniului bara laterală.Secțiunea este pătratul cu conturul punctat de pe pagina principală.Aceasta va transforma secțiunea în textul de poziție.O nouă secțiune goală va apărea sub titlul.
  • Imagine intitulată Design WordPress Teme Pasul 33
    3. Tastați poziția.Puteți face clic pe poziția pe pagina principală și introduceți poziția sau utilizați caseta de text din bara laterală pentru a introduce poziția.
  • Imagine intitulată Design WordPress Teme Pasul 34
    4. Selectați dimensiunea poziției.Utilizați meniul derulant de lângă "mărimea" Pentru a selecta dimensiunea poziției.
  • De asemenea, puteți utiliza caseta de etichetă HTML pentru a selecta dimensiunea fontului.
  • Imagine intitulată Design WordPress Teme Pasul 35
    5. Selectați alinierea.Faceți clic pe unul dintre cele patru pătrate din partea de jos a meniului barei laterale pentru a selecta alinierea.Puteți alinia textul în stânga, în centru, spre dreapta sau justificat în întreaga secțiune.
  • Dacă doriți să utilizați un alt font sau o culoare din implicit, puteți face clic "Stil" În partea de sus a meniului barei laterale și selectați o altă culoare și un font pentru text.
  • Partea 6 din 11:
    Adăugarea textului corpului
    1. Imagine intitulată Design WordPress Teme Pasul 36
    1. Clic Noua secțiune.Acest lucru vă va oferi opțiunea de a crea secțiuni într-o secțiune.Veți vedea o listă de modalități de a împărți secțiunea.
  • Imagine intitulată Design WordPress Teme Pasul 37
    2. Faceți clic pe o structură secțiune.Există o serie de moduri pe care le puteți împărți secțiunea.Puteți adăuga mai multe coloane sau o bară laterală spre stânga sau la dreapta sau ambele.Faceți clic pe butonul cu imaginea care seamănă cel mai mult așa cum doriți ca aspectul textului corpului.
  • Imagine intitulată Design WordPress Teme Pasul 38
    3. Glisați caseta de editor de text la secțiunea (secțiunea) în cazul în care doriți să adăugați text.Editorul de text este a doua casetă din bara laterală.Are mai multe linii care seamănă cu linii de text.Puteți să-l trageți în orice secțiune din pagina principală.
  • Imagine intitulată Design WordPress Teme Pasul 39
    4. Tipul textului corpului.Utilizați caseta de text din bara laterală pentru a introduce textul corpului.Bara de instrumente din partea de sus a casetei de text vă permite să adăugați liste bold, italice, subliniate, numerotate și bullet și hyperlink-uri.Ultimul buton, care seamănă cu două dreptunghiuri cu cutii în ele, extinde bara de instrumente pentru mai multe opțiuni de formatare.
  • Dacă doriți să utilizați un alt font sau o culoare din implicit, puteți face clic "Stil" În partea de sus a meniului barei laterale și selectați o altă culoare și un font pentru text.
  • Partea 7 din 11:
    Adăugând o imagine
    1. Imagine intitulată Design WordPress Teme Pasul 40
    1. Trageți caseta de imagini la o secțiune.Caseta imagine are o pictogramă care seamănă cu o imagine a munților și a unui soare.
  • Imagine intitulată Design WordPress Teme Pasul 41
    2. Clic Alegeți imaginea.Este caseta mare gri din bara laterală.Aceasta va afișa o fereastră pop-up.
  • Imagine intitulată Design WordPress Teme Pasul 42
    3. Clic Selectati fisierele.Este butonul mare în mijlocul ferestrei pop-up.Acest lucru va deschide un browser de fișiere pe care îl puteți utiliza pentru a selecta fișiere imagine.
  • Imagine intitulată Design WordPress Teme Pasul 43
    4. Faceți clic pe un fișier imagine.Utilizând browserul de fișiere, navigați la și faceți clic pentru a selecta o imagine pe care doriți să o încărcați.Dimensiunea maximă a fișierului este de 2 megaocteți.
  • Imagine intitulată Design WordPress Teme Pasul 44
    5. Clic Deschis.Este în colțul din dreapta jos al browserului de fișiere.Aceasta va încărca fișierul imagine și va afișa-o în secțiune.
  • Imagine intitulată Design WordPress Teme Pasul 45
    6. Selectați dimensiunea imaginii.Utilizați meniul derulant de sub imagine pentru a selecta dimensiunea imaginii.Există o varietate de dimensiuni și dimensiuni pentru a alege de la.
  • Imagine intitulată Design WordPress Teme Pasul 46
    7. Selectați alinierea.Utilizați cele trei casete de sub meniul derulant Dimensiune imagine pentru a alege alinierea imaginii.Puteți alinia imaginea în stânga, la centru sau la dreapta secțiunii.
  • Imagine intitulată Design WordPress Teme Pasul 47
    8. Adăugați o legendă (opțional).Dacă doriți să adăugați o legendă la imagine, utilizați caseta de text de la "Legendă" Pentru a introduce o legendă.
  • Imagine intitulată Design WordPress Teme Pasul 48
    9. Adăugați un link (opțional).Dacă doriți să adăugați un link, utilizați meniul derulant din partea de jos a barei laterale pentru a adăuga un link către un fișier URL sau media.
  • Partea 8 din 11:
    Adăugarea video
    1. Imagine intitulată Design WordPress Teme Pasul 49
    1. Trageți caseta video la secțiunea.Caseta video are o pictogramă care seamănă cu logo-ul YouTube.
  • Imagine intitulată Design WordPress Teme Pasul 50
    2. Selectați Tipul video.Utilizați meniul derulant de la "Tipul video" Pentru a selecta YouTube sau Vimeo.
  • Imagine intitulată Design WordPress Teme Pasul 51
    3. Adăugați link-ul video.Utilizați caseta sub link pentru a copia și lipi link-ul video de la YouTube sau Vimeo.
  • Imagine intitulată Design WordPress Teme Pasul 52
    4. Reglați opțiunile video.Utilizați comutatoarele pentru a porni sau opri următoarele opțiuni.
  • Redare automata va reda automat videoclipul când se încarcă pagina.
  • Videoclipuri sugerate va afișa videoclipuri sugerate atunci când videoclipul se face redarea.
  • Controlul jucătorului Oferă vizualizatorului opțiunea de a opri sau de a reda videoclipul, precum și să săriți la anumite părți ale videoclipului.
  • Titlul jucătorului și acțiunile Afișează titlul videoclipului și opțiunilor din colțul din dreapta sus.
  • Modul de confidențialitate nu vor depozita datele de vizitatori când sunt activate.
  • Imagine intitulată Design WordPress Teme Pasul 53
    5. Adăugați o suprapunere de imagine (opțional).Dacă doriți să adăugați o suprapunere de imagine, faceți clic pe "Suprapunere de imagine" În partea de jos a barei laterale.Faceți clic pe comutatorul de lângă "Suprapunere de imagine" Apoi, faceți clic pe caseta gri mare pentru a încărca o imagine pe care să o utilizați ca o suprapunere.
  • Partea 9 din 11:
    Adăugarea butoanelor
    1. Imagine intitulată Design WordPress Teme Pasul 54
    1. Clic Noua secțiune.Acest lucru vă va oferi opțiunea de a crea secțiuni într-o secțiune.Veți vedea o listă de modalități de a împărți secțiunea.
  • Imagine intitulată Design WordPress Teme Pasul 55
    2. Faceți clic pe o structură secțiune.Există o serie de moduri pe care le puteți împărți secțiunea.Puteți adăuga mai multe coloane sau o bară laterală spre stânga sau la dreapta sau ambele.Faceți clic pe butonul cu imaginea care seamănă cel mai mult așa cum doriți ca aspectul butoanelor.
  • Imagine intitulată Design WordPress Teme Pasul 56
    3. Trageți caseta butoanelor la o secțiune.Butonul de buton are o pictogramă care seamănă cu un cursor de șoarece, făcând clic pe un buton.
  • Imagine intitulată Design WordPress Teme Pasul 57
    4. Introduceți textul butonului.Introduceți ceea ce doriți să spuneți butonul în caseta de text de la "Text".
  • Imagine intitulată Design WordPress Teme Pasul 58
    5. Adăugați un link buton.Utilizați caseta de lângă "Legătură" Pentru a adăuga adresa URL a paginii pe care doriți să o conectați la.
  • Imagine intitulată Design WordPress Teme Pasul 59
    6. Selectați alinierea butonului.Utilizați cele patru casete de mai jos "Aliniere" Pentru a alinia butonul din stânga, dreapta, centru sau justificată în întreaga secțiune.
  • Imagine intitulată Design WordPress Teme Pasul 60
    7. Selectați dimensiunea butonului.Utilizați meniul derulant de la "mărimea" Pentru a selecta dimensiunea butonului.Puteți selecta foarte mici, mici, medii, mari sau extra mari.
  • Imagine intitulată Design WordPress Teme Pasul 61
    8. Selectați pictograma butonului.Utilizați meniul Puldown pentru a selecta o pictogramă pentru a merge lângă textul butonului.
  • Imagine intitulată Design WordPress Teme Pasul 62
    9. Selectați poziția pictogramei.Utilizați următorul meniu derulant pentru a selecta dacă doriți ca pictograma să meargă înainte sau după text.
  • Imagine intitulată Design WordPress Teme Pasul 63
    10. Selectați stilul butonului (opțional).Dacă doriți mai multe opțiuni pentru a modela butonul, puteți face clic "Stil" În partea de sus a barei laterale.Aici puteți modifica culoarea butonului, culoarea textului și fontul, precum și selectați o margine pentru buton.
  • Partea 10 din 11:
    Adăugând un divizor
    1. Imagine intitulată Design WordPress Teme Pasul 64
    1. Trageți caseta divizorului la o secțiune.Divizii sunt linii solide care merg între secțiuni pe o pagină web.
  • Imagine intitulată Design WordPress Teme Pasul 65
    2. Selectați stilul divizorului.Utilizați meniul derulant de lângă "Stil" Pentru a selecta stilul liniei.Puteți selecta solid, dublu, punctat sau eliminat.
  • Imagine intitulată Design WordPress Teme Pasul 66
    3. Selectați greutatea.Utilizați bara de glisor sub "Greutate" Pentru a regla grosimea liniei.
  • Imagine intitulată Design WordPress Teme Pasul 67
    4. Selectați Culoare.Faceți clic pe caseta dincolo de culoare pentru a selecta culoarea liniei.
  • Imagine intitulată Design WordPress Teme Pasul 68
    5. Selectați lățimea liniei.Utilizați bara de glisor de mai jos "lăţime" Pentru a ajusta cât de mult din secțiune va ocupa linia.
  • Imagine intitulată Design WordPress Teme Pasul 69
    6. Selectați alinierea.Faceți clic pe una din cele trei casete de mai jos "aliniere" Pentru a selecta alinierea liniei.Puteți alinia la stânga, la dreapta sau la centrul secțiunii.
  • Partea 11 din 11:
    Adăugarea widget-urilor și publicarea
    1. Imagine intitulată Design WordPress Teme Pasul 70
    1. Glisați orice widget la o secțiune dorită.Există o mulțime de widget-uri în bara laterală care vă permit să adăugați file, galerii de imagini, icoane media sociale, bare laterale și multe altele.Există multe pentru a juca și experimentați cu.
  • Imagine intitulată Design WordPress Teme Pasul 71
    2. Clic Publica.Este butonul verde din colțul din stânga jos al barei laterale.CLICK AICI Când ați terminat proiectarea temăi și a paginilor sale.
  • Partajați pe rețeaua socială:
    Similar