Cum să creezi o pagină de pornire frumoasă folosind Elementor și Genesis

Publicat: 2022-11-07

Dacă doriți să creați o pagină de pornire frumoasă folosind pluginul Elementor Pro WordPress și tema Genesis child, iată un ghid pas cu pas despre cum să o faceți. În primul rând, va trebui să instalați și să activați Genesis Framework pe site-ul dvs. WordPress. Apoi, va trebui să instalați și să activați pluginul Elementor Pro. Odată ce ambele sunt activate, va trebui să creați o pagină nouă în WordPress și să selectați șablonul „ElementorCanvas” din panoul de atribute ale paginii. Acum, puteți începe să vă construiți pagina de pornire cu Elementor. Pur și simplu trageți și plasați elementele pe care doriți să le utilizați în zona pânzei. Puteți adăuga propriul text, imagini, videoclipuri și multe altele. Odată ce sunteți mulțumit de pagina dvs. de pornire, faceți clic pe butonul „Publicați” și noua pagină de pornire va fi difuzată.

Cele mai multe dintre întrebările pe care le-am primit au fost despre utilizarea Elementor în Genesis Framework. Răspunsul simplu este da. Există, totuși, teme pentru copii care nu au fost actualizate pentru a suporta cele mai recente actualizări WordPress Core și Gutenberg. Chiar dacă aveți acest lucru instalat pe dispozitivul dvs., veți putea în continuare să utilizați generatorul de pagini Elementor cu oricare dintre temele Genesis. Indiferent de ce generator de pagini folosiți, Elementor sau Genesis Pro , veți avea o experiență fantastică. Cadrul Genesis trebuie actualizat pentru a fi utilizat. Simțiți-vă liber să puneți orice întrebări aveți, precum și să solicitați o demonstrație a modului în care funcționează.

Funcționează Elementor cu Genesis Framework?

Sursa imagine: https://wpcity.com

Acest generator de pagini, care este construit pe Genesis Framework, este de departe cel mai popular dintre toți generatorii de pagini ai comunității. Vă puteți personaliza site-ul de la antet la subsol în doar 15 minute cu acest instrument. Poate fi folosit chiar și pentru a crea site-uri web mai complexe prin deblocarea modulelor de design.

Elementor este cel mai utilizat generator de pagini în comunitate și acceptă Genesis Framework. Vă puteți personaliza tema copilului Genesis pentru a satisface cerințele dvs. specifice cu Genesis Framework. Elementor este un generator de pagini autonom, care simplifică crearea unui site web pentru utilizatorii cărora le lipsește experiența tehnică. Creați-vă propria temă folosind Genesis Framework, care vă permite să selectați din orice temă copil și să adăugați elemente de design suplimentare. Nu este necesar să învățați codificare, deoarece suprascrie toate setările temei copil din backend. Dacă doriți tot ce este mai bun din ambele lumi, Elementor și Genesis Framework ar trebui folosite ca una.

Elementor: Un cadru pentru schimbare

Elementor este, de fapt, un cadru. Folosind acest instrument, puteți crea un nou cadru de design pentru site-ul dvs. WordPress care schimbă aspectul zonelor tematice care au fost în mod tradițional invizibile pentru constructorii de pagini.

Cum activez Tema Genesis Child?

Sursa imagine: https://cloudways.com

Pentru a activa o temă copil Genesis, mai întâi trebuie să instalați Genesis Framework. Odată ce cadrul este instalat, puteți activa apoi tema copil din meniul Aspect > Teme din tabloul de bord WordPress.

Există mulți oameni care sunt intimidați de ideea instalării cadrului Genesis, precum și a unei teme pentru copii. Este o sarcină simplă de finalizat. Puteți folosi în continuare WordPress fără să instalați teme. Este definită ca o temă extrem de funcțională care se bazează pe un cadru. Tema copilului este ceva care este integrat în tema părinte . Tema copil Genesis este aceeași cu toate celelalte teme WordPress. Distincția principală este necesitatea ca temele părinte și cele secundare să fie încărcate și stocate în directorul de teme WordPress. Cadrul Genesis și Tema Copilului pot fi instalate doar cu o problemă minoră.

Cum să vă ajustați CSS pentru o temă Genesis personalizată

Dacă utilizați o temă personalizată , poate fi necesar să ajustați CSS-ul. Cadrul Genesis este menit să fie cât mai minimalist posibil, dar este posibil să doriți să adăugați umplutură sau o marjă pentru a-l scoate în evidență.

Trebuie să folosesc o temă pentru copii cu Elementor?

Sursa imagine: https://themewaves.com

Nu există un răspuns definitiv la această întrebare, deoarece depinde de preferințele personale și de nevoile specifice ale proiectului dumneavoastră. Dacă doriți pur și simplu să faceți câteva modificări cosmetice site-ului dvs., atunci probabil că nu va trebui să creați o temă copil. Cu toate acestea, dacă intenționați să faceți modificări sau personalizări mai semnificative, atunci o temă pentru copii poate fi o idee bună. În cele din urmă, depinde de tine să decizi dacă trebuie sau nu să folosești o temă copil cu Elementor.

Când să folosiți o temă pentru copii (și când nu!)

Când utilizați Elementor pentru a crea un site web personalizat, este esențial să includeți personalizarea Elementor în design. Cu temele pentru copii, puteți face doar modificări minore site-ului dvs.; Elementor îl va actualiza automat atunci când detectează o actualizare. Deși este o idee bună să țineți cont de temele copiilor, acestea nu sunt deloc necesare. Dacă vă personalizați site-ul cu o temă secundară în loc să o editați direct, veți suprascrie toate modificările pe care le faceți de fiecare dată când tema este actualizată. Puteți fie să schimbați tema, fie să vă pierdeți munca. Puteți folosi și o temă pentru copii, dacă preferați. În cazul unei teme copil, o puteți folosi pentru a reutiliza secțiuni ale temei fără a o suprascrie. Înseamnă că odată ce vă personalizați tema copilului, modificările dvs. vor fi păstrate automat de fiecare dată când actualizați tema părinte.

Tema Copilului Elementor

O temă copil Elementor este o temă WordPress care își moștenește funcționalitatea de la o altă temă WordPress, numită tema părinte. Temele secundare sunt adesea folosite atunci când doriți să faceți modificări unei teme WordPress existente fără a pierde capacitatea de a actualiza tema părinte.

Ai nevoie de o temă pentru copii pentru Hello Elementor?

Pentru a utiliza stilurile Hello, Elementor trebuie integrat direct. În unele cazuri, dacă doriți să adăugați sau să modificați codul CSS al Hello, designerii dvs. vă recomandă să utilizați o temă copil (temă copil Hello). În acest articol, vom explica cum folosirea unei teme pentru copil nu este întotdeauna necesară în unele cazuri.

Care este diferența dintre tema WordPress și tema pentru copii?

Extensiile de teme pentru copii sunt recomandate dacă sunt încă funcționale și au același design și cod. Temele copil WordPress vă permit să personalizați o temă sau un cadru profitând de funcțiile puternice ale temei sau cadrului părinte.

Cum să utilizați tema pentru copii în WordPress

Este de preferat să aveți o temă copil ca alternativă la o temă principală. Puteți face același lucru cu numele temei făcând clic pe butonul Activare de lângă ea. Făcând clic pe butonul Activare de lângă numele temei, puteți accesa site-ul web ca de obicei.

Temele copil apar la fel ca și temele părinte, dar caracteristicile și aspectul sunt împrumutate. Pentru mai multe informații despre temele WordPress pentru copii, vă rugăm să citiți articolul nostru despre Ce este o temă WordPress? Dacă tema copilului dvs. a fost împachetată ca fișier zip, trebuie să faceți clic pe butonul „Încărcați tema”. Dacă tema părinte este disponibilă din directorul de teme WordPress.org, instalarea va avea loc. Vă va informa că trebuie să instalați manual tema părinte ca parte a procesului de configurare. După ce instalați atât temele părinte, cât și cele pentru copil, veți putea activa tema copil. Nu trebuie să activați tema părinte pentru a utiliza tema copil. În plus, am creat un ghid despre cum să găsiți fișierele pe care trebuie să le editați într-o temă WordPress. Revenind la tabloul de bord WordPress, puteți accesa fila Aspect și puteți alege tema copilului.

Cum se instalează o temă pentru copii cu Oceanwp

Puteți instala o temă copil accesând tabloul de bord WordPress. (Setări vechi: Panoul tematic). După aceea, salvați setările într-un fișier .dat și exportați-le pe computer. Apoi puteți dezinstala tema OceanWP Child.

Cum să editați tema WordPress cu Elementor

Dacă doriți să editați tema WordPress cu Elementor, mai întâi trebuie să instalați și să activați pluginul Elementor. Odată ce ați făcut asta, puteți accesa orice pagină sau postați pe site-ul dvs. și faceți clic pe butonul „Editați cu Elementor” pentru a lansa editorul Elementor. De acolo, puteți începe să vă personalizați tema trăgând și plasând elemente pe pagină și editandu-le după bunul plac. Puteți schimba lucruri precum culorile, fonturile și aspectul temei și puteți adăuga propriul conținut personalizat folosind diferitele widget-uri pe care le oferă Elementor. Odată ce sunteți mulțumit de modificările dvs., puteți face clic pe butonul „Publicați” pentru a vă salva munca și a realiza modificările live pe site-ul dvs.

Cum se schimbă o temă WordPress în Astra (Folosește Elementor Pro Builder ) – Acesta este procesul pas cu pas. Călătoriile, cărțile și mâncarea se numără printre subiectele abordate. Între 20 iunie 2020 și 31 decembrie 2020, am descoperit că vechea mea temă era depreciată și că nu aveam niciun suport. Mi-am dat seama că trebuie să-mi schimb tema în urmă cu o lună și, în ultima lună, am lucrat la ea. Cele mai frecvente teme plătite variază în preț de la 20 USD la 60 USD. Majoritatea bloggerilor de călătorie din zilele noastre folosesc fie teme Generate Press, Avada, StudioPress, Genesis sau Astra, fie OceanWp. Cum afectează modificarea temelor WordPress conținutul?

Este în continuare același conținut. Cu toate acestea, conținutul poate fi necesar să fie modificat în moduri care nu sunt vizibile în setări. Nu trebuie să aveți abilități de codare pentru a utiliza Astra sau Elementor Pro. Dacă nu înțelegi ce faci, ar trebui să te gândești să angajezi un designer de site-uri web. Cu toate acestea, dacă doriți ca site-ul dvs. să fie proiectat, ar trebui să evitați să plătiți o avere în costuri de dezvoltare. Schimbarea temelor WordPress poate transforma aspectul unui site web. O temă WordPress poate fi schimbată fără a fi instalată.

Acest lucru poate fi realizat într-o varietate de moduri. Vă vom ghida prin procesul de schimbare a temei WordPress de pe acest site web în acest ghid. Ca alternativă, îl puteți testa într-un alt mediu și apoi importa modificările pe site-ul dvs. de producție. Înainte de a vă putea înregistra site-ul web, trebuie mai întâi să dezactivați site-ul de staging și apoi să activați site-ul live (dacă aveți o singură licență). Majoritatea modificărilor au fost făcute cu Elementor Pro și am păstrat modificările la nivel de site la nivel de temă. Atât Elementor pro cât și Elementor au un set de șabloane frumoase care pot fi testate într-o varietate de browsere pentru a asigura compatibilitatea. O varietate de kituri gratuite sunt disponibile pentru utilizatorii Elementor Pro.

Puteți crea un site web complet personalizat prin descărcarea acestor kituri. În unele cazuri, folosesc blocurile Envato care au fost personalizate pentru mine. Dacă doriți să salvați șablonul, faceți clic dreapta pe secțiune sau pe widget și alegeți „Salvare ca șablon” din meniu.

Cum să utilizați configuratorul de teme pentru copii

Utilizarea configuratorului de teme pentru copii este simplă. Doar descărcați pluginul și instalați-l pe site-ul dvs. WordPress. Odată instalat, accesați pagina de setări a pluginului și selectați tema copil pe care doriți să o utilizați. Pluginul va genera automat o temă copil pe baza temei selectate.

Următorul este un ghid pas cu pas pentru configurarea unei teme secundare prin pluginul Child Theme Configurator. Acesta generează numele de director al temei copil adăugând numele temei copil la tema părinte. Deși există extensii premium disponibile contra cost, credem că versiunea gratuită este suficientă pentru un începător. Pluginul Child Theme Configurator vă permite să creați cu ușurință o nouă temă copil pentru site-ul dvs., folosind pluginul inclus. Plugin-ul vine cu două opțiuni pentru salvarea foilor de stil cu tema pentru copii. Puteți crea un fișier style.css în directorul temei copilului, selectând opțiunea pentru foaia de stil primară. Dacă utilizați cadrul de temă Genesis , alegeți opțiunea Ignorare foile de stil ale temei părinte.

Meniurile, widget-urile și alte setări de personalizare pot fi copiate din tema părinte în tema secundară. După ce ați ales toate personalizările necesare, faceți clic pe butonul Creați o nouă temă copil. Lista fișierelor șablon modificabile va fi afișată în fila Fișiere. Cele două file interogare/selector și proprietate/valoare pot fi folosite pentru a găsi stilul potrivit din tema părinte și pentru a-l modifica. Problema găsirii proprietății și a selectorului CSS este una comună în temele secundare manuale . Pluginul Child Theme Configurator face ca această problemă să fie cât mai simplă de rezolvat. Importarea oricăror fonturi web, cum ar fi fonturile Google, sub opțiunea de interogare #import se poate face în fila Font web.

În fila Părinte/Copil, puteți șterge, duplica și analiza o temă copil. Puteți vizualiza aceste opțiuni odată ce tema copilului dvs. este creată folosind acest plugin. O nouă temă copil poate fi găsită în tabloul de bord WordPress făcând clic pe fila Teme.

Pot șterge configuratorul de teme pentru copii?

În cazul în care ați uitat pluginul pentru editorul de teme după ce ați creat o temă copil, nu veți pierde nicio dată.

Genesis Custom Child Theme

O temă pentru copii personalizată Genesis este o modalitate excelentă de a adăuga propria ta notă personală site-ului tău WordPress. Prin crearea propriei teme personalizate pentru copii, vă puteți asigura că site-ul dvs. arată exact așa cum doriți, fără a vă face griji că modificările vor fi suprascrise de o actualizare viitoare a Genesis Framework. În plus, cu o temă personalizată pentru copii, puteți adăuga sau elimina cu ușurință funcții după cum credeți de cuviință, fără a fi nevoie să editați niciun cod.

Cadrul Genesis de la StudioPress este foarte asemănător cu blocurile Lego. Ea simplifică lucrul și deplasarea diferitelor componente ale temei. Toate temele noastre sunt construite cu o temă Genesis Child. Tema Genesis trebuie instalată ca temă părinte a copilului dumneavoastră atunci când creați o temă. Pentru a adăuga un cod de urmărire Google Analytics pe site-ul dvs., accesați pagina de setări a temei Genesis. Dacă utilizați un plugin, nu va trebui să introduceți manual codul de urmărire în antet. Pluginul Genesis Visual Hook Guide arată diferitele secțiuni ale unei pagini și ajută la determinarea ce funcții sunt localizate unde.

Când conținutul bazat pe widget este creat, întreținut și actualizat, este simplu de creat, întreținut și actualizat. În primul rând, trebuie să înregistrăm zona noastră de widget-uri. Apoi folosim o funcție pentru a o adăuga pe pagină. Este bine să căutați zonele widget pe Aspect, dar acestea nu vor fi afișate pe pagina de pornire acum. În multe cazuri, id-ul/clasa widget-ului va fi legat de acesta printr-o convenție de nume care poate fi recunoscută. Dacă utilizați o temă, este posibil să puteți încărca un fișier logo. Dacă doriți să faceți logo-ul diferit, puteți modifica lățimea și înălțimea logo-ului.

Un plugin poate schimba creditul unui subsol în câteva minute. Simple Edits este soluția perfectă pentru acest tip de situație. Într-un mic fragment, puteți actualiza subsolul cu cele mai recente informații pentru o gamă largă de teme. Dacă utilizați Editări simple, puteți modifica informațiile post (byline) și post-meta ale oricărei teme Genesis. Puteți edita cu ușurință aceste zone utilizând codurile scurte, HTML și textul furnizat.