Share
Ci sono molti framework per WordPress là fuori. Molti di questi sono pagati e alcuni sono sorprendentemente gratuiti come Ibrido o Tematico. La maggior parte degli utenti di WordPress che usano framework usano Thesis o Genesis. "Perché usare un quadro?", Si potrebbe chiedere. È a causa della sua semplicità e linearità. Anche se è difficile passare a un framework, e impararlo nelle fasi iniziali può essere abbastanza difficile, sicuramente a lungo andare ripagherà.
Ci possono essere molti motivi per scegliere di utilizzare un framework su un tema WordPress standard. Alcuni di essi potrebbero essere:
Potrei averne perso alcuni, ma questi sono praticamente quelli che dovevano essere menzionati.
In parole semplici, Genesis è la struttura come una cornice appesa a un muro. Questa cornice è vuota e avrai bisogno di un'immagine in modo che gli spettatori possano vederla. Questa immagine è il tema figlio e gli spettatori sono i visitatori giornalieri sul sito web. Esistono molte organizzazioni che forniscono temi figlio personalizzati. I temi figlio hanno i loro fogli di stile a cascata e puoi facilmente modificarli. Anche il tema figlio ha un functions.php file, in cui puoi aggiungere il tuo codice personalizzato e farlo funzionare come ti piace. Il tema figlio contiene in realtà tre file e il resto dei file si trova nel tema principale.
La risposta è semplice, una volta che inizi a utilizzare il framework ti abituerai in poco tempo. Puoi apportare le tue modifiche a un tema preesistente fornito con esso oppure puoi costruirti il tema dei sogni che hai sempre desiderato.
Genesis è progettato per i progettisti e Thesis è progettato per i programmatori
Scegliere tra questi due framework di notch nella famiglia WordPress è piuttosto difficile. Quando si sceglie tra di loro, potrebbe essere necessario considerare le opzioni. Possono variare da persona a persona. Alcune persone vorrebbero un design molto semplice e minimalista e ad alcuni potrebbe piacere il contrario. Quando si sceglie tra questi due framework, il design può essere un fattore importante. La genesi offre più opzioni di progettazione rispetto a Thesis, ma i temi della Genesi sono meno numerosi rispetto a quelli di Tesi. Ci sono molti temi per bambini disponibili per Thesis su Internet, sia gratuiti che a pagamento. Quindi, per utilizzare l'intera capacità di progettazione di Genesis Framework, bisogna essere disposti a sporcarsi le mani con ganci e codici brevi. Alcune persone dicono anche che Genesis è costruito per i progettisti e che Thesis è stato progettato per i programmatori.
Il design gioca un ruolo molto vitale nella nostra vita. È un elemento molto importante della natura e se ti guardi intorno nella tua stanza, avrà un certo riflesso di chi sei. Se guardi al design dell'intera rete Envato, otterrai l'idea. Integrare la progettazione nei siti Web sta diventando sempre più importante in questi giorni. Gli utenti tendono a dedicare sempre più tempo a siti Web con design nuovi e innovativi. Quando si tratta di progettare i tuoi siti web, Genesis offre ai suoi utenti molte opzioni. Ci sono temi figlio premade che puoi modificare. Sono incluse anche molte opzioni di layout. Puoi anche modificare la tipografia aggiungendo Google Fonts e molto altro ancora.
Ogni quadro è dotato di un proprio set di ganci, che consente di controllare l'aspetto generale del design. Questi ganci forniscono all'utente un comando completo anche su dettagli minori. Inoltre puoi cambiarlo in qualsiasi momento e anche molto facilmente. Quindi lo paghi in partenza e ti fa risparmiare tempo e lavoro a lungo termine. Sembra un buon affare per me!
Ti fornisce una buona funzionalità; puoi aggiungere e rimuovere molti widget. I tuoi widget personalizzati funzioneranno allo stesso modo con il framework come se fossero con qualsiasi altro design. Puoi ravvivare la barra laterale con i pulsanti di condivisione dei social media, un plug-in per Twitter e molto altro.
La struttura è ben costruita tenendo presente la SEO. Il suo codice è semantico e non avrai mai bisogno di plugin SEO come Yoast o All-in-One. Secondo StudioPress, hanno collaborato con Greg Boser, che è un partner e SVP della centrale di search marketing BlueGlass Interactive.
Tutte le opzioni relative alla SEO sono integrate nel framework e non richiede assolutamente alcun plug-in. Le opzioni SEO forniscono anche URL canonici personalizzati per post e pagine. Esiste anche un'opzione per l'URL di reindirizzamento personalizzato e puoi utilizzarlo per reindirizzare il tuo post precedente a qualsiasi URL che desideri. Una cosa che mi è piaciuta di più delle sue opzioni SEO è che offre parole chiave personalizzate per ogni articolo che pubblichi sul tuo sito web. Diventa facile aggiungere parole chiave per il tuo articolo senza bisogno di plug-in aggiuntivi. Così i motori di ricerca avranno più tempo a trovare l'articolo in base alle parole chiave personalizzate!
Se sei come me e fai il giro del codice, sono certo che ti resterai bloccato in un punto o nell'altro. Non c'è bisogno di farsi prendere dal panico perché ci sono tonnellate di articoli e tutorial su Genesis che ti aiuteranno. E se il problema specifico esiste ancora, puoi sempre andare per il Supporto fornito dal Team StudioPress. Sicuramente rimuoveranno eventuali errori che potresti aver fatto durante lo scavo nel codice.
Ci sono anche alcuni tutorial di base sul sito StudioPress. Offrono anche video tutorial, che sono fantastici e facili da seguire, e sicuramente ti aiuteranno ad andare avanti con il framework dopo averlo acquistato. Inoltre ci sono molti sviluppatori che puoi assumere se hai monete extra in tasca!
È semplice come può essere. Estrai il genesi cartella sul desktop; ora hai una nuova cartella chiamata genesi.
Quindi, accedi al tuo account FTP con il tuo software FTP. Io uso FTP Zilla. Navigare verso wp-content / themes e carica il genesi cartella che hai estratto in precedenza. Una volta completato il caricamento, caricheremo un tema figlio per Genesis Framework. Puoi acquistare temi figlio dal sito web di StudioPress o puoi crearne uno tu stesso. Il tema Bambino funziona fondamentalmente come un costume per il nostro sito web. Possiamo modificare l'aspetto del nostro sito web modificando il tema Bambino.
Questo è più o meno Hai appena impostato il tuo primo tema WordPress utilizzando il Genesis Framework.
Invece di creare da zero il tuo tema figlio, puoi scaricare un tema figlio di esempio dal sito web di StudioPress. Ha tutto il codice di base in là per farlo sembrare una pagina web. La maggior parte dei cambiamenti che farai saranno "styles.css" e il "functions.php" File. La cosa migliore del tema figlio di esempio è che il suo layout è reattivo, il che è piuttosto dolce considerando che è gratuito.
Il primo passo è quello di progettare te stesso un tema figlio in Photoshop o Gimp. Ho intenzione di rendere il vecchio tema WordPress Kubrick per questo tutorial come esempio. Il motivo per cui sto usando il tema di Kubrick è che è semplice e facile da seguire. È inoltre possibile progettare il proprio sito Web in Photoshop e convertirlo in un tema figlio per Genesis.
Lavoreremo sulla nostra strada modificando prima il colore di sfondo del sito web. Nel file immagine puoi vedere che lo sfondo è di scala grigiastro. Quindi aggiungeremo alcuni stili nel file CSS del tema Campione figlio. Assicurati di modificare il file del tema figlio di esempio e non quello del Genesis Framework. Ora aggiungeremo il seguente codice nel nostro styles.css file e salvarlo.
body color: # d5d6d7;
Ricorda che il tema bambino ha già il suo stile. Tutto quello che devi fare è trovare il div o la classe appropriata e aggiungere uno stile ad esso.
Allo stesso modo stilizzare l'intestazione del tuo sito web. Aggiungerò il codice CSS per lo styling dell'intestazione e il centraggio del testo con il seguente codice.
#wrap box-shadow: 0 0 5px # 999999; margine: 15px auto; padding: 0; larghezza: 960 px; #header background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 0 0; margine: 0 auto; altezza minima: 140 px; imbottitura: 10px 10px 0; # title-area background: none repeat scroll 0 0 # 73A0C5; border-radius: 5px 5px 5px 5px; fluttuare: a sinistra; overflow: nascosto; imbottitura: 30px 0; allineamento del testo: centro;
Ora sposteremo la nostra attenzione sulla realizzazione della tipografia generale del sito web. Per il titolo da visualizzare in un colore bianco troveremo il div di "titolo" e il codice esadecimale per il colore bianco. Allo stesso modo aggiungeremo il colore bianco al div di "description".
#title a, #title a: hover color: #FFF; padding: 0 0 0 20px; decorazione del testo: nessuna; #description color: #FFF; font-size: 14px; padding: 0 0 0 20px;
Mi piace il tema Typography of the Sample Child, quindi lascerò questo così com'è. La cosa migliore di Genesis è che utilizza Google Fonts. Questo ti rende più facile incorporare diversi stili nel tuo sito web, proprio come piace a te. Google Fonts sono gratuiti e puoi utilizzare il tema sul tuo sito web. Puoi saperne di più sull'uso dei font Google qui.
Puoi impostare Navigazione per visualizzare le impostazioni del tema Genesis. Scorri verso il basso fino a Impostazioni di navigazione e scegli quella in base alle tue esigenze. Prima di poter aggiungere una barra di navigazione, dovrai creare un "Nuovo menu" dalla scheda "Aspetto". Aggiungi un nuovo menu e crea nuovi collegamenti per le tue pagine o categorie nel menu appena creato. Dato che non ci sono menu in questo esempio, selezioneremo per non mostrare la navigazione principale.
Lo stile della barra laterale è molto più semplice e non richiede alcuna codifica o forse solo un po ', a seconda delle esigenze. Per aggiungere diversi elementi nella barra laterale, vai all'area Widget da Dashboard e aggiungi una casella di ricerca. Puoi anche aggiungere Post recenti, Categorie e altri widget secondo la tua scelta.
Sebbene il tema Sample Child abbia uno stile migliore rispetto a quello del design originale, si tratta di opinioni personali. Per lo styling è possibile rimuovere i bordi inferiori e rendere le dimensioni del font ridotte nel CSS del widget che lo renderà simile al design originale.
Per gli ultimi ritocchi aggiungeremo un po 'di personalizzazione al tema. Per questo modificheremo l'intestazione del styles.css. Anche se dovrebbe essere la prima cosa da fare quando si costruisce un tema, ma per qualche strana ragione io di solito lo faccio per ultimo.
Successivamente, cambieremo il testo del piè di pagina che mostra ancora il tema "Esempio di bambino". Per modificarlo, apri i temi del tuo bambino functions.php e aggiungi il seguente codice in basso.
Accentsconagua
/ ** Personalizza i crediti * / add_filter ('genesis_footer_creds_text', 'custom_footer_creds_text'); function custom_footer_creds_text () $ creds = ''; $ creds. = 'Copyright ©'; $ creds. = date ('Y'); $ creds. = ' · Kubrik Genesis · Costruito sul quadro Genesis '; $ creds. = '
'; restituire $ creds; Cambiare il mywebsite.com a quello desiderato Hit salvare e caricarlo sul server e aggiornare il tuo sito web. Le impostazioni si svolgeranno immediatamente.
Le opzioni tematiche di Genesis sono in qualche modo inferiori rispetto a quelle di Thesis. Inoltre, se ci fosse un generatore di sitemap incorporato in Genesis sarebbe stato grandioso. Ma immagino che non acquisirai mai qualcosa che è completo sotto ogni aspetto. Non è necessario acquistare una licenza per sviluppatori aggiuntivi per utilizzare Genesis su più di un sito Web, quindi si finisce per risparmiare denaro. Oltre a questo, la sicurezza e il supporto sono entrambi di prim'ordine.
Per la progettazione del tuo sito web, sembra facile e senza complicazioni. Le modifiche sono solitamente molto facili da fare. Si ottiene un tema reattivo a cui è possibile apportare modifiche in base ai propri gusti. Puoi utilizzare migliaia di caratteri Google per il tuo sito web. Puoi rendere il tuo sito web colorato come ti piace. Ci sono anche alcuni temi furbi di StudioPress con un tocco artistico. Ottieni buone e potenti opzioni SEO per il tuo sito web. Per me è un'offerta piuttosto ben arrotondata. Quindi tutto sommato è un buon quadro e puoi impararlo in un brevissimo lasso di tempo. Come hai trovato Genesis? Fateci sapere nei commenti qui sotto.
