Sommario<\/p>\nToggle<\/span>

Risolto problema personalizer<\/a><\/li>
Font aggiuntivi<\/a><\/li><\/ul><\/li>

Pulizia e impostazione dell’istallazione<\/a>

Plugin<\/a><\/li>
Creare Pagine e Articoli<\/a><\/li>
ID di articoli, pagine e categorie<\/a><\/li>
Utenti<\/a><\/li>
Immagini<\/a><\/li>
Menu di navigazione<\/a><\/li><\/ul><\/li>

Venerd\u00ec 29 settembre si \u00e8 svolto il secondo incontro del corso Didattica e Ambienti Digitali condivisi.<\/p>\n

Si \u00e8 parlato di Pagine, menu di navigazione, personalizzazione del tema e immagini. Su questi due ultimi aspetti torneremo nei prossimi incontri.<\/p>\n

<\/span>Problema e curisosit\u00e0<\/span><\/h2>\n

<\/span>Risolto problema personalizer<\/strong><\/span><\/h3>\n
Il tema Mesocolumn<\/strong> che dava problemi nel personalizer (si accede facendo click sull’icona a forma di pennello sulla barra degli strumenti o da bacheca > aspetto > personalizza<\/strong>) aveva conflitti javascript con un plugin.<\/p>\n
Ho risolto il problema ed ora funziona, sperando che non ci siano altri conflitti in agguato. Ora Giampiero potr\u00e0 cambiare il colore delle sue categorie :-))<\/p>\n

<\/span>Font aggiuntivi<\/strong><\/span><\/h3>\n
La propriet\u00e0 CSS per caricare i font non \u00e8 @media, utilizzata soprattutto per le regole di stampa come avevo detto, ma @font-face.<\/p>\n
@font-face {iver\nfont-family: myFirstFont;\nsrc: url(sansation_light.woff);\n}\n<\/pre>\n
Google font<\/a>, \u00e8 un servizio online dove trovare font da utilizzare nei propri progetti web. Il font scelto resta sulla directory di Google font e il browser, attraverso la propriet\u00e0 @import fa una richiesta di importazione nel tuo sito\/blog di quel font, questo comporta un leggero rallentamento, ma se i font incorporati sono uno o due, non se ne accorge nessuno. Il codice di @import lo d\u00e0 Google font e non rimane che incollarlo nel nostro foglio CSS personale.<\/p>\n
@import url('https:\/\/fonts.googleapis.com\/css?family=Acme');<\/pre>\n
a questa stringa seguir\u00e0:<\/p>\n
body{\nfont-family: 'Acme', sans-serif;\n}\n<\/pre>\n
Font river invece consente di scaricare e installare font nel proprio sistema operativo molto interessante per chi usa testo come grafica.<\/p>\n
<\/span>Pulizia e impostazione dell’istallazione<\/span><\/h2>\n
Vi ricordo i passagi per “pulire” un’istallazione WordPress<\/p>\n
Eliminare:<\/strong><\/p>\n
\n
articoli<\/li>\n
pagine<\/li>\n
commenti<\/li>\n
widget<\/li>\n<\/ul>\n
Per quanto riguarda i widget prova a rendere operativi nella sidebar i due widget per la ricerca e l’accesso.<\/p>\n
Da bacheca<\/em> > aspetto<\/em> > fai click su widget<\/em> o dall’icona a forma di bussola sulla barra degli strumenti seleziona widget<\/em>.<\/p>\n
La pagina dei widget, si presenta su due colonne. A sinistra ci sono i widget disponibili e a destra le aree widget. Queste aree possono essere diverse, pi\u00f9 o meno numerose. Numero e possibilit\u00e0 di posizione dipendono dal tema attivo.<\/p>\n
Per vedere e personalizzare i wiget, accedi al Personalizer, la famosa icona a forma di pennello sulla barra degli attrezzi. Clicca sul pennello. In alternativa passa da Bacheca > Aspetto > Personalizza.<\/em><\/p>\n
Tra le opzioni cerca la voce widget e vedi quali sono le opzioni. Molti temi hanno due funzioni per i widget. Una definisce le aree widget del tema e l’altra consente di posizionare i widget nelle aree definte. Cercale e provale.<\/p>\n
Prova ad attivare questi due widget:<\/p>\n
\n
Cerca: <\/strong>(non quello che si chiama Ricerca forum) fai click sul nome e scegli una posizione tra le opzioni offerte. Di solito Sidebar. Cerca e seleziona il widget (BuddyPress) Accesso: <\/strong>fai click su di esso e scegli tra le opzioni la posizione in cui vuoi inserirlo. Di solito si sceglie Sidebar.<\/li>\n<\/ul>\n
Ricorda che le aree widget sono definite dal tema grafico attivo.<\/p>\n
Impostazioni:<\/strong><\/p>\n
\n
generali<\/strong>: dove modificare il titolo del sito, fallo in tempi brevi se necessario;<\/li>\n
scrittura<\/strong>: dove definire la categoria standard per gli articoli;<\/li>\n
lettura<\/strong>: scelta di visualizzazione della home page, se articoli o pagina statica;<\/li>\n
discussione<\/strong>: impostazioni molto importanti per i commenti;<\/li>\n
media<\/strong>: impostazioni della dimensione per le immagini create da WordPress quando carica immagini;<\/li>\n
permalink<\/strong>: impostazione del collegamento permanente visualizzato sulla barra degli indirizzi (slug).<\/li>\n<\/ol>\n
<\/span>Plugin<\/span><\/h3>\n
I plugin che trovi nel sito sono quelli non attivi in rete. Alcuni, come quelli per il network, la sicurezza e altri, sono attivi su tutta la rete dei siti\/blog.<\/p>\n
Per capire se tra i plugin disponibili e non attivi pu\u00f2 essercene qualcuno di interesse, fai click sulla voce Visualizza dettagli<\/em> o Vedi la pagina del plugin. <\/em>Questi sono link posizionati di solito dopo il nome del plugin che portano alla descrizione del plugin.<\/p>\n
Ho consigliato di attivare i seguenti plugin, che poi dovrete configurare, dai rispettivi menu di configurazione:<\/p>\n
\n
Watu<\/strong>: ci servir\u00e0 per costruire quiz di verifica;<\/li>\n
Embed Any Document: <\/strong>per chi deve incorporare file PDF, Exel, Word e diversi altri formati;<\/li>\n
TablePress<\/strong>: l’editor di WordPress consente la creazione di tabelle, ma questo plugin ha una marcia in pi\u00f9. Per chi fa delle tabelle una forma di comunicazione.<\/li>\n
WP Accessibility Helper:<\/strong> per l’accessibilit\u00e0 di chi ha difficolt\u00e0 visive o per i siti dei colleghi di sostegno.<\/li>\n<\/ul>\n
I plugin di solito installano i loro menu in bacheca con il nome del plugin, oppure in Bacheca > Impostazioni,<\/em> pi\u00f9 raramente dalla pagina plugin. Rintraccia il plugin e guarda se a destra del nome vedi la voce Setting<\/em> o Impostazioni.<\/em><\/p>\n
<\/span>Creare Pagine e Articoli<\/span><\/h3>\n
Si sono create alcune pagine e articoli. Prima cosa importante \u00e8 creare una categoria predefinita da Bacheca > Articoli > Categoria. La categoria appena creata devi selezionarla in Bacheca > Impostazioni > Scrittura nel campo Categoria predefinita articoli. <\/em>Se ricordi, si \u00e8 detto che WordPress non vive senza almeno una categoria.<\/p>\n
La categoria predefinita \u00e8 la categoria Senza categoria<\/em> o se in inglese Uncategorized.<\/em> Quando dimentichi di definire una categoria per un articolo, o cancelli una categoria cui erano assegnati degli articoli, il sistema sceglie la categoria impostata in Impostazione > Scrittura, pertanto, \u00e8 utile che questa categoria predefinita abbia un nome significativo. Fallo!<\/p>\n
Importante per non perderci il sonno. <\/strong>Se ti chiedi perch\u00e9 una categoria non \u00e8 visualizzata da nessuna parte, ricorda che una categoria diventa visibile solo se ad essa \u00e8 associato almeno un articolo.<\/p>\n
Abbiamo creato alcuni articoli sui quali si sono attivati link a siti esterni. In breve:<\/p>\n
Trovata la risorsa da collegare:<\/p>\n
\n
premi i tasti ALT + D per selezionare l’indirizzo della risorsa dalla barra degli indirizzi del browser;<\/li>\n
premi CTRL + C per copiare l’indirizzo<\/li>\n
torna all’editor e selezionate o scrivete nel testo dell’articolo le parole che saranno l’etichetta del link;<\/li>\n
fai click sull’icona a forma di catena, dovrebbe trovarsi dopo le icone per l’allineamneto del testo. Oppure dal menu Inserisci<\/em> fate click sulla voce Inserisci modifica link <\/em>nel campo a sfondo azzurro che compare e dove dovrebbe gi\u00e0 essere inserito il cursore;<\/li>\n
incolla l’indirizzo con CTRL + V ;<\/li>\n
click sull’icona a freccia.<\/li>\n<\/ol>\n
Le impostazioni del link le potete variare facendo click sull’icona rotella.<\/p>\n
<\/span>ID di articoli, pagine e categorie<\/span><\/h3>\n
Articoli, pagine e categorie, sono indentificate da un numero, un ID univoco molto utile. Per trovarlo e riconoscerlo devi posizionare il cursore sul nome di una delle risorse e sulla barra di stato del browser si legger\u00e0 una stringa di testo nella quale trovi questa informazione. La procedura \u00e8 descritta anche nell’articolo relativo alla creazione di pagine e menu<\/a>.<\/p>\n
<\/span>Utenti<\/span><\/h3>\n
La gestione degli utenti \u00e8 importante e abbiamo visto come inserire un utente nel vostro blog. Da Bacheca > Utenti > Aggiungi nuovo<\/strong><\/p>\n
Se l’utente \u00e8 gi\u00e0 esistente comincia a sciverne il nome o l’email nel campo di inserimento, definisci un ruolo, per uno studente pu\u00f2 essere contributore<\/em>, per un collega autore<\/em> o se conosce il sistema editore.<\/em> <\/em>Se l’utente sa ed ed \u00e8 d’accordo ad essere un utente del blog, spunta la voce per non inviare l’email, in caso contrario lascia che l’utente riceva l’email e faccia click sul link associato, come avviene in una normale registrazione.<\/p>\n
Ricorda agli utenti che si registrano che il nome utente \u00e8 formato da nome e cognome, preceduto dalle ultime due cifre dell’anno in corso, scritto tutto minuscolo e tutto attaccato. Fate registrare con password forti.<\/strong><\/p>\n
<\/span>Immagini<\/span><\/h3>\n
Ogni sito\/blog salva i contributi media, immagini e altri tipi di file, in tabelle del database separate. Questo significa che il network ha un solo database, ma ogni singolo blog ha una tabella per i media, per gli articoli, le pagine, le configurazioni del tema e per tutto quanto non \u00e8 “sistema” i file detti “core” che stanno nelle tabelle del database principale.<\/p>\n
Abbiamo accennato alle immagini ma lo rivedremo la prossima volta. Negli articoli correlati selezionati in fondo a questo articolo, trovi tutte le informazioni necessarie per operare in autonomia.<\/p>\n
Importante: <\/strong>le immagini richiedono responsabilit\u00e0 perch\u00e9:<\/p>\n
\n
non sono utilizzabili solo perch\u00e9 sono in Internet. Verifica e insisti per far verificare i loro diritti d’uso;<\/li>\n
se non ottimizzate occupano molto spazio sul server;<\/li>\n
rallentano il caricamento delle pagine;<\/li>\n
scaricare un’immagine esageratamente grande incide sul costo di banda e i nostri studenti hanno sempre il cellulare scarico;<\/li>\n
salvo rari casi di immagini con testo, una dimensione massima di 800\/1024 px in larghezza, \u00e8 pi\u00f9 che sufficiente, molte immagini sono perfette a dimensioni molto inferiori;<\/li>\n
se hai selezionato alcune immagini e pensi che siano tutte importanti, pensa a quella senza la quale il tuo discorso non potrebbe essere capito. Forse ti accorgerai di non aver bisogno di immagini o forse ne pubblicherai una sola.<\/li>\n<\/ul>\n
Se cerchi immagini per provare ad inserirle nei tuoi articoli, fallo pure ma cancellale dalla libreria Media quando non ti servono pi\u00f9.<\/p>\n
<\/span>Menu di navigazione<\/span><\/h3>\n
Abbiamo creato un menu personalizzato (custom menu) inserendo pagine, link esterni, categorie. Nei riferimenti trovi un articolo per procedere in autonomia nella costruzione dei menu.<\/p>\n
La navigazione va meditata e progettata attentamente, sopratutto se si hanno molte pagine e molte risorse. Cambiarla in corsa \u00e8 sempre possibile, ma prima di renderla definitiva, provala.<\/p>\n
Per definire una navigazione \u00e8 necessario scrivere su carta quali sono le risorse del tuo sito blog e metterle in relazione tra loro come in un organigramma di flusso, tracciando le linee che mettono in relazione le varie parti e come queste devono essere relazionate tra loro.<\/p>\n
Principi generali di un menu di navigazione:<\/p>\n
\n
consentire di tornare alla home page;<\/li>\n
non presentare la stessa risorsa su pi\u00f9 menu;<\/li>\n
far raggiungere la risorsa in non pi\u00f9 di due click;<\/li>\n
creare sottomenu con massimo due livelli.<\/li>\n<\/ul>\n
Per favore fatemi contento, inviate un commento agli articoli.<\/p>\n
<\/span>Articoli correlati<\/span><\/h2>\n
\n
Come creare Link ipertestuali,<\/a> etichette di navigazione;<\/li>\n
Come formulare titoli e sommari<\/a>;<\/li>\n
Come eliminare la formattazione<\/a> del testo;<\/li>\n
Come conoscere e attribuire ruoli<\/a> agli utenti;<\/li>\n
Come ricercare e ottimizzare le immagine<\/a> per il web;<\/li>\n
Come inserire immagini in un articolo<\/a>;<\/li>\n
Come ottimizzare le immagini con gli strumenti di wordpress<\/a>;<\/li>\n
Come costruire un menu di navigazione<\/a><\/li>\n<\/ul>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Argomenti del secondo incontro Didattica e ambienti digitali condivisi. Pulizia del sito, impostazioni, pagine articoli, menu di navigazione, immagini<\/p>\n","protected":false},"author":2,"featured_media":14786,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1319],"tags":[485],"class_list":["post-52604","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-supporto","tag-formazione"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/52604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/comments?post=52604"}],"version-history":[{"count":0,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/posts\/52604\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media\/14786"}],"wp:attachment":[{"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/media?parent=52604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/categories?post=52604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preverprova.it\/comprever\/wp-json\/wp\/v2\/tags?post=52604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}