A cura di .Denis Celotti.. 02/05/2012 Installazione Linguaggio specifico e primi passi con wordpress In breve Conoscere il significato di hosting, database, dominio e template Saper identificare e utilizzare gli strumenti adeguati alle proprie necessità Conoscere il pannello di amministrazione di WP I siti web dinamici Presentano contenuti che possono variare in base a più fattori. I siti web dinamici sono caratterizzati da un'alta interazione fra sito e utente. Alcuni elementi che caratterizzano la dinamicità di un sito possono essere: l'interazione con uno o più database; la visualizzazione di grafici con dati reperiti in tempo reale operazioni varie su file (come la creazione di documenti personalizzati con i dati dell’utente) La visualizzazione di contenuti basandosi su vari parametri (tra i quali le preferenze dell’utente, il browser, il dispositivo in uso) la visualizzazione o stampa o catalogazione degli indirizzi IP degli utenti in log differenti molto altro. Particolarità dei siti dinamici è che le "pagine" che costituiscono il sito vengono generate all'atto della chiamata da parte dell’utente. La modifica dei contenuti, che spesso possono essere aggiornati grazie ad alcuni editor grafici anche senza agire direttamente sul codice, è generalmente frequente. Wordpress WordPress è un software di publishing focalizzato sulla semplicità d'utilizzo, sulla velocità e su una ottima interfaccia utente. Cosa significa? Che non avete la necessità di ricreare tutte le vostre pagine ad ogni aggiornamento del vostro weblog o del suo aspetto. Tutte le pagine sono generate utilizzando il database e dei modelli ogni volta che viene richiesta la visualizzazione di un pagine del vostro weblog, così da poter esser modificate in ogni momento e con qualunque dispositivo si possa connettere ad Internet Installare Wordpress Per poter installare su un server wordpress dobbiamo prima reperire: Un nome di dominio 2. Un database 3. Un hosting web Vediamo nelle prossime slide di cosa si tratta 1. Nome di dominio Definizione È l’indirizzo testuale che viene inserito nel browser in sostituzione dell’indirizzo numerico (l’indirizzo IP) del tuo sito web o del tuo email server identificandoti su internet in modo univoco; per questo lo si deve «registrare» a livello globale ( in questo modo se ne diventa legittimi proprietari). L’indirizzo di un sito ha solitamente questa forma: www.rigenerazioni.it Un video molto ben fatto N.B. Non confondere la registrazione del dominio con la realizzazione del sito web, per il quale servono uno spazio web e del materiale da pubblicare www •non fa parte del nome •è usato per implementare l’indirizzo di un World-WideWeb-site •Può essere sostituito da un nome a identificare un sito secondario: formazione.rigenerazioni.it rigenerazioni it info@ rigenerazioni it •Il nome che è stato registrato per questo progetto •L’estensione gTLD (generic Top Level domain) dovrebbero identificare il tipo di servizio. Sono .com ( per siti business), org (per organizzazioni non profit) e .net ( per providers di servizgTLDi internet), etc •Negli indirizzi di posta elettronica il testo che precede la chiocciola «@» indica la casella di posta appartenente al dominio che segue •Il nome che è stato registrato per questo progetto •L’estensione gTLD (generic Top Level domain) dovrebbero identificare il tipo di servizio. Sono .com ( per siti business), org (per organizzazioni non profit) e .net ( per providers di servizgTLDi internet), etc Domain name Chi registra i domini sul web? La registration authority di competenza nic.it per i domini .it Un internet provider, presso cui possiamo anche acquistare dello spazio web www.aruba.it – www.register.it Una web agency che offra un pacchetto per il sito web «chiavi in mano» Hosting Definizione In ambito informatico si definisce hosting (dall'inglese to host, ospitare) un servizio che consiste nell'allocare su un server web le pagine di un sito web, rendendolo così accessibile dalla rete Internet. Tale "server web", definito "host", è connesso alla rete Internet in modalità idonea a garantire l'accesso alle pagine del sito mediante browser, con identificazione dei contenuti tramite dominio ed indirizzo IP. Hosting Gratuito Generalmente il dominio è di 3° livello (parte del nome è quella del fornitore di servizio) Prestazioni tecniche poco performanti Nessuna garanzia di funzionamento Connessione del server condivisa con molti utenti http://www.free-webhosts.com/bestfree-webhosts.php A pagamento Nome di dominio personalizzato Disponibilità di servizi accessori ( email, database, ftp, statistiche) Velocità della connessione personalizzabile Spazio sul server definito Configurazioni ad-hoc su server dedicato Prezzi dalle decine di euro annuali per piccoli spazi e server condivisi a diverse migliaia su server dedicati con banda minima garantita di diversi mb http://www.top10bestwebsitehosting.com/ http://it.geek-tools.org/en/top-web-hosting Definizione Database Approfondimento Indica un insieme di archivi di dati collegati tra di loro in modo tale da consentire a specifici software ( DBMS) la gestione dei dati stessi (ricerca o interrogazione, inserimento, cancellazione ed aggiornamento). Un esempio di database è rappresentato dalla figura a lato, dove si vedono le tabelle e le relazioni tra le stesse sviluppate per un software gestionale Esercitazione Creiamo il nostro blog Apriamo wordpress.com Compiliamo il modulo Rispondiamo all’email di conferma Il risultato finale Back end Definizione In un sito basato su di un CMS esiste una sezione nascosta nota col nome di Back end, o pannello di controllo, alla quale si accede dopo aver inserito uno username ed una password validi. In tale sezione vi son le pagine ove l’amministratore del sito trova tutte le funzioni necessarie alla gestione del sito stesso: non solo la creazione dei contenuti, ma anche l’amministrazione degli utenti, le configurazione del server e quant’altro. Backend Login Il login per l’accesso al pannello di amministrazione rappresenta il primo passo da compiere per iniziare a gestire il nostro blog o sito web. 1. Nella barra degli indirizzi del browser che utilizziamo per navigare in internet digitiare l’indirizzo del sito seguito da “/wp-admin”: 2. http://rigenerazioni.wordpress.com/wp-admin 3. Premere invio. 4. Nella schermata che comparirà inserire il nome utente e la password personale 5. Cliccare su “Collegati”. Nota: Se volete, potete mettere una spunta sul pulsantino “Ricordami” per memorizzare i dati di accesso. Nel caso in cui abbiate smarrito i dati di accesso (nome utente o password) potete cliccare sul link “Si è smarrita la propria password?” vi verrà richiesto di inserire uno dei due dati ed il sistema vi rinvierà i nuovi all’indirizzo di posta elettronica che avete indicato in fase di registrazione Bacheca WP Effettuato il login compare la Bacheca, un’area in cui è possibile monitorare le ultime attività del sito (pubblicazione di articoli, post, pagine ecc.) e le continue novità provenienti dal mondo di WordPress. La bacheca comprende tutti gli strumenti necessari per le varie operazioni di gestione e di aggiornamento; essa può essere configurata secondo le nostre esigenze, grazie ai suoi moduli espandibili e trascinabili nella posizione desiderata e al menu riducibile a icona posto in alto a sinistra della schermata (“Impostazioni schermo“). Impostazioni di base Generali: impostazioni generali del sito, quali nome, slogan, etc. Scrittura: settaggi predefiniti per l’editing dei contenuti Lettura: settaggi predefiniti per la visualizzazione del front-end Discussione: impostazioni predefinite per commenti, notifiche, moderazione Media: dimensione predefinita per le anteprime delle immagini Privacy: segnalazione o meno ai motori di ricerca Sharing: preferenze social media Le opzioni seguenti sono disponibili solo su hosting WP: Poll & Rating, Dominio, Email post changes, Text messaging, OpenID, Webhooks Template Definizione Sono dei modelli, degli schemi, delle strutture preformattate con spazi vuoti all’interno delle quali si sostituiscono i contenuti caricati dinamicamente dal database. Il Template controlla l'aspetto e il layout del sito web. Esso fornisce appunto la struttura che riunisce gli elementi comuni, moduli e componenti, nonché fornisce dei fogli di stile CSS per il sito. All’installazione è configurato un template predefinito, ma è possibile caricarne di nuovi, gratuiti o a pagamento. Grazie ai template è possibile stravolgere l’aspetto di un sito in pochi secondi senza dover riscrivere i contenuti. Wordpress ha predisposto una sezione dedicata ai template all’indirizzo: wordpress.org/extend/themes/ Esercitazione Cambiare il tema del sito Il blog prima della modifica Aspetto>temi Click su attiva Se disponibile, click su opzioni tema Il blog Con le modifiche salvate Progetto finanziato da In collaborazione con