Introducere în Cadrul Genesis

Există o mulțime de cadre WordPress acolo. Cele mai multe dintre ele sunt plătite și unele surprinzător sunt libere ca Hybrid sau Tematic. Cei mai mulți utilizatori de WordPress care folosesc cadre utilizează teza sau geneza. "De ce să folosim un cadru?", Se poate întreba. Este din cauza simplității și simplității sale. Deși este dificil să treci la un cadru și să-l înveți în stadiile inițiale poate fi destul de dificil, cu siguranță va plăti pe termen lung.

Există o mulțime de motive pentru opțiunea de a utiliza un cadru peste o temă standard WordPress. Unele dintre ele pot fi:

  • Codul curat și semantic
  • Mai mult control asupra aspectului site-ului dvs.
  • Opțiuni mai bune pentru SEO
  • O mulțime de teme pentru a selecta
  • Opțiunea de a crea propriile dvs. teme pentru copii, (Mai multe despre tema copilului într-un minut!)
  • Widget-uri personalizate și aspectul de design
  • Și da serviciul prompt pentru clienți

S-ar putea să fi ratat câteva, dar acestea sunt destul de mult cele care au trebuit să fie menționate.


Ce sunt temele pentru copii?

Cu simple cuvinte, Genesis este cadrul exact ca un cadru de imagine atârnat pe un perete. Acest cadru este gol și veți avea nevoie de o imagine pentru a putea vedea spectatorii. Această imagine este tema copilului, iar spectatorii sunt vizitatorii zilnici pe site. Există multe organizații care vă oferă teme personalizate pentru copii. Temele pentru copii au propriile foi de stil cascadă și le puteți edita cu ușurință. Tema copilului are, de asemenea, functions.php fișier, în care puteți adăuga propriul cod personalizat și îl puteți face să funcționeze așa cum vă place. Tema copilului conține de fapt trei fișiere, iar restul fișierelor se află în Tema părinte.


De ce folosiți un cadru?

Răspunsul este simplu, odată ce începeți să utilizați cadrul, vă veți obișnui cu acesta în cel mai scurt timp. Puteți face propriile schimbări într-o temă preexistentă care a venit cu ea sau puteți să vă construiți tema viselor pe care ați dorit dintotdeauna să.


Care dintre ele: teză sau geneză?

Genesis este construit pentru proiectanți și teza este construită pentru programatori

Alegerea între aceste două cadre de vârf din familia WordPress este destul de dificilă. Atunci când alegeți între ele, este posibil să luați în considerare opțiunile dvs. Acestea pot varia de la o persoană la alta. Unii oameni ar dori un design foarte simplu și minimalist, iar unii ar putea să fie complet opuși. Atunci când alegeți între aceste două cadre, proiectarea poate fi un factor important. Genesis oferă mai multe opțiuni de proiectare în comparație cu teza, dar temele Child of Genesis sunt mai puțin în cantitate decât cele din teză. Există multe teme pentru copii disponibile pentru teză pe internet, atât gratuit cât și plătite. Deci, pentru a folosi întreaga capacitate de proiectare a Genesis Framework, trebuie să fii dispus să-ți faci mâinile murdare cu cârlige și coduri scurte. Unii oameni spun, de asemenea, că Genesis este construit pentru proiectanți și teza este construită pentru programatori.


Opțiuni de proiectare

Designul joacă un rol foarte important în viața noastră. Este un element foarte important al naturii și dacă te uiți în jurul camerei tale, va avea o anumită reflectare a cine ești. Dacă vă uitați la proiectarea întregii rețele Envato, veți obține ideea. Integrarea designului în site-uri web devine din ce în ce mai importantă în aceste zile. Utilizatorii tind să-și petreacă tot mai mult timp pe site-urile web care au modele noi și inovatoare. Când vine vorba de proiectarea site-urilor web, Genesis oferă utilizatorilor o mulțime de opțiuni. Există temele copilului premade pe care le puteți edita. Sunt incluse și multe opțiuni de aspect. De asemenea, puteți modifica tipografia adăugând Fonturi Google și multe altele.


Genesis Hooks

Fiecare cadru vine cu un set propriu de cârlige, care vă permite să preluați controlul aspectului general al designului. Aceste cârlige oferă utilizatorului o comandă completă chiar și pe detalii minore. În plus, poți schimba oricând vrei și asta și foarte ușor. Deci, plătiți-o la început și vă economisește timp și lucrați pe termen lung. Arată ca o afacere bună cu mine!

Vă oferă o bună funcționalitate; puteți adăuga și elimina multe widget-uri. Widgeturile dvs. personalizate vor funcționa, de asemenea, în același mod cu cadrul ca și în cazul altor proiecte. Puteți să vă îmbinați bara laterală cu butoanele de partajare social media, un plugin twitter și multe altele.


Căutare optimizată

Cadrul este construit frumos ținând cont de SEO. Codul său este semantic și nu veți avea nevoie de niciun plugin SEO ca Yoast sau All-in-One. Potrivit studioului StudioPress, ei au colaborat cu Greg Boser, care este partener și SVP de la BlueGlass Interactive.

Toate opțiunile legate de SEO sunt integrate în cadrul și nu aveți absolut niciun plugin. Opțiunile SEO oferă, de asemenea, adrese URL canonice personalizate pentru mesaje și pagini. De asemenea, există o opțiune pentru adresa URL de redirecționare personalizată și puteți utiliza aceasta pentru a redirecționa postarea anterioară la orice adresă URL pe care doriți să o faceți. Un lucru pe care mi-a plăcut cel mai mult despre opțiunile sale de SEO a fost că oferă cuvinte cheie personalizate pentru fiecare articol pe care îl postați pe site-ul dvs. Web. Devine ușor să adăugați cuvinte cheie pentru articolul dvs. fără a avea nevoie de alte pluginuri. Deci, motoarele de căutare vor avea un timp mai ușor de a găsi articolul bazat pe cuvintele cheie personalizate!


Ce să faci atunci când ești blocat la un moment dat

Dacă ești ca mine și îți dau în jur codul, sunt sigur că vei rămâne blocat la un moment dat sau altul. Nu este nevoie de panică, deoarece există tone de articole și tutoriale despre Genesis, care vă vor ajuta să ieșiți. Iar dacă problema specifică persistă, puteți oricând să accesați Suportul furnizat de echipa StudioPress. Ei vor elimina cu siguranță toate erorile pe care le-ați fi făcut atunci când sapa în cod.

Există, de asemenea, câteva tutoriale de bază pe site-ul StudioPress. De asemenea, acestea oferă tutoriale video, care sunt minunate și ușor de urmărit și vă vor ajuta cu siguranță să mergeți cu cadrul după ce l-ați cumpărat. De asemenea, există mulți dezvoltatori pe care îi puteți angaja dacă aveți în buzunar monede suplimentare!


Configurarea genezei pe instalarea WordPress

Este la fel de simplu cum poate fi. Extrageți geneză folderul de pe desktop; acum aveți un nou dosar numit geneză.

Apoi, conectați-vă la contul dvs. FTP utilizând software-ul FTP. Eu folosesc FTP Zilla. Navigheaza catre wp-content / teme și încărcați geneză dosarul pe care l-ați extras mai devreme După ce încărcarea este finalizată, vom încărca o temă copil pentru Genesis Framework. Puteți să cumpărați teme pentru copii de pe site-ul StudioPress sau puteți să faceți una singură. Tema copilului funcționează practic ca un costum pentru site-ul nostru. Putem schimba aspectul site-ului nostru prin editarea temei pentru copii.

Asta e destul de mult. Ați setat prima temă WordPress utilizând Genesis Framework.


Styling Genesis dvs. cu copilul receptiv

În loc să construiți propria temă a copilului de la zero, puteți descărca o temă de exemplar copil de pe site-ul StudioPress. Are toate codurile de bază acolo ca să pară o pagină web. Cele mai multe dintre schimbările pe care le veți face sunt "styles.css" si "functions.php"Fișiere. Cel mai bun lucru despre tema copilului eșantion este că aspectul său este receptiv, care este destul de dulce, având în vedere că este gratuit.


Creați-vă o temă pentru copil

Primul pas este să vă proiectați o temă copil în Photoshop sau Gimp. Voi face tema vechea WordPress Kubrick pentru acest tutorial ca exemplu. Motivul pentru care folosesc tema Kubrick este că este simplu și ușor de urmărit. De asemenea, puteți crea propriul site în Photoshop și îl puteți transforma într-o temă pentru copil pentru Genesis.


Proiectați antetul

Ne vom strădui să schimbăm mai întâi culoarea de fundal a site-ului. În fișierul imagine puteți vedea că fundalul este de dimensiuni gri. Așa că vom adăuga un stil în fișierul CSS al temei Sample Child. Asigurați-vă că editați fișierul exemplar tematic copil și nu cel al Genesis Framework. Acum vom adăuga următorul cod în secțiunea noastră styles.css fișier și salvați-l.

 corp culoare: # d5d6d7; 

Amintiți-vă că tema copilului are deja stilul său propriu. Tot ce trebuie să faceți este să găsiți div sau clasa potrivită și să adăugați un stil la el.

În mod similar, stilizați antetul site-ului dvs. Voi adăuga codul CSS pentru a modela antetul și pentru a face textul centrat cu următorul cod.

 #wrap box-shadow: 0 0 5px # 999999; margine: 15 pixeli automat; umplutura: 0; lățime: 960px;  #header fundal: nu se repetă defilați 0 0 #FFFFFF; raza de graniță: 5px 5px 0 0; marja: 0 auto; min-înălțime: 140px; padding: 10px 10px 0;  # titlu-zonă fundal: nici o repetare defilați 0 0 # 73A0C5; raza de graniță: 5px 5px 5px 5px; plutește la stânga; overflow: ascuns; padding: 30px 0; text-align: centru; 

Tipografie

Acum ne vom îndrepta atenția asupra tipografiei generale a site-ului. Pentru ca titlul să fie afișat într-o culoare albă, vom găsi divul de "titlu" și codul hexagonal pentru culoarea albă. În mod similar, vom adăuga culoarea albă la div de "descriere".

 #title a, #title a: hover culoare: #FFF; umplutura: 0 0 0 20px; text-decoration: nici unul;  #description culoare: #FFF; font-size: 14px; umplutura: 0 0 0 20px; 

Îmi place tema tipografie a exemplului copilului, așa că voi lăsa asta așa cum este. Cel mai bun lucru despre Genesis este că folosește Google Fonts. Acest lucru vă ușurează integrarea diferitelor stiluri în site-ul dvs., așa cum vă place. Fonturile Google sunt gratuite și puteți utiliza tema pe site-ul dvs. Web. Puteți afla mai multe despre utilizarea fonturilor Google aici.


Navigare și Bara laterală

Puteți seta Navigația pentru a apărea în setările temei Genesis. Derulați în jos până la Setări de navigare și alegeți unul în funcție de nevoile dvs. Înainte de a adăuga o bară de navigare, va trebui să creați un "meniu nou" din fila "Aspect". Adăugați un nou meniu și creați linkuri noi pentru paginile sau categoriile dvs. în noul meniu creat. Deoarece nu există niciun meniu în acest exemplu, vom selecta să nu se afișeze Navigația primară.

Designul bara laterală este mult mai ușor și nu necesită codare sau poate doar puțin, în funcție de nevoile dvs. Pentru a adăuga elemente diferite în bara laterală, accesați zona Widgets din tabloul de bord și adăugați o casetă de căutare. De asemenea, puteți adăuga postări recente, categorii și alte widget-uri conform alegerii dvs..

Deși tema Sample Child are un stil mai bun decât cel din designul original, este vorba despre opinia personală. Pentru stil puteți elimina marginea inferioară și puteți mări dimensiunea fontului în CSS-urile widget-urilor, ceea ce va face să pară asemănătoare cu designul original.


Finalul atinge

Pentru ultimele atingeri vom adăuga o anumită personalizare temei. Pentru aceasta vom edita antetul lui styles.css. Deși se presupune că este primul lucru pe care trebuie să-l faci atunci când construiești o temă, dar pentru un motiv ciudat, de obicei, fac acest lucru ultim.

Apoi vom schimba textul subsolului care afișează încă tema "Sample Child". Pentru ao edita, deschideți tema copilului functions.php și adăugați următorul cod în partea de jos.

 / ** Personalizați creditele * / add_filter ('genesis_footer_creds_text', 'custom_footer_creds_text'); funcție custom_footer_creds_text () $ creds = '

„; $ creds. = 'Copyright ©'; $ creds. = data ("Y"); $ cred. = ' · Kubrik Genesis · Construit pe Cadrul Genesis "; $ cred. = '

„; returnează credite $;

Schimba mywebsite.com la cel dorit. Activați salvarea și încărcați-o pe server și actualizați-vă site-ul web. Setările dvs. vor avea loc imediat.


Concluzie

Opțiunile tematice ale genezei se află într-o oarecare măsură în comparație cu cele ale tezei. De asemenea, dacă a existat un generator de sitemap-uri construit în Genesis, ar fi fost grozav. Dar cred că niciodată nu dobândești ceva care să fie complet în toate aspectele. Nu este nevoie să cumpărați o licență suplimentară pentru dezvoltatori pentru a utiliza Genesis pe mai multe site-uri web, astfel veți economisi bani. În afară de asta, securitatea și sprijinul, ambele sunt de top.

Pentru proiectarea site-ului dvs., pare ușor și fără complicații. Modificările sunt de obicei foarte ușor de făcut. Obțineți o temă receptivă la care puteți face modificări în funcție de gustul dvs. Puteți utiliza mii de fonturi Google pentru site-ul dvs. web. Puteți face site-ul dvs. ca colorat vă place. Există, de asemenea, câteva teme greoaie de la StudioPress, cu o aromă artistică. Ai opțiuni bune și puternice SEO pentru site-ul tău. Pentru mine este o ofertă destul de bine rotunjită. Deci, în general, este un cadru frumos și îl puteți învăța într-o perioadă scurtă de timp. Cum l-ai găsit pe Genesis? Spuneți-ne în comentariile de mai jos.

Cod