Docsity
Docsity

Prepara i tuoi esami
Prepara i tuoi esami

Studia grazie alle numerose risorse presenti su Docsity


Ottieni i punti per scaricare
Ottieni i punti per scaricare

Guadagna punti aiutando altri studenti oppure acquistali con un piano Premium


Guide e consigli
Guide e consigli


Appunti uso wordpress, Appunti di Letteratura

Corso di Sviluppo e gestione di progetti multimediali a.a. 2014/15

Tipologia: Appunti

2014/2015

Caricato il 19/06/2015

PatriziaPavia
PatriziaPavia 🇮🇹

2 documenti

1 / 9

Toggle sidebar

Questa pagina non è visibile nell’anteprima

Non perderti parti importanti!

bg1
Appunti sulla creazione di siti web usando Wordpress
WordPress è un sistema del tipo CMS per creare facilmente siti web senza scrivere HTML e altri tipi di
codici. Nato per creare blog, ovvero una sorta di diario online in cui una persona si racconta o parla di un
argomento specifico, viene usato anche per creare siti web professionali come www.assodigitale.it oppure
www.guidasocialcommerce.it per notarlo basta visualizzare il codice sorgente tramite la specifica funzione
del browser e cercare indicazioni come <meta name="generator" content="WordPress 3.8">
E’ necessario fornire al servizio una email per comunicazioni, valutare quale indirizzo fornire per evitare di
ricevere troppe email pubblicitarie.
Per esempio, si può notare http://pendolante.wordpress.com/ un blog tenuto dai pendolari del trasporto
pubblico che ha wordpress.com nell’indirizzo, mentre questo altro blog http://
www.coordinamentopendolari.it/ ha un indirizzo senza wordpress.com
Per fare un esempio, visitare http://a2144374.wordpress.com/ per avere idea di cosa realizzare.
Valutare se si vuole creare un blog per fare delle prove, in tal caso si inventa tutto il contenuto e le
impostazioni senza importanza, o se creare qualcosa da mantenere in vita, in tal caso bisogna prestare
attenzione a cosa si scrive perché finisce subito disponibile online per i motori di ricerca.
Siti utili per conoscere WordPress:
http://sos-wordpress.it
http://www.wpcorsi.it/
http://www.wpitaly.it/
Pagine utili per inserire pubblicità nel blog e guadagnare con i clic sui banner: http://sos-wordpress.it/come-
mettere-la-pubblicita-per-guadagnare-con-il-tuo-blog-wordpress/ e http://www.wpspaceblog.it/inserire-
google-adsense-in-wordpress/#comment-599
ATTENZIONE: le seguenti note non specificano ogni singolo clic da fare, vogliono solo riepilogare gli
obiettivi e dare linee guida, si può andare su Google o su YouTube per trovare tante pagine con le spiegazioni
dettagliate di ogni passo da compiere. L’interfaccia grafica cambia in continuazione, quindi potrebbero
esserci differenze rispetto a quanto di seguito spiegato.
Partire da http://it.wordpress.com/ per cliccare in menu a sinistra su CominciaQui. Notare che il servizio è in
continua evoluzione e la grafica subisce spesso cambiamenti. Si tratta del servizio offerto da WordPress per
ospitare il blog sul suo server, chi vuole gestire un proprio server e installare il blog sul suo server può usare
i servizi di http://it.altervista.org e seguire il percorso per installare WordPress. Per vedere come installare
Wordpress su hosting Altervista.org vedere http://youtu.be/UFguBvFv_No per vedere come installare
Wordpress su hosting Aruba.it vedere di http://youtu.be/EejZ_uVr_kU
Con il termine “tema” viene indicata la grafica del sito con i componenti della interfaccia grafica, con il
termine “post” viene indicato ogni articolo pubblicato. Bisogna distinguere due livelli di interfaccia:
1. Relativa alla presenza in generale dentro Wordpress, caratterizzata da un fondo grigio e una barra blu
in alto con scritte in colore bianco, da cui si parte verso tutti i vari siti creato
pf3
pf4
pf5
pf8
pf9

Anteprima parziale del testo

Scarica Appunti uso wordpress e più Appunti in PDF di Letteratura solo su Docsity!

Appunti sulla creazione di siti web usando Wordpress

WordPress è un sistema del tipo CMS per creare facilmente siti web senza scrivere HTML e altri tipi di codici. Nato per creare blog, ovvero una sorta di diario online in cui una persona si racconta o parla di un argomento specifico, viene usato anche per creare siti web professionali come www.assodigitale.it oppure www.guidasocialcommerce.it per notarlo basta visualizzare il codice sorgente tramite la specifica funzione del browser e cercare indicazioni come E’ necessario fornire al servizio una email per comunicazioni, valutare quale indirizzo fornire per evitare di ricevere troppe email pubblicitarie.

Per esempio, si può notare http://pendolante.wordpress.com/ un blog tenuto dai pendolari del trasporto pubblico che ha wordpress.com nell’indirizzo, mentre questo altro blog http:// www.coordinamentopendolari.it/ ha un indirizzo senza wordpress.com

Per fare un esempio, visitare http://a2144374.wordpress.com/ per avere idea di cosa realizzare.

Valutare se si vuole creare un blog per fare delle prove, in tal caso si inventa tutto il contenuto e le impostazioni senza importanza, o se creare qualcosa da mantenere in vita, in tal caso bisogna prestare attenzione a cosa si scrive perché finisce subito disponibile online per i motori di ricerca.

Siti utili per conoscere WordPress:

http://sos-wordpress.it

http://www.wpcorsi.it/

http://www.wpitaly.it/

Pagine utili per inserire pubblicità nel blog e guadagnare con i clic sui banner: http://sos-wordpress.it/come- mettere-la-pubblicita-per-guadagnare-con-il-tuo-blog-wordpress/ e http://www.wpspaceblog.it/inserire- google-adsense-in-wordpress/#comment-

ATTENZIONE: le seguenti note non specificano ogni singolo clic da fare, vogliono solo riepilogare gli obiettivi e dare linee guida, si può andare su Google o su YouTube per trovare tante pagine con le spiegazioni dettagliate di ogni passo da compiere. L’interfaccia grafica cambia in continuazione, quindi potrebbero esserci differenze rispetto a quanto di seguito spiegato.

Partire da http://it.wordpress.com/ per cliccare in menu a sinistra su CominciaQui. Notare che il servizio è in continua evoluzione e la grafica subisce spesso cambiamenti. Si tratta del servizio offerto da WordPress per ospitare il blog sul suo server, chi vuole gestire un proprio server e installare il blog sul suo server può usare i servizi di http://it.altervista.org e seguire il percorso per installare WordPress. Per vedere come installare Wordpress su hosting Altervista.org vedere http://youtu.be/UFguBvFv_No per vedere come installare Wordpress su hosting Aruba.it vedere di http://youtu.be/EejZ_uVr_kU

Con il termine “tema” viene indicata la grafica del sito con i componenti della interfaccia grafica, con il termine “post” viene indicato ogni articolo pubblicato. Bisogna distinguere due livelli di interfaccia:

  1. Relativa alla presenza in generale dentro Wordpress, caratterizzata da un fondo grigio e una barra blu in alto con scritte in colore bianco, da cui si parte verso tutti i vari siti creato
  1. Relativa a tema grafico scelto durante la fase di creazione di uno specifico sito, in cui si pubblica il contenuto

In caso di dubbi, cliccare due volte sulla W in alto a sinistra per tornare alla tipologia (1) di livello.

Conviene usare due browser: uno in cui effettuano i cambiamenti attraverso l’interfaccia in cui si entra con login e password, nell’altro si mostra l’interfaccia grafica senza entrare con login e password così da mostrare cosa vedrebbe un qualsiasi utente.

Operazioni da eseguire, ricordarsi sempre di cliccare sullo specifico pulsante per salvare modifiche:

  1. Cambiare le impostazioni relative alla persona che gestisce la presenza in Wordpress, clic in alto a destra sull’avatar che rappresenta l’autore
  2. Saper entrare da http://it.wordpress.com/ e uscire dal blog con clic in alto a destra su avatar

Operazioni da sapere fare sulla interfaccia Bacheca specifica del sito:

  1. In Aspetto modificare le impostazioni del tema grafico, si passa a una nuova finestra con a destra una fascia verticale blu in cui cambiare le impostazioni, provare a usare tutte le funzioni, provare a cambiare: 1.a. Colori

1.b.Immagini in testata nella parte alta di presentazione del sito e nello sfondo della pagina

1.c. motto che ispira il lettore

1.d.nome del blog

1.e. inserire widget come il calendario o il riquadro MiPiace di Facebook

  1. in menu Impostazioni scegliere Generali per cambiare immagine di riferimento cui viene associato il sito per riconoscerlo facilmente tra alti siti, questa immagine si chiama Favicon
  2. opzione Media: caricare una immagine nella libreria da cui verrà presa per cambiare impostazioni per la grafica o per inserimento in post
  3. in Pagine creare almeno due nuove pagine:

1.f. Benvenuto: in cui si fornisce un messaggio che si leggerà subito appena l’utente arriva sul sito, un esempio di pagina statica che non cambierà

1.g.Blog: dove verranno mostrati gli articoli da pubblicare, un esempio di pagina dinamica su cui verranno pubblicati tanti post

  1. In Pagine trovare la voce About o ChiSono o altro similare, in cui si descrive chi è l’autore del sito, cosa vuole spiegare al lettore e altro materiale di presentazione
  2. In Aspetto creare una struttura di Menu per fare muovere il lettore tra le pagine create nei passi precedenti, attenzione a creare prima le pagine poi il menu, bisogna dare un nome specifico al menu con pulsante CreaMenu perché potrei averne tanti in posti diversi, a sinistra clic su pagine da inserire nei menu e clic su AggiungiAlMenu, in basso notare le opzioni ImpostazioniDelMenu con le caselle su cui cliccare per fare apparire il menu nel blog; l’ordine delle voci in menu si può cambiare clic sul grande rettangolo con nome di menu e tenendo cliccato il mouse spostare il rettangolo
  3. in Impostazioni scegliere voce Lettura e scegliere:
  1. Andare all’indirizzo del sito creato
  2. Scrivere un commento a un articolo, è obbligatorio indicare una email dell’autore del commento
  3. Verificare se il commento viene subito pubblicato
  4. Rientrare nel servizio e verificare come viene mostrato il commento
  5. Cancellare il commento

Ricavare la mappa del sito creato. Andare su http://www.sitemapdoc.com/Default.aspx e nel campo UrlToMap scrivere il nome del sito creato, ad esempio avendo creato a2144374.wordpress.com occorre scrivere http://a2144374.wordpress.com e cliccare su CreateMap, potrebbe aprirsi una finestra con messaggio che fa notare la mancanza del www all’inizio del sito ma basta cliccare su OK per proseguire. In basso compare la mappa del sito, cioè l’elenco di tutti i link esistenti nel sito. Cliccare in basso sul pulsante XML Sitemap, creare un file di testo con il Blocco note di Windows, mettere come nome sitemap.txt, selezionare tutto il testo che compare sotto il pulsante e copiarlo nel file così creato tutto il testo nell’area salvare il file e caricarlo su Google Drive, in realtà andrebbe caricato sul proprio server per aiutare il motore di ricerca a classificare il contenuto del sito.

COSA MANDARE AL DOCENTE Occorre mandare tramite email il nome del blog creato, fare delle copie dello schermo con tasto Stamp da salvare tramite Paint come immagine, queste immagini vanno caricate su Google Drive in una cartella di file con nome Blog.

Cancellazione del sito Tornare al menu Bacheca, cercare voce Strumenti poi CancellaSito. Verrà chiesto perché si vuole cancellare la struttura, scegliere cosa si vuole cancellare, verrà inviata email su cui cliccare per confermare la cancellazione.

Alcune immagini di esempio

Pagina di partenza per ingresso

Form in cui inserire i dati di identificazione autore e indirizzo del blog

Riquadro complessivo della presenza personale in Wordpress, notare l’avatar-omino in alto a destra su cui cliccare per uscire dal sito o per cambiare impostazioni, e il rettangolo arancione-bianco che avvisa della presenza di commenti ai post da verificare. Cliccare in alto su IlMioBlog oppure sul nome al centro per passare alla grafica di gestione del blog.

Dalla figura precedente si arriva alla grafica del proprio sito, cliccare in alto sul nome del sito per arrivare al menu a discesa in cui compaiono le opzioni per modificare il contenuto del sito, in particolare notare la voce Bacheca

Interfaccia di gestione del blog tramite la Bacheca, notare la colonna a sinistra con le varie opzioni e l’omino-avatar in alto a destra per uscire dal sito e fare altre modifiche.