NOTA IMPORTANTE: Questo tema è deprecato, si consiglia l'utilizzo della nuova versione ItaliaWP3, sviluppata e mantenuta dall'autore originale, basata sull'ultima versione di Bootstrap Italia 2 e rivista per l'accessibilità (aderenza alle WCAG 2.1 AA e alle Linee guida AgID, con controlli di accessibilità integrati) secondo le più recenti Linee guida di design.
ItaliaWP2 è un tema basato su Bootstrap Italia utilizzabile per i siti della Pubblica Amministrazione, sviluppato per WordPress (CMS open-source).
ItaliaWP2 utilizza i componenti del Prototipo per siti PA di AgID delle linee guida di design dell'Agenzia per l'Italia digitale rilasciare dal Team per la trasformazione digitale e su Bootstrap Italia.
ItaliaWP2 è una soluzione open-source e gratuita, ideale per comuni, istituti e piccoli enti pubblici in genere che hanno scelto di utilizzare WordPress per il proprio sito intenet, ed è l'evoluzione di ItaliaWP (versione 1).
- Scaricare il file .zip in locale
- Aggingere un nuovo tema nella sezione "Aspetto" > "Temi"
- Selezionare "Aggiungi nuovo" e successivamente "Carica tema"
- Scegliere il file .zip scaricato in precedenza, senza decomprimerlo e cliccare "Installa ora"
- Selezionare "Attiva" per poter utilizzare il tema
| WordPress | 6.0 o superiore |
| PHP | 8.0 o superiore (testato su 8.3) |
| Bootstrap Italia | 1.6.4, incluso nel tema |
Il tema è compatibile con l'editor a blocchi Gutenberg. Chi preferisce l'editor classico può installare il plugin Classic Editor.
Ripetere la procedura precedente ma con il file .zip del Tema Child, successivamente configurare il Tema Child lasciando ItaliaWP2 con la configurazione iniziale.
- Creare 2 pagine per "Home" e "Articoli"
- In "Impostazioni" > "Lettura" selezionare "Una pagina statica"
- Assegnare le pagine appena create rispettivamente ad "Homepage" e "Pagina articoli"
- Impostare i dati di contatto e i dettagli nella sezione "Dettagli" (qui si imposta anche, facoltativamente, il Measurement ID di Google Analytics 4)
- Attivare le sezioni della "Home" in "Aspetto" > "Personalizza" > "Sito & Homepage"
- In "Aspetto" > "Menu" Creare un nuovo Menu ed inserirlo nella posizione "Menu Principale"
- [Facoltativo] Installare (e poi attivare) i Plugins consigliati in "Aspetto" > "Plugin richiesti"
- WordPress: è realizzato per l'ultima versione di WordPress disponibile in Italiano
- Responsive: si adatta ad ogni tipo di dispositivo (desktop, tablet e mobile) mantenendo le funzionalità
- Pagina "DETTAGLI" nel backend: è possibile inserire e modificare facilmente le informazioni di contatto, i link dei profili social, il numero di ultimi articoli in homepage, gli ID delle pagine Privacy, Note legali e Contatti, e il Measurement ID di Google Analytics 4
- Il campo Analytics è facoltativo: se lasciato vuoto non viene caricato alcuno script di tracciamento e non parte alcuna richiesta verso terze parti
- 11 posizioni del menu: menu principale, menu in alto e 9 per i box servizi (divisi in 3 tipologie)
- Nei menu Box Servizi è possibile inserire delle immagini utilizzando i Link personalizzati e inserendo direttamente il tag html < img src="URL" > nel Testo del link
- 5 aree widget: Footer Colonne, Sidebar Pagine (disattivabile scegliendo l'apposito Template), Sidebar Articoli, Sezione Notifica e Sezione Credits
- Logo, titolo e descrizione: personalizzazione del logo, del titolo, della denominazione e dell'icona del sito direttamente dalla personalizzazione del tema
- Immagini e Gallerie Fotografiche: ritaglio e sistemazione automatica delle immagini principali degli articoli, gestione grafica secondo le linee guida delle singole immagini (disattivabile) e gallerie caricate negli articoli o nella pagine. Gestione di Gallerie Fotografiche esterne tramite Custom Post Type
- Liste Allegati: gestione degli allegati (e relative liste) tramite Plugin esterno di cui si richiede l'installazione al momento dell'attivazione del tema
- Integrazione con il Customizer (Pesonalizza) di Wordpress:
- Sezione "Sito & Homepage" consente di fissare o no il menu principale e di attivare o disattivare le varie sezioni in home page
- Sezione "Preferenze Pagine & Articoli" consente di attivare l'immagine in evidenza di default (per gli articoli che non ne hanno una), consente di disattivare le cornici grafiche per le immagini "singole"
- Sezione "Colori" consente di impostare il colore principale del sito, le varianti e i colori secondati previsti dalle linee guida saranno generate dinamicamente in automatico
- Sezione "Immagine dell'header" consente di impostare l'immagine di copertina dell'homepage
- Sezione "Menu" consente di creare, gestire e posizionare i menu personalizzati nelle posizioni previste
- Sezione "Widget" consente di creare, gestire e posizionare i widget nelle colonne del footer
Gli aggiornamenti sono notificati in "Aspetto" > "Temi" oppure nella pagina degli aggiornamenti del backend di WordPress.
Il tema non richiede alcun passaggio di build e non ha alcuna dipendenza esterna:
niente SCSS, niente bundler, niente gestori di pacchetti. Si scarica, si attiva e funziona.
Gli asset di Bootstrap Italia sono file già compilati, inclusi in static/, e la
personalizzazione grafica avviene tramite i fogli di stile del tema caricati dopo di essi.
Per passare a una versione diversa di Bootstrap Italia si sostituiscono i file a mano,
prendendoli dalla cartella dist/ della release desiderata:
Da dist/ |
A |
|---|---|
css/bootstrap-italia.min.css |
static/css/ |
js/bootstrap-italia.min.js |
static/js/ |
svg/sprite.svg |
static/svg/ |
e si aggiorna di conseguenza la costante ITALIAWP2_BOOTSTRAP_ITALIA_VERSION in
inc/enqueue.php, che funge da cache buster. È l'unico punto in cui la versione è
dichiarata: non viene mai ricavata dinamicamente, la decide lo sviluppatore.
Nota: la linea 1.x di Bootstrap Italia si è conclusa con la 1.6.4, la versione attualmente inclusa: è quindi l'ultima a cui il tema può essere aggiornato senza modifiche. Il passaggio alla 2.x non è un aggiornamento ma un cambio di framework — Bootstrap 5 al posto di Bootstrap 4, nessuna dipendenza da jQuery, componenti distribuiti come moduli ESM e attributi
data-bs-*— e richiede la revisione del markup e del JavaScript del tema.
I seguenti plugins WordPress, già compresi o consigliati, sono già gestiti graficamente nel tema.
Importanti:
- Classic Editor ripristina l'Editor Classico di WordPress
Compresi nel tema:
- TGM Example Plugin consente l'inclusione di Plugin nel tema
Consigliati:
- Attachments consente il caricamento di allegati in Pagine e Articoli
Copyright (c) 2018-2021 & moral rights Boris Amico.
Special thanks to Erik Golinelli.
Il testo integrale della licenza è nel file LICENSE.md.
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program. If not, see https://www.gnu.org/licenses/.
- Bootstrap Italia clicca qui
- jQuery clicca qui — il tema utilizza la copia inclusa in WordPress, non ne distribuisce una propria
- Plugin jQuery Magnific Popup clicca qui
- Plugin jQuery Owl Carousel 2 clicca qui
- Leaflet clicca qui
- Theme Update Checker clicca qui
- TGM Plugin Activation clicca qui
- Plugin WordPress Attachments clicca qui