NC_lezione_31

=Wordpress= (seguitiamo la personalizzazione del nostro CMS)

Navigazione
Ci sono 3 tipi di navigazione su Wordpress:

1. Pagina base (=genitore) o figlia della pagina base Quando si progetta, si cerca di non andare oltre il terzo livello di pagine figlie (=navigazione verticale, quella con molti livelli); è preferibile una navigazione orizzontale (cioè creo più pagine nella barra di navigazione in alto).

2. Navigazione di tipo cronologico (inverso, cioè dal più recente al più remoto) per pagine o per articoli (default)

3. Navigazione per categorie. (Un articolo può essere categorizzato in più categorie)

Articoli --> categorie: nella voce "abbreviazione" devo: - scrivere tutto minuscolo senza caratteri speciali (comprese lettere accentate) - scrivere senza spazi - se ho più parole, devo inserire **-** tra una parola e l'altra (es. Nome: Pubblicità progresso Abbreviazione: pubblicita-progresso )


 * Permalink**: è il link alla pagina web che contiene l'articolo. E' permanente e permette al singolo articolo di essere linkato da altri (invece di linkare l'intero sito).

I prametri di ricerca di una pagina sono: - titolo pagina - titolo documento - contenuto - url

Articoli
--> aggiungi nuovo

Serve per la formattazione dei caratteri: grassetto, corsivo e barrato. Il barrato si usa per le correzioni: si lascia il testo vecchio col barrato e poi si scrive il nuovo normalmente.

serve per inserire le citazioni (è il //blogquote//): seleziono il testo e clicco su questo tasto

cliccando su questo tasto (da "visuale" e non da html!) appaiono altre opzioni, tra cui il giustificato, che di solito non si usa sul web perchè non c'è la sillabazione; l'allineamento standard è la bandiera a sinistra.

Cliccando su "paragrafo" posso scegliere il formato del testo. "Preformattato" inserisce i caratteri monotype e mette il testo in una finestra grigia.

Per inserire/togliere un link, devo selezionare il testo e poi cliccare sull'icona corrispondente. Inserisco poi l'url e il titolo del link.

gomma: serve per cancellare la formattazione. Utile soprattutto se copio e incollo un testo pieno di link (es. da Wikipedia) che non mi interessano.

Tag "more": cliccando qui sopra appare una riga nel testo. Tutto quello che scrivo al di sotto di questa riga lo mette nell'articolo intero (il famoso "Leggi tutto"), il resto va nell'anteprima dell'articolo.


 * Blogroll**: è l'elenco dei siti amici, dei siti che ci interessano. Su WP è un elenco di siti (lo trovo su link --> categorie dei link).

Se voglio un tema diverso da quelli che ci sono già su WP, vado su Google e digitop "Wordpress theme". Scarico il tema, poi Temi --> installa temi --> carica media --> sfoglio e installo.

Per fare un sito:
- si scrive la struttura del sito (l'albero) - si installa wordpress e si lavora col tema Twenty Ten (quello di default) mettendo un pò di struttura e di contenuto - si pensa a un'interfaccia grafica (si sceglie quella più simile all'idea che abbiamo in mente per il sito) - si trova un tema adatto alla nostra idea, si scarica e si installa - metto i plug-in (es. se voglio inserire una photo gallery) - se voglio qualcosa di diverso che non posso modificare dal tema, vado sull'editor e scrivo html e css (ovviamente bisogna conoscere il linguaggio!) - in fondo (footer) scrivo di chi è il tema (se lo modifico diventa mio - modifiche concrete! - e in fondo scrivo "tema di... modificato a partire dal tema di... ")

=Contenuto:=

Il contenuto in wordpress si può creare utilizzando:

- per il testo / moduli di contatto e altro:

1- pagine 2- articoli

- per i media:

1- utilizzare il menu media di wordpress. In questo caso in genere le immagini, i video i file audio etc. vanno ospitati sul nostro server. L'operazione diventa fare l'upload dei files e poi linkarli o incorporarli nel nostro articolo o nella nostra pagina

2- utilizzare un servizio esterno (youtube, vimeo per il video soundcloud per l'audio etc) e incorporare come negli esempi che abbiamo già fatto. Ci vuole il codice Html / Javascript.

=Struttura:=

Per strutturare il contenuto in wordpress:

1- utilizzare le pagine con pagine di livello (inferiore)

es. pagina GRAFICA ---| --- FOTORITOCCO --- GESTIONE COLORE

(la pagina "grafica" è la pagina genitore, "fotoritocco" e "gestione colore" sono le pagine figlie)

2- Articoli in ordine cronologico inverso con un archivio basato sulla data (personalizzabile per giorno, settimana, mese, anno)

3- Articoli

a) categorizzazione (=creiamo categorie associate agli articoli) Una struttura "progettata" per il nostro sito. In realtà possiamo associare un articolo a più categorie.

b) taggare gli articoli /etichettarli (parola chiave o etichetta) Le etichette / i tag consentono una libera navigazione per concetti, argomenti.

=Forma:=

In wordpress associamo al sito un tema (che possiamo scaricare e utilizzare, scaricare e personalizzare, o completamente creare noi)

Come aggiungere funzionalità alla nostra installazione di wordpress:

abbiamo analizzato il tema Mystique. Questo tema è altamente personalizzabile! Tra le varie opzioni, questo tema ci propone uno schermo "fluido", vale a dire che la risoluzione dello schermo cambia in base alla risoluzione del pc che viene utilizzato (quindi tende ad allargarsi con gli schermi più larghi); di solito è meglio evitare di fare un sito fluido perchè poi si deforma tutto.

NB. Non tutti i temi e i plug-in di Wordpress sono opensource come Wordpress.

Anche per WP esiste un bookmarklet (come per es. Tumblr); si trova in impostazioni --> scrittura --> pubblicalo Nella stessa finestra c'è la possibilità di postare via mail; si crea un indirizzo mail segreto, si mettono nome utente e password e WP automaticamente scarica la posta da quell'indirizzo e tutto quello che arriva lì lo pubblica.

Posso scegliere come pagina iniziale una pagina statica, anzichè la homepage con tutti gli articoli pubblicati. Vado su impostazioni --> lettura, clicco su "una pagina statica" e scelgo la pagina iniziale (che per es. può essere una pagina di benvenuto, oppure il "chi siamo/cosa facciamo/info/news"). Mettendo una pagina iniziale statica, cambio la struttura "a blog".

Permalink: posso scegliere come visualizzarlo --> data&nome/mese&nome --> è il nome dell'articolo (la struttura personalizzata però di solito si fa su Linux)

Installazione temi
Per fare le prove del sito installo il tema Sandbox (abbiamo visto la versione 1.6.1): è un tema fatto apposta per essere modificato, è molto semplice.

Per ogni tema scelto c'è la possibilità di lavorare sull'editor.

Se vado nel campo "editor", nella colonna a destra trovo una serie di file che posso modificare. I principali sono **style.css** (è lo stile css del sito), e poi ci sono i file che individuano la pagina del sito (**index.php, header.php, footer.php, sidebar.php**).

NB. Se scrivo un tema sulla mia macchina, per vedere l'anteprima lo devo mettere online.

Plug-in
(installo il tema principale, il Twenty Ten)

1. Mettere un modulo contatti
Plug-in --> aggiungi nuovo (clicco sul link Wordpress Plugin Directory oppure metto una chiave di ricerca, in questo caso "contact form") Ci sono 2 metodi di installazione: 1- scaricare il plug-in scelto, caricarlo sulla macchina e dopo che l'ho installato clicco su "attiva" 2- installarlo direttamente dalla maschera del sito

Una volta installato vado su Pagine --> aggiungi nuova --> nella pagina nuova scrivo questa stringa **[contact-form 1 "Modulo di contatto1"]** e mi appare il modulo nella barra di navigazione in alto.

2. Mettere una slideshow
Dalla Wordpress Plugin Directory cerco un plug-in per le slideshow (es. WP Content Slideshow)

Lo scarico sulla macchina e poi clicco su "attiva" per attivarlo. Posso associare una gallery a una pagina, oppure posso usare la slideshow per fare gli highlight del mio sito (cliccando sulle singole immagini poi si apre l'articolo corrispondente).

Cooliris.com è un plug-in per Firefox (Photo&video gallery)