Corso WordPress – Contatti docente

Docente : Paolo Longo

Contatti :

paolo@pariweb.it

plongo85

1www.pariweb.it

Che strumenti utilizzeremo ?

2www.pariweb.it

Libro di testo

Il libro di testo NON è obbligatorio, tuttavia possederlo male non fa.Potrete acquistarlo sia in formato cartaceo sia informato elettronico.

Ancor più utili del libro di testo saranno le slides fornite dal docente, i tutorial, e soprattutto una forte interazione in classe e tramite strumenti quali la posta elettronica e la community di G+.

3www.pariweb.it

Come installare Wordpress

4www.pariweb.it

Su un sito come Altervista installare Wordpress è abbastanza semplice, ci pensa il servizio di hosting in automatico, basta cliccare sull'apposito pulsante.

Il problema però è il seguente :

Che versione del CMS verrà utilizzata ?

5www.pariweb.it

In questa schermata dovremo decidere il "title" del nostro sito (modificabile poi in qualsiasi momento", inserire il nostro indirizzo mail e specificare una cartella di installazione per il nostro CMS. E' preferibile lasciare questo campo vuoto.

6www.pariweb.it

Work in progress !

7www.pariweb.it

Una volta terminata l'installazione, il sistema ci restituirà alcuni dati di accesso, è opportuno distinguerli da quelli forniti da Altervista in precedenza.

8www.pariweb.it

E adesso ?

Come potete vedere, sono forniti link a due pagine :

1) Pagina principale2) Pannello di amministrazione

9www.pariweb.it

La pagina principale rappresenta il FRONT-END !E' ciò che vede l'utente finale del sito

10www.pariweb.it

Il pannello di amministrazione rappresenta il "Back-End" del nostro sito.

Si può intendere come il "dietro le quinte" del nostro sito web, è il "lato" da cui gestiremo il tutto in quanto dobbiamo porci dalla parte degli amministratori/sviluppatori del sito e non da quella degli utenti finali.

11www.pariweb.it

Pagina principale

Questo è l'aspetto della pagina subito dopo l'installazione di WordPress.Da notare il "template" (tema) minimale e di default

12www.pariweb.it

Amministrazione

Per accedere al "Back-end" del sito dovremo utilizzare delle credenziali, nell'esempio saranno necessarie username e password fornite nella slide numero 6.

13www.pariweb.it

Come si accede al lato amministrativo ?

Si accede tramite questa stringa :

tuosito.it/wp-login

14www.pariweb.it

Ma che cos'è un template ?

Il template è un “modello”, una “sagoma”.

Dal punto di vista strettamente informatico il template è una struttura grafica in cui si vanno ad inserire i contenuti del sito web.

Il Template è ciò che rende un sito web unico ed accattivante. La scelta di questo “modello” è fondamentale per la riuscita del sito web, deve essere di impatto, di facile navigazione, deve lasciare nella mente del visitatore un’immagine piacevole e possibilmente essere anche di tipo "responsive", ossia ottimizzato per il mondo mobile.

15www.pariweb.it

Template in WordPress

In WordPress i template si chiamano "Temi"

16www.pariweb.it

Definizione di "Tema" in WP

Fondamentalmente, il sistema di temi per WordPress è un modo per modificare l'aspetto del tuo blog. Tuttavia, è più di una "pelle". Scegliere l'aspetto del tuo sito implica che cambi solo il design.

I temi per WordPress possono offrire molto più controllo sull'aspetto e sulla presentazione del materiale presente sul tuo sito.

Un tema per WordPress è un gruppo di file che, insieme, producono un'interfaccia grafica con un design sottostante uguale in tutto il blog. Questi file si chiamano Template.

Un tema modifica il modo in cui viene visualizzato un sito, senza cambiare il software sottostante. I temi possono includere template personalizzabili, file di immagini (*.jpg, *.gif), fogli di stile (*.css), Pagine personalizzate, così come qualsiasi file di codice necessario (*.php).

17www.pariweb.it

La definizione della slide precedente è tratta da uno dei maggiori siti di riferimento della comunità WP italiana :

http://codex.wordpress.org/

18www.pariweb.it

Tutto qui sull'installazione ? Così facile ?

Assolutamente no, la parte difficile arriva tra poco.All'interno di un corso dedicato ai CMS, solitamente vengono utilizzati spazi web gratuiti come quelli forniti da Altervista, che fornisce a sua volta un servizio di installazione automatica di WordPress, oppure gli stessi siti possono essere sviluppati in locale sui propri pc.

Ma quando ci troveremo di fronte alla realizzazione di un proprio sito, o di un sito professionale ?Prima di tutto dovremo acquistare uno spazio web, registrare un dominio, poi non è detto che il nostro fornitore di servizi ci offra la possibilità di installare in modo semplificato il tutto.

E se volessimo utilizzare una versione di WP più vecchia o addirittura più recente di quella con cui abbiamo imparato a lavorare durante il corso ?

19www.pariweb.it

Come cominciamo ?

1. Dobbiamo procurarci FileZilla2. Dati FTP del nostro sito 3. Recuperare tutte le informazioni possibili sul database del nostro sito4. Scaricare una versione di WP sul nostro PC5. Accedere all'ftp del nostro sito tramite FileZilla, "demolire" l'installazione

effettuata da Altervista6. Installare in remoto la versione di WP scaricata al punto 4 tramite lo stesso

FileZilla7. Configurare DB ed altri dati richiesti dal CMS8. Aspettare le prossime lezioni per imparare il resto !

20www.pariweb.it

FileZilla

FileZilla è scaricabile da qui : https://filezilla-project.org/

21www.pariweb.it

Come configurare ed utilizzare FileZilla verrà spiegato in aula, sebbene sul web ed in particolare su YouTube esistano svariati tutorial ad hoc con i quali acquisire dimestichezza con lo strumento.

22www.pariweb.it

Scaricare WordPress

23www.pariweb.it

Il pacchetto WordPress può essere scaricato dal sito della comunità italiana :

https://it.wordpress.org/

24www.pariweb.it

Come si recuperano le info sul database ?

Dal pannello di controllo di Altervista, come mostrato in figura :

25www.pariweb.it

Dopo aver cliccato sul pulsante "Gestisci Database" comparirà la seguente schermata

26www.pariweb.it