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 elementelor1. 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.

2. Clic Plugin-uri.Este în bara laterală spre stânga.Este lângă o pictogramă care seamănă cu un conector electric.

3. Clic Adăuga nou.Este în colțul din stânga sus al paginii plugin-uri.

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.

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.

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 elementar1. Clic Bord.Este în partea de sus a barei laterale din stânga WordPress.

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.

3. Clic


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.

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 implicite1. Clic ☰.Este în colțul din stânga sus al bara laterală elementară spre stânga.

2. Clic Culori implicite.Este prima opțiune din meniul barei laterale sub "Stil" antet.

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.

4. Clic aplica.Este în colțul din dreapta sus al meniului barei laterale.
Partea 4 din 11:
Selectarea fonturilor implicite1. Clic ☰.Este în colțul din stânga sus al bara laterală elementară spre stânga.

2. Clic Fonturile implicite.Este a doua opțiune sub "Stil" Antetul în bara laterală.

3. Clic Titlu principal.Este prima opțiune din meniul Fonts implicit.

4. Selectați o familie de fonturi.Utilizați meniul derulant pentru a selecta o familie de fonturi.

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.

6. Clic Titlu secundar.Este prima opțiune din meniul Fonts implicit.

7. Selectați o familie de fonturi.Utilizați meniul derulant pentru a selecta o familie de fonturi.

8. Selectați o greutate.Utilizați meniul derulant pentru a selecta cât de gros este fontul.

9. Clic Corpul textului.Este prima opțiune din meniul Fonts implicit.

10. Selectați o familie de fonturi.Utilizați meniul derulant pentru a selecta o familie de fonturi.

11. Selectați o greutate.Utilizați meniul derulant pentru a selecta cât de gros este fontul.

12. Clic Accent text.Este prima opțiune din meniul Fonts implicit.

13. Selectați o familie de fonturi.Utilizați meniul derulant pentru a selecta o familie de fonturi.

14. Selectați o greutate.Utilizați meniul derulant pentru a selecta cât de gros este fontul.

15. Clic aplica.Este în colțul din dreapta sus al barei laterale.
Partea 5 din 11:
Adăugând o cămașă1. Faceți clic în afara barei laterale.Acest lucru va returna bara laterală în meniul implicit.

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.

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.

4. Selectați dimensiunea poziției.Utilizați meniul derulant de lângă "mărimea" Pentru a selecta dimensiunea poziției.

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.
Partea 6 din 11:
Adăugarea textului corpului1. 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.

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.

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ă.

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.
Partea 7 din 11:
Adăugând o imagine1. 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.

2. Clic Alegeți imaginea.Este caseta mare gri din bara laterală.Aceasta va afișa o fereastră pop-up.

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.

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.

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.

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.

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.

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ă.

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 video1. Trageți caseta video la secțiunea.Caseta video are o pictogramă care seamănă cu logo-ul YouTube.

2. Selectați Tipul video.Utilizați meniul derulant de la "Tipul video" Pentru a selecta YouTube sau Vimeo.

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.

4. Reglați opțiunile video.Utilizați comutatoarele pentru a porni sau opri următoarele opțiuni.

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 butoanelor1. 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.

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.

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.

4. Introduceți textul butonului.Introduceți ceea ce doriți să spuneți butonul în caseta de text de la "Text".

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.

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.

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.

8. Selectați pictograma butonului.Utilizați meniul Puldown pentru a selecta o pictogramă pentru a merge lângă textul butonului.

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.

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 divizor1. Trageți caseta divizorului la o secțiune.Divizii sunt linii solide care merg între secțiuni pe o pagină web.

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.

3. Selectați greutatea.Utilizați bara de glisor sub "Greutate" Pentru a regla grosimea liniei.

4. Selectați Culoare.Faceți clic pe caseta dincolo de culoare pentru a selecta culoarea liniei.

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.

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 publicarea1. 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.

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ă: