{"id":67924,"date":"2019-02-22T07:00:00","date_gmt":"2019-02-22T15:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=67924"},"modified":"2025-06-11T13:23:00","modified_gmt":"2025-06-11T20:23:00","slug":"cos8217e-un-costruttore-di-siti-click-to-edit-it","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/it\/cos8217e-un-costruttore-di-siti-click-to-edit-it\/","title":{"rendered":"Cos’\u00e8 un Costruttore di Siti Click-to-Edit?"},"content":{"rendered":"\n

Alla ricerca del costruttore di siti perfetto? Ora offriamo <\/i>Costruttore di Siti WP<\/a><\/i>, una suite di strumenti premium e plugin che rendono ancora pi\u00f9 facile (e veloce) mettere online il tuo sito web!<\/i><\/p>\n\n\n

Costruire un sito web era un’impresa sfidante e che richiedeva tempo. Richiedeva esperienza e conoscenza della programmazione in pi\u00f9 lingue, e raramente si aveva una panoramica di come potesse apparire il risultato finale. Sebbene alcuni utilizzino ancora questo approccio manuale alla costruzione di siti, di certo non \u00e8 l’unica opzione.<\/p>\n\n\n

Infatti, oggi praticamente chiunque pu\u00f2 progettare un sito in pochi minuti senza guardare neanche una riga di codice. Questo \u00e8 grazie all’ascesa dei ‘costruttori di pagine’, che ti permettono di utilizzare un’interfaccia intuitiva per modificare il layout e il contenuto del tuo sito direttamente. Quindi, cos’\u00e8 un costruttore di siti web click-to-edit? Felice che tu abbia chiesto.<\/p>\n\n\n

In questo articolo, esamineremo i costruttori di pagine con funzione clic-per-modificare e perch\u00e9 possono essere utili. Ti presenteremo anche Remixer<\/a><\/span> e ti mostreremo come puoi usarlo per creare il tuo sito web in pochi minuti.<\/p>\n\n\n

<\/span><\/p>\n\n\n\n\n\n\n\n

\"Ad<\/div>\n\n\n\n\n
\n \n Abbiamo Lo Strumento Definitivo Per Il Design Del Sito Web\n <\/h2>\n \n Quando collabori con DreamHost, ottieni accesso al Costruttore di Siti Web WP e a pi\u00f9 di 200 siti di partenza specifici per settore gratuitamente!\n <\/p>\n\n \n Lancia Il Tuo Sito <\/a>\n\n <\/div>\n<\/div>\n\n

Che Cosa Sono i Costruttori di Siti Web Click-to-Edit (E Come Funzionano)<\/strong><\/h2>\n\n
\n
\"\"<\/figure><\/div>\n\n

Un costruttore di pagine \u00e8 uno strumento utilizzato per creare siti web<\/a><\/span> senza la necessit\u00e0 di scrivere codice manualmente. Solitamente si presentano come editor visivi di tipo What-You-See-Is-What-You-Get (WYSIWYG), dove puoi modificare il layout e il contenuto direttamente sulla pagina.<\/p>\n\n\n

Mentre esistono diversi stili di costruttore di pagine, le soluzioni di tipo clic-per-modificare<\/a><\/span> utilizzano un’interfaccia in cui ti basta cliccare su un elemento della pagina per modificarlo direttamente. Ad esempio, cliccando su un pezzo di testo puoi cambiarne il contenuto, lo stile, la formattazione e altro ancora.<\/p>\n\n\n

Questi strumenti ti offrono un livello di controllo sul design e la disposizione del tuo sito mai visto prima. Tuttavia, significa che sono lo strumento giusto per te? Scopriamolo!<\/p>\n\n\n

Perch\u00e9 Potresti Considerare l’Uso di un Costruttore Clic-Per-Modificare<\/strong><\/h2>\n\n\n

Non mancano i vantaggi nell’utilizzo di un costruttore con funzione clicca-per-modificare<\/a><\/span>, ma il pi\u00f9 importante \u00e8 quanto rendono accessibile la progettazione di un sito. Non richiedendo alcuna codifica, un costruttore con funzione clicca-per-modificare permette anche ai principianti di creare design accattivanti in pochi minuti. Questo li rende ideali per i designer in erba con esperienza limitata o nulla nel lavorare con HTML e CSS<\/a><\/span>.<\/p>\n\n\n

L’interfaccia intuitiva e in tempo reale ti permette anche di vedere immediatamente come apparir\u00e0 il risultato finale una volta pubblicato. Qualsiasi modifica apporti sar\u00e0 immediatamente visibile nell’editor, cos\u00ec saprai sempre esattamente come le tue modifiche influenzano il sito. Questo significa che \u00e8 facile apportare piccole modifiche rapidamente, senza bisogno di aiuto esterno.<\/p>\n\n\n

Infine, un buon costruttore click-to-edit ti aiuter\u00e0 anche a creare facilmente siti web responsive<\/a><\/span>. Il design che crei pu\u00f2 essere facilmente adattato per funzionare su diversi dispositivi, come smartphone e tablet. Questo \u00e8 importante poich\u00e9 Google potrebbe penalizzare il tuo sito<\/a><\/span> se non \u00e8 compatibile con i dispositivi mobili.<\/p>\n\n\n

Uno Sguardo Veloce alle Soluzioni Click-to-Edit<\/strong><\/h2>\n\n\n

Abbiamo esaminato i vantaggi dell’utilizzo di un costruttore click-to-edit, quindi approfondiamo alcune applicazioni reali. Ci sono molti strumenti disponibili specifici per WordPress. Alcune delle opzioni pi\u00f9 popolari includono Divi<\/a><\/span>, Elementor<\/a><\/span> e Beaver Builder<\/a><\/span>.<\/p>\n\n\n

Tutti questi offrono la propria versione del concetto di costruttore di siti. Ad esempio, Elementor \u00e8 una soluzione all-in-one per praticamente ogni aspetto della personalizzazione del sito<\/a><\/span>. Sebbene ci\u00f2 lo renda molto esteso, pu\u00f2 anche essere un po’ intimidatorio per un utente alla prima esperienza.<\/p>\n\n\n

Nel frattempo, il Divi Builder offre ottime prestazioni e la possibilit\u00e0 di effettuare test A\/B<\/a><\/span> ma non dispone di una versione gratuita. Poich\u00e9 si basa su shortcode, dovrai anche gestire l’elemento di ‘blocco’ se desideri cambiare soluzioni in futuro.<\/p>\n\n\n

Invece, Beaver Builder \u00e8 uno degli strumenti pi\u00f9 facili da usare, ma \u00e8 anche il pi\u00f9 costoso. Inoltre, non ha la capacit\u00e0 di fare modifiche in-linea. Nonostante ci\u00f2, \u00e8 popolare tra molti utenti di WordPress.<\/p>\n\n\n

Anche WordPress stesso sta entrando in azione con l’editor Gutenberg<\/a><\/span>. Questo trasformer\u00e0 l’attuale editor di contenuti con un’interfaccia ispirata ai costruttori di pagine.<\/p>\n\n\n

Una alternativa a queste soluzioni \u00e8 il costruttore Remixer click-to-edit, che permette agli utenti di configurare un sito velocemente e poi esportarlo facilmente su WordPress<\/a><\/span> quando sono pronti per aggiungere funzionalit\u00e0 aggiuntive. Diamo un’occhiata un po’ pi\u00f9 approfondita a questo costruttore prima di passare alla parte divertente della creazione di un sito.<\/p>\n\n\n

Un’introduzione a Remixer<\/strong><\/h2>\n\n
\n
\"\"<\/figure><\/div>\n\n

Remixer<\/a><\/span> \u00e8 un costruttore click-to-edit di DreamHost che \u00e8 stato lanciato nel 2017<\/a><\/span>. Il suo obiettivo \u00e8 offrire un modo per gli utenti di creare un sito facile da mantenere<\/a><\/span> senza troppi costi.<\/p>\n\n\n

Utilizzando Remixer, anche un completo principiante pu\u00f2 creare un sito web dall’aspetto professionale in pochi minuti. Questo \u00e8 in gran parte grazie alla sua interfaccia intuitiva, ma anche alla galleria di template pre-costruiti<\/a> e immagini stock che sono libere di essere utilizzate.<\/p>\n\n\n

Se vuoi creare un sito semplice e facile da mantenere, Remixer \u00e8 la scelta ideale. Non richiede conoscenze di programmazione o plugin aggiuntivi. Lo strumento include anche un wizard per la creazione di siti<\/a><\/span> per rendere le cose pi\u00f9 semplici. Infine, Remixer \u00e8 incluso anche nel piano di hosting condiviso di DreamHost<\/a><\/span>. Inoltre, Remixer pu\u00f2 crescere insieme alle tue esigenze. Se scopri di dover aggiungere funzionalit\u00e0 di ecommerce o di blogging in futuro, puoi esportare il tuo sito Remixer su WordPress<\/a><\/span>.<\/p>\n\n\n

Come Creare Un Sito Con Il Costruttore Di Pagine Remixer (In 3 Passi)<\/strong><\/h2>\n\n\n

Esaminiamo ora la costruzione di un sito utilizzando Remixer<\/a><\/span>, che richiede un account DreamHost<\/a><\/span>.<\/p>\n\n\n

Passo 1. Scegli un Modello<\/strong><\/h3>\n\n\n

Quando hai effettuato l’accesso, puoi accedere a Remixer direttamente dal tuo Pannello di controllo DreamHost<\/a><\/span>. Scegli semplicemente Remixer<\/span> > Dashboard<\/span> nel menu a sinistra, poi seleziona il pulsante Inizia a usare Remixer<\/span><\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Questo apre una nuova scheda con l’interfaccia Remixer. Qui, il tuo primo passaggio \u00e8 selezionare un tema da usare come base per il tuo sito. Potrai modificarlo estensivamente, quindi consideralo solo un punto di partenza.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Puoi passare il mouse sopra un tema e fare clic su Seleziona Tema<\/span> per iniziare.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Tuttavia, se desideri personalizzare ulteriormente il tema prima, puoi cliccare l’opzione Crea<\/span> nel menu in alto a destra. Questo aprir\u00e0 una breve procedura guidata composta da alcuni passaggi dove puoi configurare il tema. Nel primo passaggio (Layout<\/span>), ti verr\u00e0 data la scelta tra tre modelli.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Quando ne selezioni uno, avrai l’opportunit\u00e0 di scegliere uno schema di colori per il tuo tema. Selezionane uno per vedere come si aggiorna l’anteprima sulla sinistra.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Clic Scegli Immagini<\/span> per procedere al passo successivo. Qui puoi scegliere un insieme di immagini stock da utilizzare.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Certo, non \u00e8 necessario utilizzare queste immagini e potrai importare le tue pi\u00f9 tardi. Tuttavia, pu\u00f2 essere utile selezionare immagini segnaposto adatte che corrispondano alla tua visione durante il processo di progettazione.<\/p>\n\n\n

Seleziona le immagini che desideri, poi clicca su Scegli Caratteri<\/span>. Ora potrai selezionare un paio di caratteri da usare sul tuo sito.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Una volta scelta la coppia che preferisci, puoi cliccare su Anteprima Sito<\/span> per vedere il tema che hai creato.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Come abbiamo detto, questo non \u00e8 necessariamente il design finale ma una solida base. Tuttavia, tu hai<\/span> appena fatto alcune delle scelte pi\u00f9 importanti per quanto riguarda il design generale e la disposizione prima di rifinire la tua creazione. Per farlo, clicca su Salva e modifica questo sito<\/span> per aprire il costruttore Remixer.<\/p>\n\n\n

Passo 2. Modifica il Design e il Contenuto<\/strong><\/h3>\n\n\n

Dato che il costruttore Remixer utilizza un’interfaccia di modifica con clic, probabilmente hai gi\u00e0 capito come funziona. Tutto ci\u00f2 che devi fare \u00e8 semplicemente cliccare su qualsiasi elemento della pagina per modificarlo.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Per provare, clicca sul sottotitolo sotto il testo del titolo. Vedrai che puoi cambiare il testo e applicare vari stili e formattazioni.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Quando hai finito, clicca altrove e vedrai come le tue modifiche sono immediatamente visibili.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Certi elementi della pagina hanno impostazioni uniche, che appariranno dinamicamente quando l’elemento viene selezionato. Ad esempio, se selezioni l’immagine dell’intestazione, noterai che il menu sulla sinistra si aggiorner\u00e0 per mostrare le impostazioni relative all’immagine.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Da qui, puoi facilmente cambiare l’immagine, ritagliarla, regolarne la dimensione o ruotarla. Puoi scegliere un’immagine di stock esistente o sostituirla con una tua. Remixer ti permette anche di applicare filtri alle immagini.<\/p>\n\n\n

Se vuoi aggiungere un nuovo elemento, dovresti cercare i pulsanti blu Nuovo<\/span> posizionati tra gli elementi esistenti della pagina.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Cliccando su uno di questi si apre una nuova sezione dove puoi selezionare l’elemento che desideri aggiungere. Seleziona quello che vuoi, e apparir\u00e0 istantaneamente sulla pagina, dove potrai modificarlo come qualsiasi altro elemento.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Ora sei libero di progettare il tuo sito come preferisci, modificando e aggiungendo nuovi elementi come necessario. Una volta completato il design, \u00e8 il momento di pubblicarlo.<\/p>\n\n\n

Passo 3. Pubblica Il Tuo Sito Con Un Solo Clic<\/strong><\/h3>\n\n\n

Quando hai completato il tuo sito, tutto ci\u00f2 che rimane \u00e8 pubblicarlo. Fortunatamente, questo processo \u00e8 molto semplice. Puoi pubblicare il sito utilizzando un dominio generato casualmente, ma \u00e8 pi\u00f9 probabile che tu voglia utilizzare un dominio personalizzato.<\/p>\n\n\n

Per fare ci\u00f2, devi assicurarti che nessun elemento della pagina sia selezionato in modo che l’opzione Directory del Sito<\/span> sia disponibile nel menu.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Qui puoi selezionare il dominio che vuoi utilizzare per il tuo nuovo sito. Puoi scegliere un dominio esistente nell’elenco oppure cliccare sul link per acquistare un nuovo dominio.<\/p>\n\n\n

Se selezioni un dominio gi\u00e0 assegnato a un sito, vedrai un messaggio di avviso. Puoi scegliere di sostituire il sito esistente con quello che hai appena creato. I file del vecchio sito web saranno comunque salvati offline sul tuo server di hosting condiviso nel caso in cui volessi tornare al tuo sito precedente.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Quando hai selezionato un dominio, clicca l’opzione Pubblica<\/span> nell’angolo in alto a destra.<\/p>\n\n

\n
\"\"<\/figure><\/div>\n\n

Questo compiler\u00e0 il tuo sito e lo pubblicher\u00e0. Quando hai finito, il pulsante che hai appena cliccato cambier\u00e0 in Visualizza<\/span>. Clicca qui per vedere il sito in una nuova scheda, e il tuo sito \u00e8 ora online e pronto per l’uso! Puoi tornare a Remixer per modificare il sito come desideri e pubblicare le tue modifiche o creare un nuovo sito completamente.<\/p>\n\n\n

Nota: Se stai pubblicando Remixer sul tuo dominio per la prima volta, pu\u00f2 esserci un ritardo iniziale affinch\u00e9 la propagazione del DNS<\/a><\/span> abbia luogo prima che il tuo nuovo sito Remixer sia visibile pubblicamente.<\/p>\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>