{"id":233,"date":"2009-10-24T15:54:32","date_gmt":"2009-10-24T13:54:32","guid":{"rendered":"http:\/\/www.scuolacooperativa.net\/wordpress\/?page_id=233"},"modified":"2009-10-24T15:54:32","modified_gmt":"2009-10-24T13:54:32","slug":"wp-per-un-sito-semplice","status":"publish","type":"page","link":"https:\/\/icripalimosani.edu.it\/site\/tutorial\/wp-per-un-sito-semplice\/","title":{"rendered":"&#8211; WP per un sito semplice"},"content":{"rendered":"<p><a href=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/articoli-pagine1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-medium wp-image-360\" title=\"articoli-pagine\" src=\"http:\/\/www.scuolacooperativa.net\/wordpress\/wp-content\/uploads\/2009\/10\/articoli-pagine-300x237.jpg\" alt=\"articoli-pagine\" width=\"300\" height=\"237\" \/><\/a>L&#8217;accostamento sezione statica\/sezione dinamica di un sito scolastico risponde all&#8217;esigenza reale di combinare due tipologie diverse di informazione:<\/p>\n<ul>\n<li>informazioni stabili che concorrono a presentare la scuola, sia all&#8217;interno che all&#8217;esterno<\/li>\n<li>notizie, anche queste rivolte sia all&#8217;inteno che all&#8217;esterno, ma costantemente aggiornate<\/li>\n<\/ul>\n<h3>Pagine e articoli<\/h3>\n<p>WordPress offre la possibilit\u00e0 di costruire due differenti tipi di oggetti informativi, tali da rispecchiare perfettamente queste due tipologie, ossia:<\/p>\n<ul>\n<li>le pagine statiche<\/li>\n<li>gli articoli.<\/li>\n<\/ul>\n<p>In WordPress le pagine statiche sono pensate per ospitare contenuti stabili e organizzati secondo una mappa gerarchica, gli articoli invece sono pensati per informazioni che si susseguono cronologicamente e sono raggruppabili in categorie secondo il loro argomento o i loro destinatari.<\/p>\n<h3>Le pagine<\/h3>\n<p><a href=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/attributi1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-medium wp-image-375\" title=\"attributi\" src=\"http:\/\/www.scuolacooperativa.net\/wordpress\/wp-content\/uploads\/2009\/10\/attributi-223x300.jpg\" alt=\"attributi\" width=\"223\" height=\"300\" \/><\/a>Molti degli esempi che si trovano in rete di blog costruiti con WordPress presentano un ristretto numero di pagine, ad esempio la pagina <em>Chi siamo, Dove siamo<\/em> o <em>Info<\/em>, pensate per dare informazioni sul sito o sugli autori; se invece si vuole utilizzare questa tipologia di contenuto per costruire un vero e proprio sito il numero delle pagine sar\u00e0 senz&#8217;altro maggiore. WordPress offre la possibilit\u00e0 di organizzare tali pagine in sezioni e sottosezioni e quindi costruire un albero gerarchico a diversi livelli di profondit\u00e0: non ci sono restrizioni n\u00e9 per il numero di sezioni n\u00e9 per il numero di livelli e i vari nodi possono essere pensati sia come archivio di pagine che come pagina di contenuti (elemento foglia).<\/p>\n<p>N.B. \u00e8 importante ricordare di definire il livello della pagina (pagina base o &#8220;figlia&#8221; di un&#8217;altra pagina gi\u00e0 esistente) ed eventualmente l&#8217;ordinamento all&#8217;interno dei men\u00f9 di navigazione, il tutto dal men\u00f9 <em>Attributi<\/em>, in basso a destra nella schermata di Creazione\/Modifica della pagina.<\/p>\n<h3>Articoli e categorie<\/h3>\n<p><a href=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/categorie1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-full wp-image-376\" title=\"categorie\" src=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/categorie1.jpg\" alt=\"categorie\" width=\"195\" height=\"294\" \/><\/a>Per quel che riguarda invece gli articoli, nel caso di un sito scolastico, questo tipo di contenuto \u00e8 particolarmente adatto per comunicati (circolari, eventi&#8230;). Come gi\u00e0 detto essi generalmente vengono presentati in ordine cronologico, ma possono essere organizzati in cosiddette categorie. Anche le categorie possono eventualmente essere gerarchizzate, ma la particolarit\u00e0 di WordPress \u00e8 quella che ogni articolo pu\u00f2 essere contenuto in pi\u00f9 di una categoria contemporaneamente. Questo pu\u00f2 rivelarsi molto utile: tanto per fare un esempio \u00e8 possibile inserire una circolare all&#8217;interno della categoria <em>Comunicati <\/em>e allo stesso tempo anche all&#8217;interno della categoria <em>Docenti<\/em> perch\u00e9 rivolta solo al personale docente e non al personale A.T.A., in questo modo pu\u00f2 essere recuperata sia all&#8217;interno dell&#8217;archivio delle circolari che sotto l&#8217;archivio dei docenti.<\/p>\n<p>N.B. \u00e8 importante ricordare di scegliere la categoria\/le categorie delle quali si desidera che l&#8217;articolo faccia parte prima di pubblicarlo. Se non lo si fa, WordPress prevede che esso venga salvato all&#8217;interno della categoria &#8220;Senza categoria&#8221;. La categoria di default per gli articoli senza categoria pu\u00f2 essere modificata all&#8217;interno del men\u00f9 <em>Impostazioni<\/em>\/<em>Scrittura<\/em>. In seguito sar\u00e0 comunque possibile modificare o aggiungere categorie in qualunque momento.<\/p>\n<h3>I tag<\/h3>\n<p><a href=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/WPtag1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-medium wp-image-379\" title=\"i tag in wordpress\" src=\"http:\/\/www.scuolacooperativa.net\/wordpress\/wp-content\/uploads\/2009\/10\/WPtag-300x113.jpg\" alt=\"i tag in wordpress\" width=\"300\" height=\"113\" \/><\/a>Un&#8217;altra opportunit\u00e0 per organizzare gli articoli \u00e8 quella dei tag, ossia parole chiave non gerarchizzate. Essi possono essere associati liberamente agli articoli, non alle pagine, e possono dare delle notizie in pi\u00f9, ad esempio a proposito del contenuto degli articoli.<\/p>\n<p>Nel nostro sito, ad esempio, abbiamo usato i tag per definire gli argomenti delle circolari.<\/p>\n<h3>La progettazione del sito<\/h3>\n<p>Per costruire il sito della scuola con WordPress quindi, all&#8217;atto della selezione dei contenuti, ci si deve chiedere se siano pi\u00f9 adatti ad essere resi come pagine statiche o come articoli e poi si potr\u00e0 procedere alla progettazione della mappa.<\/p>\n<p>Il sito che ospita questo tutorial pu\u00f2 essere preso come esempio, come pure potr\u00e0 essere utile l&#8217;osservazione di altri siti e altre realt\u00e0.<\/p>\n<h3>La scelta del tema<\/h3>\n<p><a href=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/temi1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-363 alignleft\" title=\"aggiungere temi\" src=\"http:\/\/www.scuolacooperativa.net\/wordpress\/wp-content\/uploads\/2009\/10\/temi-300x280.jpg\" alt=\"aggiungere temi\" width=\"300\" height=\"280\" \/><\/a>Per un sito costruito interamente in WordPress, molto probabilmente i temi contenuti di default nella cartella di installazione non sono pi\u00f9 sufficienti. La directory ufficiale di WordPress (<a href=\"http:\/\/wordpress.org\/extend\/themes\/\">Free Themes Directory<\/a>) contiene molti temi gratuiti e collaudati; ce ne sono di vari colori, a due, tre, quattro colonne, anche con codice xhtml nativamente strict.<\/p>\n<p>\u00c8 possibile accedere alla directory, scaricare e installare il tema che si desidera direttamente dal pannello di amministrazione dal menu <em>Aspetto<\/em>.<\/p>\n<p>Se invece si possiede in locale un tema da caricare sul sito si dovr\u00e0 caricare l&#8217;intera cartella che lo contiene nella directory <em>miosito\/wp-content\/themes<\/em>. Dopo averlo fatto il tema comparir\u00e0 nella pagina dei temi all&#8217;interno del pannello di amministrazione.<\/p>\n<p>Questa \u00e8 l&#8217;operazione da compiere se si desidera utilizzare la versione base del tema creato per WordPress da Porte aperte sul web: <a href=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/PASW2009base1.zip\">PASW2009base (170kb)<\/a> (aggiornato il 07\/11\/09)<\/p>\n<h3>Personalizzare le impostazioni<\/h3>\n<p>Diamo uno sguardo generale su come appare il pannello di amministrazione appena vi si accede: a sinistra abbiamo la barra degli strumenti e a destra alcune finestre. L\u2019aspetto di questa pagina del pannello di amministrazione pu\u00f2 essere modificato attraverso il link <em>Impostazioni schermo<\/em> in alto a destra.<\/p>\n<p><a href=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/menu1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-medium wp-image-382\" title=\"menu\" src=\"http:\/\/www.scuolacooperativa.net\/wordpress\/wp-content\/uploads\/2009\/10\/menu-128x300.jpg\" alt=\"menu\" width=\"128\" height=\"300\" \/><\/a>Quello che a noi adesso invece interessa guardare \u00e8 proprio la barra degli strumenti. Il primo men\u00f9 in alto contiene i &#8220;sottomen\u00f9&#8221; espandibili degli <em>Articoli<\/em>, dei <em>Files Multimediali<\/em>, dei <em>Link<\/em>, delle <em>Pagine <\/em>e dei <em>Commenti<\/em>: si tratta dei men\u00f9 di authoring, quelli cio\u00e8 che ci permettono di accedere alle pagine per la creazione e la modifica dei diversi tipi di contenuti.<\/p>\n<p>Il secondo men\u00f9 invece \u00e8 il men\u00f9 e degli strumenti; le voci sono <em>Aspetto<\/em>, <em>Plugin<\/em>, <em>Utenti<\/em>, <em>Strumenti<\/em>, <em>Impostazioni<\/em>. Quello che c&#8217;interessa prima di tutto \u00e8 il men\u00f9 <em>Impostazioni<\/em>, uno strumento che ci aiuta a far s\u00ec che il nostro sito faccia davvero alla nostra realt\u00e0, in definitiva a personalizzare il sito.<\/p>\n<p>Vediamo una alla volta le voci al sul suo interno:<\/p>\n<ol>\n<li>la      prima riguarda le <em>Impostazioni Generali<\/em>: la prima cosa che dobbiamo fare      per personalizzare il sito \u00e8 controllare i campi presenti all\u2019interno di      questa pagina a partire da titolo del sito e motto (che noi abbiamo      interpretato come indirizzo della scuola); l\u2019indirizzo di WordPress e l&#8217;indirizzo      del sito\/blog appaiono di default e non vale la pena modificarli, mentre      va controllato l&#8217;indirizzo mail: va inserito l&#8217;indirizzo del responsabile      del sito, perch\u00e9 per qualunque comunicazione viene effettivamente inviata      al proprietario di questa casella di posta;<\/li>\n<li>la      seconda voce del men\u00f9 impostazioni \u00e8 <em>Scrittura<\/em>: \u00e8 sufficiente leggerla con      calma e modificare le voci che si desiderano;<\/li>\n<li>lo      stesso dicasi per la voce <em>Lettura<\/em>; per la parte pi\u00f9 importante di questa      pagina a mio avviso \u00e8 la visualizzazione della pagina iniziale: WordPress      permette di impostare come home page del sito una pagina statica opportunamente      predisposta; se questo non viene effettuato, l\u2019impostazione di default di      far apparire in prima pagina l&#8217;elenco degli ultimi articoli scritti. Nelle      ultime versioni di WordPress \u00e8 anche possibile decidere di far apparire in      prima pagina gli articoli di una sola specifica categoria.<\/li>\n<li><a href=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/impostazioni1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-full wp-image-385\" title=\"impostazioni\" src=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/impostazioni1.jpg\" alt=\"impostazioni\" width=\"169\" height=\"234\" \/><\/a>la      pagina del impostazioni <em>Discussione <\/em>invece \u00e8 quella riferita ai commenti:      \u00e8 quella che gestisce l&#8217;interazione con i lettori dei nostri articoli per      il nostro sito: \u00e8 possibile decidere se permettere commenti e ping all\u2019interno      delle pagine del sito; tuttavia, qualunque sia la scelta relativamente      alle impostazioni generali, all\u2019interno della schermata di scrittura o      modifica dei singoli articoli\/pagine, \u00e8 possibile modificare questa scelta      di volta in volta.<\/li>\n<li>Nella      sezione <em>Media <\/em>vengono definite le impostazioni per i files multimediali:      una cosa interessante pu\u00f2 essere quella di modificare la dimensione della      miniatura e cio\u00e8 decidere la dimensione che devono avere le immagini      scelte come icone degli degli articoli<\/li>\n<li>La      voce <em>Privacy <\/em>serve per decidere se il sito pu\u00f2 essere visto come inondar      utenti esterni<\/li>\n<li>Molto      importante invece egli \u00e8 la voce <em>Permalink<\/em>: qui con pochi click \u00e8      possibile decidere la struttura dei link e degli indirizzi del sito      WordPress permette infatti che gli indirizzi di ogni pagina siano \u201csignificativi\u201d<\/li>\n<li>Alla      voce <em>Varie <\/em>infine \u00e8 possibile decidere in quale cartella far salvare i      documenti che vengono caricati sul sito.<\/li>\n<\/ol>\n<h3>Le barre laterali e i widget<\/h3>\n<p>Perch\u00e9 la personalizzazione sia completa occorre decidere cosa si vuol far apparire all&#8217;interno delle barre laterali del sito: men\u00f9 di navigazione, modulo di ricerca, calendario&#8230;.<\/p>\n<p><a href=\"http:\/\/www.icripalimosani.edu.it\/wp-content\/uploads\/2009\/10\/widgets11.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-medium wp-image-414\" title=\"widgets\" src=\"http:\/\/www.scuolacooperativa.net\/wordpress\/wp-content\/uploads\/2009\/10\/widgets1-300x187.jpg\" alt=\"widgets\" width=\"300\" height=\"187\" \/><\/a>In WordPress questi elementi si chiamano <em>Widget <\/em>e possono essere gestiti in una pagina apposita del pannello di amministrazione (<em>Aspetto<\/em>\/<em>Widget<\/em>).<\/p>\n<p>Per personalizzare una sidebar basta trascinare gli elementi a sinistra negli spazi dedicati a destra; alcuni Widget prevedono poi ulteriori personizzazioni, quali la definizione di un titolo o di eventuali opzioni di visualizzazione.<\/p>\n<p>Si possono trovare istruzioni pi\u00f9 approfondite nelle <a href=\"http:\/\/www.scuolacooperativa.net\/wordpress\/tutorial\/guide\/\">guide allegate al tutorial<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&#8217;accostamento sezione statica\/sezione dinamica di un sito scolastico risponde all&#8217;esigenza reale di combinare due tipologie diverse di informazione: informazioni stabili che concorrono a presentare la scuola, sia all&#8217;interno che all&#8217;esterno notizie, anche queste rivolte sia all&#8217;inteno che all&#8217;esterno, ma costantemente aggiornate Pagine e articoli WordPress offre la possibilit\u00e0 di costruire due differenti tipi di oggetti [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":97,"menu_order":6,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/icripalimosani.edu.it\/site\/wp-json\/wp\/v2\/pages\/233"}],"collection":[{"href":"https:\/\/icripalimosani.edu.it\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icripalimosani.edu.it\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icripalimosani.edu.it\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icripalimosani.edu.it\/site\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":0,"href":"https:\/\/icripalimosani.edu.it\/site\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/icripalimosani.edu.it\/site\/wp-json\/wp\/v2\/pages\/97"}],"wp:attachment":[{"href":"https:\/\/icripalimosani.edu.it\/site\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}