Template Editor: come modificare un template esistente

Introduzione

Oltre ad avere la possibilità di uploadare un pacchetto completo contenente un intero template da voi elaborato (come descritto nel precedente paragrafo), il plugin Template Editor vi dà la possibilità di elaborare un vostro template a partire da uno dei template già esistenti.
Per poter lavorare su questa opzione dovrete andare nella Sezione di Controllo alla voce Stili per il blog, nella pagina Template Editor.
Qui vi verrà presentata una lista di tutti i template presenti nel sistema di noblogs.org dal quale partire per elaborare una vostra versione.

Copiare un template

In fondo ad ogni voce dell'elenco di template che trovate nel Template Editor trovate un icona simile a due fogli sovrapposti che vi consente di copiare quel template assegnando al nuovo template così creato un nome a vostra scelta. Il template così creato comparirà in fondo all'elenco e avrà alcune opzioni in più rispetto agli altri:

Cancella: cancella il template
Edita: vi fa entrare nella directory del template ed editare i singoli file
Salva: vi consente di salvare un archivio compresso contenente tutto il vostro nuovo template (produce in pratica il pacchetto di cui abbiamo parlato nel %Lifetype10a:precedente paragrafo%).

È da notare che il template così duplicato al momento è identico al template originale.
Inoltre solo voi sarete in grado di modificarne i contenuti e di usarlo per il vostro blog (non sarà reso disponibile ad altri utenti che non il vostro).

Navigare i file del template

Se cliccate sul nome del vostro nuovo template, o sull'icona Edita, potete entrare nella lista dei file di cui è composto il nuovo template. Per una visione generale dei singoli file e della loro funzione fate riferimento al %Lifetype10a:precedente paragrafo%. Ci sono però alcuni elementi di navigazione dei file che vale la pena presentare.

Ogni file è seguito da diverse icone, simili a quelle che avevate trovato nell'elenco di template (Cancella, Edita, Duplica, Screenshot), il cui significato è banale. Una volta entrati in un singolo file appena sopra l'elenco dei file comparirà un menù di navigazione con il quale potrete tornare alla directory originaria o spostarvi attraverso le directory in maniera più intuitiva.

Inoltre un campo a parte vi consentirà di includere all'interno del vostro template un qualsiasi file dal vostor hard disk: la funzione può essere utile per aggiungere immagini e varie altre cose.

Editare un file

Una volta cliccato sul nome di un file o sull'icona Edita ad esso collegata, il software ci presenterà una form in tutto e per tutto simile a quella di pubblicazione di un articolo, da cui potremo cambiare il contenuto del file template.
Alla form è associato anche un editor visuale. Al contrario di quello del form di pubblicazione di un articolo, questo editor aggiunge alla text-area il codice html che serve a produrre un certo effetto (ad esempio se clicchiamo sul pulsante bold aggiung , se vi clicchiamo un'altra volta aggiunge ). L'editor prevede le seguenti funzioni collegate ad altrettante icone:

Font-size: permette di ampliare o diminuire la dimensione di un testo. Introduce (o chiude) un tag .
Bold: permette di rendere grassetto un testo. Introduce (o chiude) un tag .
Italic: permette di rendere corsivo un testo. Introduce (o chiude) un tag .
Underline: permette di rendere sottolineato un testo. Introduce (o chiude) un tag .
Strikethrough: permette di rendere un testo barrato da una linea. Introduce (o chiude) un tag .
Align Left, Align Right, Align Center, Justify: permette di impaginare un testo a sinistra, destra, al centro o giustificato. Apre (o chiude) un tag <div style="text-align: left;">.
Unordered List: permette di rendere una lista non ordinata. Introduce un tag <ul><li></li></ul>.
Ordered List: permette di rendere una lista ordinata. Introduce un tag <ol><li></li></ol>.
Link: permette di creare un link. Presenta DUE pop-up che vi chiedono il testo del link e l'indirizzo del link. Introduce un tag <a href="LINK">TESTO</a>.
Image: permette di inserire un immagine. Presenta DUE pop-up che vi chiedono l'indirizzo dell'immagine che volete inserire (indirzzo web o indirizzo locale) e un nome per l'immagine. Introduce un tag <img src="IMAGE" src="NOME" />.
assign: permette di introdurre un assegnazione di una variabile per Smarty ({assign var="" value=""})
capture: permette di introdurre una capture per Smarty ({capture name=""} e {/capture})
comment: permette di inserire un commento per Smarty ({* *})
config: permette di importare un file di configurazione per Smarty ({config_load file="" section="" scope=""})
statement: permette di inserire una porzione di codice Smarty ({ })
for: permette di aprire e chiudere un ciclo foreach per Smarty ({foreach from= item= name= key=} e {/foreach})
if: permette di aprire e chiudere un ciclo if per Smarty ({if} e {/if})
include: permette di inserire un include per Smarty ({include file=""})
insert: permette di inserire un insert per Smarty ({insert name=""})
literal: permette di inserire una porzione di testo letterale per Smarty ({literal} e {/literal})
section: permette di aprire e chiudere una sezione per Smarty ({section name="" loop=} e {/section})
strip: permette di inserire una porzione di testo stripped per Smarty ({strip} e {/strip})

Recuperare un backup di un file

Lifetype mantiene fino a 5 copie di backup di ogni file del vostro template. Ogni volta che vi accorgete che una modifica che avete fatto ha avuto effetti indesiderati, potrete tornare a una delle versioni precedenti semplicemente selezionandole dal menù a tendina posto in cima alla pagina di modifica di ogni singolo file.

Attivare il vostro nuovo template

Per attivare il vostro nuovo template ovviamente dovrete cambiare il template usato dal vostro blog dalla pagina Impostazioni Blog della Sezione Controllo.