Introduzione a Wordpress

Vincenzo Bianculli

A chi rivolgere il proprio sito/blog?

- Conoscere e padroneggiare l’argomento- La conoscenza del materiale già presente su internet- Essere conosciuti sul web- Sapere in che modo o cosa cerca il nostro target

Da cosa partire

- Parole chiave “una vs tante” (Suggest, Instant)

Criteri di ricerca

- Google AdWords- Google Trends- Google suggest- Bing Keyword Research Tool- Ubersuggest- WordStream Keyword Suggestion Tool- SEMRush- Zenya- AOL

Gli strumenti

Quale dominio scegliere?

- Facile da memorizzare- Attinenente al tema- Facilmente comprensibile quando viene pronunciato

Caratteristiche di un buon dominio

viaggi.it

viaggi-tailandia.itpippo-viaggi.it

turismo-viaggi.itturismo-tailandia.itlastminute-viaggi.it

Roma-viaggi.it

- altervista.org- sites.google.com- jimbo.com- weebly.com- wix.com- …

Creare un sito gratis

• Utile: deve servire a qualcuno, altrimenti sarà difficile “far tornare” gli utenti sul mio sito web o farli restare sulle mie pagine.

• Facile da usare: appena l‟utente arriva sulla pagina deve essere in grado senza “pensare troppo” di compiere una determinata azione, senza trovare barriere cognitive o tecnologiche.

• Efficiente: il sito deve rispondere VELOCEMENTE ai desiderata dell‟utente, sia che si tratti di caricare una pagina sia che si tratti di trovare un numero di telefono all‟interno della pagina, sia che si tratti di compiere una registrazione al sito, sia che si tratti di acquistare un libro. (https://developers.google.com/pagespeed/)

• Prevenire gli errori: il sito, come un software, non deve contenere bug, e l‟utente deve sempre avere chiaro “dove si trova”, cosa può fare e come può tornare a visualizzare quanto stava visualizzando precedentemente

• Soddisfacente: l‟utente deve rimanere soddisfatto della propria navigazione sia a livello di tempi d‟attesa, di qualità grafica, di gradevolezza e correttezza delle informazioni ricevute.

• Responsive: realizzazione di siti web in modo che le pagine adattino automaticamente il layout per fornire una visualizzazione ottimale in funzione del device nei quali vengono visualizzati riducendo al minimo all'utente la necessità di ridimensionamento e scorrimento, in particolare quello orizzontale

Un sito dovrebbe essere…

• comprensibile (come etichette), l‟utente non deve perdere tempo • realizzato con criterio (da un punto di vista organizzativo) • non vincolato a determinate tecnologie (o a determinati browser) • gradevole graficamente• non aver paura della “ridondanza” per esempio potrei decidere di

utilizzare un menu di navigazione in alto sulla pagina e ripetere nel fondo della pagina le principali voci di navigazione

• valutare anche la presenza (qualora le informazioni da catalogare siano diverse) di più menu di navigazione con voci di menu diverse per “tipologia”

• Per siti particolarmente complessi (ma in generale, tempo e quindi budget permettendo, sarebbe buona norma per tutti i siti web) posso avvalermi di software appositi per la creazione degli alberi di navigazione (o più banalmente posso utilizzare un programma come Excel)

Progettare la navigazione

• Eccesso di animazioni• Uso di font poco leggibili• Background grafici troppo pesanti• Musica di sottofondo• Pulsanti realizzati in grafica• Interfacce progettate per specifici browser (interfaccia deve

essere accessibile)• Evitare di progettare per specifici dispositivi (quindi,

utilizzare design responsive)

Errori da evitare nella progettazione…

wordpress.comRealizzare un sito/blog gratis o a pagamento, con funzioni limitate

Wordpress

wordpress.orgRealizzare un sito/bloga pagamento, ma con la completa gestione

WordPress è un CMS (Content Management System) un sistema che, attraverso un pannello di amministrazione, permette di generare dinamicamente contenuti e pagine web.

wordpress.comhttp://it.wordpress.com/

wordpress.com

Pannello di controllo di wordpress.com

Creare un sito professionale

Acquistare un dominio

Acquistare un hostingUn servizio di Rete che consiste nell'allocare su un server web le pagine web di un sito web, rendendolo così accessibile dalla rete Internet e ai suoi utenti. (Server Linux)

Acquistare un databaseDatabase MySQL

Installare WordpressAttraverso il Pannello di controllo del dominio. http://it.wordpress.org/ oppure via trasferimento FTP

Fase 1 Acquistare un dominio

- aruba- godaddy- namecheap- 1&1 - register.it- ...

Fase 2 e 3 Acquistare un hostinge un database

Cliccando su Assegna, arriverete su questa pagina

Compila con i tuoi dati

Effettuato il pagamento riceverai una mail di conferma

Fase 4 Installare Wordpress

Installazione online-Più semplice-Materiale sempre disponibile-Condivisione del lavoro

Tramite FTP-Uso professionale-Backup semplice-Lavorare in remoto

Installazione online

Riceverai una mail che ti conferma l’attivazione del database

Accesso al database http://mysql.aruba.it

Dati contenuti nella maildi attivazione del Database

Installazione di wordpress sul nostro spazio web

Inserisco i dati della mail di attivazione del database

Completati correttamente tutti i campi (spunta verde)

Collegati a www.tuosito/wordpress/wp-admin

Operazione completata con successo

Inserisci i datiprecedentemente scelti

Pannello di controllo di wordpress

Installazione tramite FTP

Scaricare l’ultima versione di wordpress da http://it.wordpress.org/

Scaricare l’ultima versione di FileZilla (o simili)

https://filezilla-project.org/

1) Scompattate il file zip (precedentemente scaricato da wordpress.org), in cartelle.2) Aprite ora con un editor di testo come il Blocco Note (no Word) il file “wp-config-sample.php” (non usate applicazioni come Microsoft Word o Wordpad).3) Nelle prime righe del documento, vi vengono richiesti i dati relativi al database, nome db, username e password (trovate tutto nella mail di attivazione del database), quindi sostituiteli a quelli di esempio/** The name of the database for WordPress */define(„DB_NAME‟, „database_name_here‟);/** MySQL database username */define(„DB_USER‟, „username_here‟);/** MySQL database password */define(„DB_PASSWORD‟, „password_here‟);/** MySQL hostname */define(„DB_HOST‟, „localhost‟);[/php]4) Rinominate il file appena modificato wp-config.php5) E‟ arrivato il momento di pubblicare tutti i file sul vostro spazio web. Utilizzando un programma FTP precedentemente scaricato (ad esempio FireZilla o simili) ed i relativi dati in vostro possesso, carichiamo tutto il contenuto della cartella principale sul server.7) Aprite il vostro browser web, digitate nella barra degli indirizzi, l‟indirizzo del vostro sito e di seguito /wp-admin/install.php ad esempio http://www.vostrodominio.it/wp-admin/install.php, digitate invio e seguite le istruzioni visualizzate.8) Avete finito! se avete fatto tutto bene!

Il pannello di controllo di Wordpress

- Verifica dello stato del sistema

- Gestione contenuti

- Gestione CMS

Bacheca

-Home - E' il nodo centrale da cui poter tenere sotto controllo ogni aspetto del tuo blog trovi un resoconto sui contenuti e sulle discussioni (Stato attuale), uno strumento per pubblicare velocemente un post (QuickPress) e altri box con i commenti, le bozze e altre informazioni sul mondo di WordPress-Aggiornamenti – Ti segnala le nuove versioni di WordPress, dei Plugin e dei Temi-Statistiche Aksimet – E’ un plugin molto famoso per la sua affidabilità nel controllare e prevenire lo spam sul nostro blog http://tutorial.altervista.org/wordpress/guida/plugin/installare-e-utilizzare-akismet-plugin/

-Gli articoli o post, sono il fulcro dell’attività editoriale su WordPress. Sono composti da un titolo, un testo formattabile e una data di pubblicazione, con la possibilità di inserire media, parole chiave (tag) e organizzarli in categorie o argomenti

-Le pagine hanno una struttura identica agli articoli, ma a differenza dei primi non sono soggetti a una data di pubblicazione. Spesso vengono definite “statiche” e vengono usate per contenuti istituzionali( chi siamo, storia, ecc)

-Troviamo tutti i commenti effettuati dai visitatori

-E’ una libreria che contiene immagini, audio e video

-Troviamo tutti i link di nostro interesse

-Sono due sistemi di organizzazione dei contenuti

-I temi servono per la personalizzazione grafica del sito (possono essere gratuiti o a pagamento)- Testata/header, Menu, Corpo/body (aticoli/pagine)-Sidebar e Piede/footer

-Un widget è un modulo per la gestione dei contenuti

Testata

Menu

Corpo Sidebar

Piede

Sfon

do

-Con editor interveniamo sui fogli di stile (CSS)

-Un Plugin è un piccolo programma web, non autonomo, che estende le funzionalità di WordPress

-Esistono vari livelli di accesso:-Amministratore – ha il pieno controllo del blog e può amministrare tutto-Editore – Può gestire sia i suoi articoli che gli articoli degli altri-Autore – Ha il pieno controllo solo dei suoi articoli-Collaboratore – Crea o elimina i suoi articoli, ma non può pubblicarli-Sottoscrittore – Colui che può accedere a dei contenuti non visibili a tutti gli utenti

-Con strumenti ho la possibilità di importare ed esportare il contenuto del mio sito/blog

-Con Impostazioni posso configurare il settaggio relativo alla lettura e alla scrittura di WordPress, alla privacy e ai commenti.

Spostare sito Wordpressda sottodirectory alla root

Se hai necessità di spostare il tuo sito web da una sottodirectory alla root del tuo stesso sito, questa guida a step ti permetterà di compiere facilmente tale operazione di trasferimento, vediamo insieme come farlo…Facciamo un‟esempio che il tuo sito si trovi sotto la directory www.tuosito.it/wordpress e che tu voglia trasferire i contenuti, i media, gli articoli ed aggiornare i link spostandoli nella root del tuo sito, in modo da vedere l‟installazione wordpress e contenuti del tuo sito su www.tuosito.it .

1) Prima di procedere con i vari step, la prima operazione da fare è quella di assicurarti che in caso di problemi di trasferimento, tu possa avere una versione funzionante del sito; perciò il primo passo da fare è quello di un backup completo del tuo sito in locale, affinchè tu possa essere sicuro di non aver perso il tuo lavoro. Con backup completo s‟intende sia il backup del database che dell’intero sito ( quindi file e cartelle) della tua installazione wordpress.Per compiere questi due passaggi ti basterà creare una cartella sul tuo pc, entrare in phpmyadnin dal cPanel (pannello di controllo ) del tuo spazio hosting ed effettuare un‟esportazione ( dello stesso creando il file .sql) per poi salvarlo nella cartella poc‟anzi creata, dopodichè entrando via FTP sul tuo sito, copiare tutti i file e cartelle del tuo sito web nella stessa cartella di prima. In questo modo avrai messo al sicuro una copia del tuo sito web locale. Ora si può passare allo spostamento del tuo sito web wordpress dalla sottodirectory alla root del tuo sito web

2) Accedere alla area backend tuo sito wordpress, andare in Impostazioni -> Generale e modificare le voci-Indirizzo WordPress (URL)- Sito web (URL)Modifica la nuova home del tuo sito, prendendo l‟esempio di sopra, se il tuo sito ha come indirizzo url e sito url www.tuosito.it/wordpress, dovrai modificare questi due campi inserendo www.tuosito.it .Nel caso in cui i campi non siano modificabili, allora dovrai modificare gli stesi operando direttamente via database:Connettiti al tuo cpanel ed entra in phpmyadmin, rintraccia nella lista delle tabelle, la wp_options e modifica, come detto prima, i campi siteurl e home.Conclusa questa operazione si passerà a trasferire ( via FTP ) i file dalla sottodirectory /wordpress alla directory principale del tuo sito web.

3) Connettiti via FTP al tuo spazio web e sposta tutti i file e cartelle presenti in /wordpress nella root del tuo spazio.La stessa procedura può essere fatta anche via cPanel–> FileManager, ecco come:-Connettiti al cPaneldel tuo sito ( es. www.tuosito.it/cpanel ).- Scorri le varie voci fino a cliccare su FileManager.- Spostati nella directory /wordpress e seleziona tutto il contenuto ( file e cartelle).- Sposta il contenuto nella directory principale.

4) Passiamo a modificare i permalink del tuo sito web, sempre nel pannello amministrativo di wordpress, spostarsi nella sezione Impostazioni –> Permalink e salvare ( anche senza modificare nulla ) lo stesso, in questo modo si aggiorneranno le impostazioni per i permalinkper renderli funzionanti con il nuovo percorso dei file.

5) Ultimi passaggi per poter essere sicuri che non ci siano problemi di link rotti e link non raggiungibili a seguito dei nuovi percorsi dei file e media, è quello di entrare di nuovo in Phpmyadmin e creare delle query per effettuare alcune operazioni:UPDATE wp_posts SET guid = REPLACE (guid,'http://www.tuosito.it/wordpress/','http://www.tuosito.it/');Questa query servirà a forzare l‟aggiornamento dei permalink del tuo sito web.UPDATEwp_posts SET post_content = REPLACE (post_content,'http://www.tuosito.it/wordpress/','http://www.tuosito.it/');Questa seconda query invece servirà ad aggiornare i vari Url per i tuoi articoli.N.B.Nelle query riportate si è sottointeso che i prefissi delle tabelle siano quelle di default di wordpress, nel caso in cui abbia modificato queste, sostituire il “wp_” con il tuo attuale nome delle tabelle.