Creare o Modificare un Articolo

Nel gergo dei blog un articolo viene chiamato anche post. L'interfaccia di amministrazione per la pubblicazione e la modifica degli articoli si trova nella Sezione Gestione, sotto la voce Nuovo Articolo e Articoli.
Sotto la voce Nuovo Articolo ovviamente potrete cominciare il procedimento di pubblicazione di un nuovo articolo.
Viceversa sotto la voce Articoli potrete recuperare un vostro vecchio articolo e, a seconda delle necessità, modificarlo (icona con la pagina e la matita), cancellarlo (icona con la pagina e la x rossa), visualizzarlo (icona con il globo terrestre). La pagina vi fornisce anche un'utile funzione di ricerca interna che trovate in cima alla lista degli articoli: la ricerca può essere effettuata per categoria (dell'articolo), per autore, per data (divisa in mesi), per stato (pubblicato, bozza, cancellato), e per termine contenuto nell'articolo.
Che stiate componendo un post nuovo o editando un post vecchio, il form di pubblicazione sarà identico, con l'ovvia differenza che nel caso di modifiche successive non vi troverete di fronte un form vuoto ma un form con i valori già esistenti per l'articolo che state modificando.

Form di pubblicazione

La porzione principale dell'interfaccia di pubblicazione di un articolo è divisa in quattro parti: Titolo (o Argomento), Testo, Testo Esteso, Url Letterali di Trackback (una sezione che affronteremo in un paragrafo successivo di questo manuale).

Il Titolo è una breve frase che comparià come titolo del testo.
Il Testo è la porzione di testo che verrà sempre visualizzata sia sulla pagina del vostro blog, che sul vostro feed RSS, sia sulla pagina riassuntiva di tutti i post di Noblogs.org (dove in verità viene troncata dopo il primi 300 caratteri).
Il Testo Esteso è il testo che comparirà una volta che cliccate sul titolo del post, andando sulla pagina del post stesso (non apparirà mai quindi in home page o nella pagina riassuntiva di tutti i post di Noblogs.org. Sarà raggiungibile dalla vostra home page grazie al link "Continua" che apparirà in calce al Testo del vostro post.

Il testo in tutti questi campi può essere inserito come testo semplice. L'opzione di default di Noblogs.org è quella di fornirvi però un editor visuale in javascript per rendere più facile la formattazione del testo.

Una volta inseriti almeno Titolo e Testo, cliccando sul pulsante Pubblica sul blog o Aggiorna (nel caso stiate modificando un articolo) il vostro articolo (o la vostra nuova versione dell'articolo) verrà pubblicata sul sito.

L'editor visuale

Sia il blocco Testo che il blocco Testo Esteso possono essere editati con l'aiuto di un editor visuale.

La prima caratteristica di questo editor visuale è quella di essere in grado di ridimensionare le aree di testo, consentendovi di adattare la dimensione dello spazio dedicato a ospitare il testo che state scrivendo alle vostre necessità. Per farlo sarà necessario semplicemente cliccare con il mouse sull'angolo in basso a destra dell'area di testo e trascinare la finestra fino alla dimensione desiderata.
Con questo semplice esempio abbiamo visto uno dei due modi con cui è possibile interagire con questo editor visuale: il cosiddetto dragging, ovvero il trascinamento dei margini di un elemento per ridimensionarlo: la stessa operazione è possibile compierla su un'immagine che si sia inserita nel testo (vedremo come).

La seconda modalità di interazione con il testo è quella che consentirà di utilizzare tutti gli strumenti che sono elencati poco più sotto: selezionate una porzione di testo e poi cliccate sull'icona relativa allo strumento che vi interessa. Questa operazione trasformerà il testo selezionato a seconda dello strumento. Ad esempio se selezionate la parola "prova" e poi cliccate sull'icona del grassetto, questa verrà resa in grassetto nel testo. Sarà l'editor visuale a occuparsi di scrivere il codice HTML esatto per tradurre la vostra operazione.

Le operazioni che possono essere realizzate su un testo sono quindi:

Font-size: permette di decidere la dimensione del carattere del testo selezionato.
Font-family: permette di decidere il font da usare per il testo selezionato.
Select text color: è l'icona a forma di A sottolineata con un colore; permette di decidere il colore del testo selezionato.
Select background color: è l'icona con una a e una b minuscole con un colore di sfondo; permette di decidere il colore di sfondo del testo selezionato.
Bold: è la B in grassetto; permette di trasformare il testo selezionato in grassetto; si può utilizzare anche la combinazione di tasti CTRL+B per ottenere lo stesso effetto.
Italics: è la I in corsivo; permette di trasformare il testo selezionato in corsivo; si può utilizzare anche la combinazione di tasti CTRL+I per ottenere lo stesso effetto.
Underline: è la U sottolineata; permette di sottolineare il testo selezionato; si può utilizzare anche la combinazione di tasti CTRL+U per ottenere lo stesso effetto.
Strikethrough: è l'icona con ABC barrate da una riga; permette di barrare con una riga il testo selezionato.
Align Left, Align Center, Align Right, Justify: sono le quattro icone in fondo alla prima riga della barra degli strumenti; permettono di impaginare il testo a sinistra, centro, destra, o di giustificarlo.
Unordered List e Ordered List: sono le due icone con una specie di lista; permettono di creare delle liste numerate o non numerate. Ogni volta che andrete a capo l'editor visuale creerà un altro oggetto nella lista. Per terminare la lista è sufficiente cancellare il pallino o il numerino creato e andare a capo.
Indent e Outdent: sono le due icone di fianco; servono a creare o distruggere le sottoliste.
Link e Unlink: sono le due icone a forma di catenella e catenella spezzata; permettono di creare un link a un indirizzo web (o di chiuderlo nel caso di Unlink); una volta selezionato il testo e cliccata l'icona Link, una pop-up vi chiederà l'indirizzo web a cui volete che punti il link (dovete scriverlo compreso di http://), un titolo per il link (non è il testo a cui lo linkate, ma un semplice titolo, nel dubbio lasciatelo pure vuoto), e se volete che il link si apra nella stessa finestra in cui il visitatore si trova o in una nuova finestra.

Un'ulteriore modalità per modificare il testo è quella di posizionare il cursore in un punto e poi di cliccare su una delle seguenti icone:

Insert/edit Image: è l'icona con una specie di alberello; permette di inserire nel testo, nel punto in cui è posizionato il cursore, un'immagine proveniente da un altro sito. Al click vi viene presentata una pop-up in cui potete inserire: l'indirizzo dell'immagine da inserire (il link va inserito completo di http://), un titolo per l'immagine (che non verrà visualizzato ma che rimane nel codice HTML della pagina), le dimensioni dell'immagine, il bordo dell'immagine (se volete aggiungere poi un link all'immagine ricordatevi di mettere il bordo a "0" per non avere un bordo colorato intorno all'immagine da cui parte il link), lo spazio sia lungo l'asse verticale che lungo l'asse orizzontale dal testo (in pixel), l'allineamento dell'immagine rispetto al testo (di solito "Left" o "Right"). Una volta inserita l'immagine, cliccando nuovamente su di essa e cliccando sull'icona Insert Image sarà possibile modificare i medesimi parametri. Per aggiungere un link a un'immagine, selezionare l'immagine e poi cliccare sull'icona Insert Link.
Insert/edit Resource: è l'icona con una specie di fotografia; permette di inserire nel testo, nel punto in cui è posizionato il cursore, una risorsa del vostro blog (v. apposita sezione). Una volta inserita, potrete selezionarla e modificarne le caratteristiche come ogni altra immagine usando l'icona Insert/edit Image.
Insert Video: è l'icona con un mini logo di You Tube; permette di inserire un video da Youtube, Google Video, Metacafe, Goear e ifilm, indicando l'URL del video e la fonte da cui è stato tratto. Nel testo verrà incluso un riquadro dove si può vedere il video.
Emoticons: è l'icona a forma di smile; consente di inserire nel punto in cui si è posizionato il curso un emoticon ovvero una faccina.
Insert Horizontal Ruler: è l'icona a forma di riga orizzontale; permette di inserire nel punto in cui si è posizionato il cursore una riga orizzontale lungo tutta l'ampiezza della pagina con funzione di separatore.
Insert Date: è l'icona a forma di calendarietto; permette di inserire la data odierna nel punto in cui si è posizionato il cursore.
Insert Time: è l'icona a forma di orologio; permette di inserire l'ora attuale nel punto in cui si è posizionato il cursore

Infine ci sono due icone speciali:

Toggle full screen:è l'icona a forma di monitor e permette di passare l'editor visuale in versione full-screen.
HTML: è l'icona con scritto HTML; permette di editare direttamente il codice HTML della pagina che state pubblicando, per avere un completo controllo di tutti gli aspetti del vostro articolo. Il codice HTML è il codice con cui sono scritte le pagine web. Per maggiori informazioni potete leggere il manuale delle w3schools.

Le opzioni

A fianco della porzione principale dell'interfaccia di pubblicazione di un articolo, c'è la sezione dedicata a una serie di opzioni che potete specificare per il vostro articolo.

Permalink personalizzato: in questo campo potete suggerire un link per il vostro articolo. Normalmente il link per il vostro articolo sarà formato dal nome del vostro blog, dalla data, e dal titolo del vostro post in cui gli spazi sono separati da trattini (ad es: un post del 24 ottobre 2006 sul blog pippo.noblogs.org dal titolo "io mangio" avrà come link http://pippo.noblogs.org/2006/10/24/io-mangio). Usando questa opzione, potete decidere voi quale testo deve essere collocato nella porzione dedicata al titolo del link del post: nell'esempio precedente se voi poneste nel campo Permalink personalizzato le parole "cibo-divino" il link diventerebbe http://pippo.noblogs.org/2006/10/24/cibo-divino. L'uso dei Permalink personalizzati è una maniera per indicare ai motori di ricerca e a chi sta leggendo il vostro articolo elementi maggiori sul contenuto del post (nei casi ad esempio in cui il titolo è semplicemente un'esca senza alcun significato).
Data: con questa opzione potete scegliere la data di pubblicazione del vostro post, cliccando sull'iconcina a forma di mini-calendario.
Stato: con questa opzione potete scegliere se pubblicare un articolo come bozza o meno. Per salvare come bozza il vostro articolo, selezionate lo Stato bozza e poi cliccate in fondo alla pagina sul pulsante Aggiorna o Pubblica sul blog (ovviamente non verrà pubblicato nulla, ma solo salvata la bozza).
Categorie: questo campo è dedicato alle categorie di articoli presenti sul vostro blog (v. l'apposito paragrafo). Le categorie presenti nel vostro blog verranno elencate una di seguito all'altra: potrete selezionarne una con un singolo click del mouse; selezionarne un gruppo cliccando sulla prima, tenendo schiacciato il tasto SHIFT della tastiera e poi cliccando sull'ultima del gruppo; selezionarne due o più cliccando su ognuna tenendo premuto il tasto CTRL della vostra tastiera. Gli articoli verranno pubblicati come appartenenti a ognuna delle categorie selezionate.
Categoria Globale: questo campo permette di assegnare l'articolo a una delle categorie di articolo globali per il sistema di blogging. Noblogs.org non prevede nessuna categoria globale per gli articoli, per cui potete disinteressarvene.
Abilita i commenti: selezionando questa opzione permetterete ai visitatori del vostro blog di pubblicare dei commenti al vostro post.
Notifica nuovi commenti: selezionando questa opzione, Noblogs.org vi invierà una mail per segnalarvi la pubblicazione di ogni commento.
Invia trackback: selezionando questa opzione, Noblogs.org invierà un trackback a ognuno degli indirizzi specificati nel campo Url Letterali dei Trackback (v. l'apposito paragrafo).
Invia ping XMLRPC: selezionando questa opzione, Noblogs.org invierà un pingback a ognuno degli indirizzi citati nell'articolo (v. l'apposito paragrafo).