Salta al contenuto
HubSpot Knowledge base
Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.

Personalizzazione dei contenuti drag and drop sui dispositivi mobili

Ultimo aggiornamento: 20 giugno 2025

Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:

Tutti i prodotti e i piani

Nell'editor dei contenuti, è possibile personalizzare la visualizzazione del contenuto della pagina per i dispositivi desktop o mobili. È possibile modificare la visibilità di elementi specifici in base al tipo di dispositivo. È inoltre possibile personalizzare i margini e il padding in modo specifico per i breakpoint dei dispositivi mobili. Ulteriori informazioni sulla creazione e la modifica dei contenuti nell'editor dei contenuti


Nota bene: solo i temi predefiniti di HubSpot e alcuni temi del Marketplace dei modelli includono la modifica dei dispositivi mobili. I temi personalizzati non includono l'editing mobile per impostazione predefinita. Per implementare l'editing mobile, HubSpot consiglia di collaborare con uno sviluppatore per ratappare i breakpoint mobili.


Modifica del contenuto per i dispositivi mobili

  1. Navigare verso il contenuto:

    • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
    • Landing Page: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
  2. Fare clic sul nome della pagina.
  3. Per passare da un tipo di dispositivo all'altro, fare clic sull'icona mobile Mobile o desktop Desktop per modificare il tipo selezionato.

Content editor showing option to toggle between editing for mobile or desktop devices.

  1. In alto a sinistra, fare clic sull'icona siteTreeIcon Contenuto.
  2. Per modificare la visibilità di un elemento su mobile, nel pannello di sinistra fare clic su un modulo o una sezione ed espandere la sezione Visibilità.
    • In Nascondi su questo punto di interruzione, fare clic su Nascondi o Mostra per personalizzare la visualizzazione dell'elemento su mobile. Un elemento nascosto per un breakpoint mobile apparirà comunque nella versione desktop della pagina.
    • È possibile nascondere un elemento anche passando il mouse su un modulo o una sezione nell'anteprima del contenuto e facendo clic sull'icona hideIcon Hide.

Content editor visibility settings, showing the option to hide or show an element on a mobile breakpoint.

  1. Per modificare il padding e il margine su mobile, nel pannello di sinistra espandere la sezione Allineamento e spaziatura.
    • In corrispondenza di Padding e margine, fare clic su Padding o Margin e inserire i valori in pixel nei campi Top, Left, Right o Bottom. Queste modifiche saranno applicate solo ai breakpoint mobili e non appariranno nella versione desktop della pagina.
    • Per aggiungere una spaziatura uniforme a tutti i lati, selezionare la casella di controllo Applica a tutti i lati.

Content editor alignment and spacing settings, showing options to customize padding and margin for a page element.

 
L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.
Indice Menu

Contenuti correlati

New to HubSpot? Use these guides to get started.