In questa serie stiamo esplorando il Thesis 2.0 Framework. Non solo stiamo imparando come lavorare con l'interfaccia utente di Thesis, ma stiamo andando a passare attraverso il processo di creazione di una skin Thesis personalizzata.
Prima di passare direttamente allo sviluppo della pelle, è importante innanzitutto gestire le nozioni di base, ad esempio le impostazioni del sito. Thesis semplifica la configurazione delle impostazioni del sito e la gestione degli extra personalizzati.
Diamo un'occhiata:
All'interno dell'interfaccia utente di Thesis noterai un menu di navigazione in alto. Questi collegamenti forniscono l'accesso a varie aree dell'editor visivo, ma vogliamo concentrarci in particolare sui contenuti della sezione "Sito" per configurare il nostro sito Web.
Il menu del sito ha quattro sezioni:
L'editor di test HTML contiene diversi elementi che probabilmente verrebbero trovati in sezione del tuo sito. Le scatole che possono essere modificate direttamente dall'Head Editor HTML mostreranno un'icona a forma di ingranaggio al passaggio del mouse.
Facendo clic sull'icona dell'ingranaggio viene visualizzato un popup che richiede di inserire le informazioni necessarie per quella casella:
Una casella importante su cui prestare attenzione nell'Head Editor HTML è la casella "Meta robot". WordPress, per sua natura, crea diverse pagine di archivio che spesso vengono indicizzate dai motori di ricerca.
Tag, date, categorie, tassonomie personalizzate, ecc. - tutti hanno pagine di archivio che possono essere raccolte dai motori di ricerca. Questo può creare contenuti duplicati, qualcosa che la maggior parte degli sviluppatori di WordPress preferisce evitare.
Nel tentativo di evitare contenuti duplicati, possiamo semplicemente fare clic sull'icona a forma di ingranaggio nella casella Meta Robots e indicare quali pagine contengono motori di ricerca "noindex", "nofollow" o "noarchive". Personalmente, ho noindex qualsiasi pagina di archivio, ma ogni persona avrà diversi motivi per selezionare diverse opzioni.
Se non sei sicuro, ecco una breve panoramica delle tre opzioni disponibili nella confezione di Thesis Meta Robots:
Thesis rende l'aggiunta di uno script di monitoraggio incredibilmente semplice anche per l'utente più inesperto. Per installare i codici di monitoraggio sul tuo sito web, fai clic su "Tracciamento degli script" dal menu "Sito". Puoi inserire il tuo ID di monitoraggio di Google Analytics nel relativo campo di input e anche aggiungere altri script in basso nella sezione designata per altri script.
Tutti gli script di tracciamento forniti su questa particolare pagina appariranno nella parte inferiore del tuo sito web, poco prima della chiusura
etichetta. Per assegnare una pagina alla pagina 404 del sito Web, è necessario fare clic su "404 Pagina" dal menu "Sito" e quindi selezionare una pagina dall'elenco a discesa. Una volta selezionato, tutto ciò che devi fare è premere "Salva pagina 404" per completare il processo. Come tutte le pagine, puoi personalizzare la tua pagina 404 utilizzando il Thesis Visual Editor, di cui parleremo in una parte successiva di questa serie.
La sezione SEO della pagina iniziale delle impostazioni del sito è specifica solo per la tua home page. Puoi definire un tag title personalizzato, meta description, meta keywords e meta robot. Ogni volta che aggiorni o modifichi i tuoi input, devi fare clic su "Save Home Page SEO" per aggiornare le tue impostazioni.
Ora che abbiamo esplorato il controllo dei parametri vitali del nostro sito web attraverso il Thesis Framework, è tempo di iniziare a costruire una skin che rappresenterà la struttura e lo stile del sito web.