# Personalizzare homepage del sito comunale

## Modifica la homepage

Procedi alla [modifica della pagina](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/funzioni-generali-di-gestione-dei-contenuti/modificare-un-contenuto) cliccando sul pulsante "Modifica" nel [menù del redattore](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/il-menu-redattore).

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FTouOWQayIDc9Mt2ZukAW%2Fimage.png?alt=media&#x26;token=de33a3ad-fddb-4e1d-844e-36584bed0f11" alt=""><figcaption></figcaption></figure>

## Indica una notizia o un evento da mettere in evidenza

{% hint style="info" %}
Se non selezioni nulla, verrà impostato l'ultimo contenuto di tipo "[Avviso-Notizia-Comunicato](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/comunicare-le-novita-del-comune#crea-un-avviso-una-notizia-o-un-comunicato)" pubblicato. È consigliabile che il contenuto richiamato abbia un'[immagine](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/linee-guida/utilizzare-le-immagini).
{% endhint %}

Clicca sull'icona di aggiunta per mettere in evidenza una notizia o un evento.

<div><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FaObZfq0W42V0ajNAh0ei%2Fimage.png?alt=media&#x26;token=fb65702d-7ddb-4348-8cfe-24f02b3fe66c" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FWUCFLR69q7zQ9TFWljVI%2FScreenshot%20(4).png?alt=media&#x26;token=a778ee0f-9bef-4aa2-a8e6-1e5fe049e8d2" alt=""><figcaption></figcaption></figure></div>

Una volta fatto, clicca su "Procedi" per confermare la modifica.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2F3cdvBdtgzAgEaTok0p6v%2Fimage.png?alt=media&#x26;token=869d58db-949e-4d7c-b187-d19b38c657a3" alt=""><figcaption></figcaption></figure>

## Seleziona tre unità organizzative

Clicca sull'icona di aggiunta per mettere in evidenza un massimo di tre Unità organizzative.

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FI4ogtwW8lsWofoVrcl3I%2FScreenshot%20(4).png?alt=media&#x26;token=8673b735-acf5-4665-a65b-cfd95e9ef77a" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FsEGLy747TK1LTJjDjcjj%2FScreenshot%202024-12-13%2012.12.34.png?alt=media&#x26;token=d7925b82-9416-4d1a-a113-f62f69820fbb" alt="" width="563"><figcaption></figcaption></figure></div>

Puoi togliere i contenuti cliccando sul pulsante di rimozione (1) o muovere i contenuti con i pulsanti di spostamento (2).

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FZ6XDoMzEV2gflQHxqaa4%2Fimage.png?alt=media&#x26;token=5ae0aa39-9bfa-4c65-893e-8998aff3db2c" alt=""><figcaption></figcaption></figure>

## Metti le notizie in evidenza

{% hint style="info" %}
La scelta di limitare a un massimo 6 notizie in homepage (+ 1 in evidenza) nasce dalla volontà di garantire [semplicità di consultazione ed esperienza d'uso](https://docs.italia.it/italia/design/lg-design-servizi-web/it/versione-corrente/requisiti.html#semplicita-di-consultazione-ed-esperienza-d-uso) del sito web per il cittadino, facilitando l'individuazione dei contenuti effettivamente rilevanti in un dato momento ed evitando il sovraccarico di informazioni.
{% endhint %}

Puoi attivare la sezione per le [notizie](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/modello-comuni/comunicare-le-novita-del-comune) in evidenza.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FMxvDFFSJnaIDMGoO6mou%2Fimage.png?alt=media&#x26;token=d537f5f2-1fd6-4e0e-8c6e-fc642accaf01" alt=""><figcaption></figcaption></figure>

Clicca sull'icona di aggiunta per richiamare tre notizie da mettere in evidenza in homepage.

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FKU7vqg3ZVthyNnDGliGF%2Fimage.png?alt=media&#x26;token=1b6bb25e-df83-4ead-9540-ee948b0cd6b8" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FAB3tuCo52mO3f4oFvLx8%2FScreenshot%20(5).png?alt=media&#x26;token=22f477e7-06b8-46c5-bfa5-8428aec35236" alt=""><figcaption></figcaption></figure></div>

Per confermare la modifica, clicca su "Salva selezione"

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FVRXDxaev57uZLYARb0Lu%2Fimage.png?alt=media&#x26;token=4956894a-fd9b-470d-ad65-3ab946748243" alt=""><figcaption></figcaption></figure>

### Mostrare le ultime tre notizie pubblicate

{% hint style="warning" %}
La funzionalità che permette di evidenziare 6 notizie è disponibile **unicamente** per i contenuti inseriti manualmente.
{% endhint %}

Clicca su "Visualizza le ultime tre notizie pubblicate" per far sì che vengano messi in homepage gli ultimi contenuti di tipo "[Avviso-Notizia-Comunicato](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/modello-comuni/comunicare-le-novita-del-comune)" pubblicati sul sito web.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2F5jpBwsvCtrYkAJ4O2RiP%2Fimage.png?alt=media&#x26;token=77c4b105-3c24-4089-a07f-536a5a4e61f6" alt=""><figcaption></figcaption></figure>

## Seleziona gli eventi da mettere in evidenza

{% hint style="info" %}
La scelta di limitare a un massimo 6 eventi in homepage (+ 1 in evidenza) nasce dalla volontà di garantire [semplicità di consultazione ed esperienza d'uso](https://docs.italia.it/italia/design/lg-design-servizi-web/it/versione-corrente/requisiti.html#semplicita-di-consultazione-ed-esperienza-d-uso) del sito web per il cittadino, facilitando l'individuazione dei contenuti effettivamente rilevanti in un dato momento ed evitando il sovraccarico di informazioni.
{% endhint %}

Puoi attivare la sezione per gli [eventi](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/modello-comuni/gestire-gli-eventi-del-comune) in evidenza.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2F5jYKirfi70olstLTBQ0Q%2Fimage.png?alt=media&#x26;token=74b09b6d-f55c-4b2e-8da8-27f739459ec6" alt=""><figcaption></figcaption></figure>

Clicca sull'icona di aggiunta per richiamare tre eventi da mettere in evidenza.&#x20;

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2F8mx7XTzXZcvJaJhuehWO%2Fimage.png?alt=media&#x26;token=80c9a3a1-7a1c-4c3e-a62e-cd6d7a45baf7" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2Fm9x6XGQCNeRxk5KbpNZU%2FScreenshot%20(6).png?alt=media&#x26;token=7a17a8db-0d1d-4db5-8e38-b877bbdadd68" alt=""><figcaption></figcaption></figure></div>

Per confermare, clicca su "Salva selezione"

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FtQOTeCnC8mi0OWt2laBb%2Fimage.png?alt=media&#x26;token=fb96bf11-0ca4-4ab1-b7fc-1eec9d5e7db1" alt=""><figcaption></figcaption></figure>

### Mostrare i prossimi tre eventi organizzati

{% hint style="warning" %}
La funzionalità che permette di evidenziare 6 eventi è disponibile **unicamente** per i contenuti inseriti manualmente.
{% endhint %}

Clicca su "Visualizza automaticamente i prossimi eventi" per far sì che venggano messi in homepage i tre Eventi più prossimi pubblicati sul sito.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FAx76tCgoVFFciCselmYO%2Fimage.png?alt=media&#x26;token=0600f9b3-6eac-493b-a4b3-b5617aa2bb9e" alt=""><figcaption></figcaption></figure>

## Metti in primo piano gli Argomenti

Clicca sull'icona di aggiunta per richiamare le [pagine Argomento](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/modello-comuni/gestire-le-pagine-argomento-del-comune) da mettere in homepage.

<div><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2F1rKzLXZYwhkL0GuXkqKa%2Fimage.png?alt=media&#x26;token=b67e2cee-290d-4f4e-bcb0-1d719e765c1f" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2Fwz7i52pULPiZbklZoYW3%2FScreenshot%20(7).png?alt=media&#x26;token=d70b192a-fe99-485a-8e16-b970fddcbf76" alt=""><figcaption></figcaption></figure></div>

Per confermare, clicca su "Salva selezione"

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FBtt8c6vggzzUxJBd9iNT%2Fimage.png?alt=media&#x26;token=786f6783-649a-4781-9b65-764e88cda60e" alt=""><figcaption></figcaption></figure>

Puoi anche [indicare un'immagine di sfondo](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/linee-guida/utilizzare-le-immagini) per la sezione degli Argomenti in evidenza.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FPjIKpf6TOm0vCDrIHzTs%2Fimage.png?alt=media&#x26;token=b6b627ae-b707-4b67-a0d0-be155aefadc1" alt=""><figcaption></figcaption></figure>

### Configurare il menù Argomenti

Mentre gestisci [gli Argomenti in evidenza](#metti-in-primo-piano-gli-argomenti), clicca sull'iconca di aggiunta per richiamare tre pagine Argomento nel menù dedicato ("Menù Argomenti").

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2F3XIhCKH7MODNoLwYR4PD%2FScreenshot%20(3).png?alt=media&#x26;token=dfc345fa-91ca-499b-b904-d90db94d82ff" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2F4WgBVRIM4RnIaDNGUHmw%2FScreenshot%20(2).png?alt=media&#x26;token=0c674af4-5c8a-4807-bbc9-85cc8a2aa63a" alt=""><figcaption></figcaption></figure></div>

Le pagine aggiunte vengono visualizzate nella barra di navigazione dell'*header*.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FAA3ADkdxpu9O4OSsXVom%2FScreenshot%20(3).png?alt=media&#x26;token=492fa9f6-5d19-4bc7-87a0-a0cfa9d369cb" alt=""><figcaption></figcaption></figure>

## Seleziona i Luoghi da mettere in evidenza

Clicca sull'icona di aggiunta per richiamare tre Luoghi da mettere in homepage.

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FGsE1msosAoCKrtTiFGEU%2Fimage.png?alt=media&#x26;token=1edc054e-b9b3-4999-afa0-e95330fc66c9" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2F1umtnxVDAAGktC9zLwY1%2FScreenshot%20(8).png?alt=media&#x26;token=bdaa9b24-d703-46c2-878d-7f9f6fd77027" alt=""><figcaption></figcaption></figure></div>

Per confermare, clicca su "Salva selezione".

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2Fxo78D93O4bw8jQ6E4xkn%2Fimage.png?alt=media&#x26;token=9770c2fe-3409-447c-ae12-80cad3273762" alt=""><figcaption></figcaption></figure>

## Configura i siti tematici esterni

Puoi attivare in homepage una sezione dedicata ai siti tematici

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2F43onVw5YDm1CbsM5fVyA%2Fimage.png?alt=media&#x26;token=d53e3e33-9723-4d0d-b2bd-ba22abdf56fd" alt=""><figcaption></figcaption></figure>

Una volta fatto, clicca sull'icona di aggiunta per richiamare un massimo di 9 banner.

{% hint style="info" %}
La scelta di limitare a un massimo 9 banner nasce dalla volontà di garantire [semplicità di consultazione ed esperienza d'uso](https://docs.italia.it/italia/design/lg-design-servizi-web/it/versione-corrente/requisiti.html#semplicita-di-consultazione-ed-esperienza-d-uso) del sito web per il cittadino, facilitando l'individuazione dei contenuti effettivamente rilevanti in un dato momento ed evitando il sovraccarico di informazioni.
{% endhint %}

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FzIj69ARdRGk0wjETqw8R%2Fimage.png?alt=media&#x26;token=622341b1-aea1-4a59-a4ed-e3e6219c994d" alt=""><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FQUioDS7EoxLZSdonuVi4%2FScreenshot%20(9).png?alt=media&#x26;token=1e2c9d2f-8823-49f6-8ca5-a9fea475e70b" alt=""><figcaption></figcaption></figure></div>

### Creare un banner

Nel [menù del redattore](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/il-menu-redattore) seleziona la voce "Amministra" (1) e clicca su "Libreria media" (2)

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FJBE50pBkjzEDsXk9VBqF%2Fimage.png?alt=media&#x26;token=48ad7dd4-dee2-4ea8-89ac-0caae91369c8" alt=""><figcaption></figcaption></figure>

Accedi alla pagina "Banner e link" (1), scegli il contenuto da creare (2) e procedi alla [creazione del contenuto](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/la-piattaforma/funzioni-generali-di-gestione-dei-contenuti/creare-un-nuovo-contenuto).

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FT058JMu7YONFkWD5e9Lk%2Fimage.png?alt=media&#x26;token=2d7e4790-39ec-4f2e-a69c-5012f9f95a58" alt="" width="563"><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FHbgAPoO5kG2xny8Snsb3%2FScreenshot-2024-11-26-16-41-30-Display-3-11-26-2024_04_42_PM.png?alt=media&#x26;token=d84f2b02-b13b-4d15-afcb-eb967d085dd8" alt="" width="563"><figcaption></figcaption></figure></div>

## Attiva la sezione di ricerca

Alla sezione "Ricerca", puoi attivare alcune funzioni di ricerca all'interno della homepage.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FPJvHHawBYnuYD6oDHe9c%2Fimage.png?alt=media&#x26;token=730a6347-da3b-4a17-82d1-3c862a2f4b0c" alt=""><figcaption></figcaption></figure>

Per attivare queste funzioni, clicca su "Attiva la sezione "Ricerca"" (1), associando un'immagine decorativa di sfondo (2) e creando una relazione con **un massimo di 5 pagine del sito** (3).

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FbHniHJ5sEshKXnPzxtvx%2Fimage.png?alt=media&#x26;token=6177fd1e-33ec-4a7f-a688-da0c5725b481" alt=""><figcaption></figcaption></figure></div>

La sezione "Ricerca" e le pagine del sito richiamate vengono mostrate in fondo alla homepage.&#x20;

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FVosRYYa7vCS0Yp5Apdtm%2Fimage.png?alt=media&#x26;token=d565f4f0-c557-40b8-84ca-ce135f04bd3c" alt=""><figcaption></figcaption></figure>

## Inserire un'immagine di sfondo

Puoi [indicare un'immagine](https://docs.opencityitalia.it/manuale-opencity-italia-sito-web-istituzionale-v3/linee-guida/utilizzare-le-immagini) da mettere come sfondo della homepage.

<div data-full-width="true"><figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2FjOeCAT5P0dlmZqvW5giR%2Fimage.png?alt=media&#x26;token=5751e6c9-b65d-4e95-965b-8cae749ca4c6" alt="" width="563"><figcaption></figcaption></figure> <figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2Fs1CE0QSSYhUxbPEzzBb0%2FComune-di-Bugliano-11-26-2024_04_53_PM.png?alt=media&#x26;token=85ccfd5f-b83d-4738-851e-d97158390ca9" alt="" width="563"><figcaption></figcaption></figure></div>

## Pubblica le modifiche

Per pubblicare le modifiche alla homepage clicca sul pulsante "Salva" in basso a destra.

<figure><img src="https://3823931934-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfYDGLbEkTaK5gywjDOEN%2Fuploads%2Fj0mo7jq9FEiNEfsxLl0G%2Fimage.png?alt=media&#x26;token=32e690ef-3f08-4a36-990a-4822b114551d" alt=""><figcaption></figcaption></figure>