Come creare un sito Web professionale con WordPress (adatto ai principianti)

creare un sito Web professionale wordpress per principianti


Sebbene WordPress sia molto facile da usare e creare un sito Web, molte persone hanno difficoltà a creare un sito Web professionale. In questo tutorial ti insegnerò come creare un sito Web professionale per la tua azienda utilizzando WordPress. Il concetto di questa guida è di darti consigli che ti aiuteranno a costruire un ottimo sito Web che converta i visitatori in clienti.

Generatore di siti Web basato su WordPress

Perfetto per i principianti! Crea siti Web predefiniti, professionali e di alta qualità con WordPress e BoldGrid.

Parti ora! »

Se vuoi imparare le basi di come impostare WordPress o sapere come avviare un blog in pochi minuti, dai un’occhiata ai tutorial collegati.

Questo tutorial non prevede competenze di programmazione o web design. È perfetto per i principianti che iniziano con WordPress. Tutto è illustrato con schermate.

Per principianti! Nessuna codifica! Nessun termine geek! Semplice e diretto! Passo dopo passo.

Hosting professionale per aziende professionali

Durante la creazione di questo sito Web per la tua azienda, vuoi essere professionale. Per pubblicare il tuo sito Web online, avrai bisogno di un servizio di hosting. Per questa guida ho usato InMotion Hosting come esempio. Consiglio vivamente questa società di hosting per la creazione e l’hosting del sito Web aziendale. Se vuoi saperne di più su questo fornitore di hosting, leggi la nostra recensione sull’hosting InMotion.

Quindi, prima, dovrai acquistare un piano di sollevamento.

Seguendo questo link, otterrai uno sconto istantaneo del 47%. Scorri fino alla fine della pagina e scegli il Piano di lancio facendo clic sul pulsante “Ordina ora”.

ordina il piano di lancio inmotion

Controlla la tua scelta e fai clic su “Continua”.

processo d'ordine di hosting in business class inmotion

Se possiedi già un nome di dominio, seleziona quell’opzione, altrimenti puoi registrare un nuovo dominio gratuitamente con questo piano di hosting.

inmotion registra dominio gratuito

Per questo esempio ho selezionato l’opzione per collegare il mio dominio al server di InMotion, quindi continuo con l’opzione “I have have a domain”. Controlla la tua scelta e fai clic su “Continua”.

inmotion possiede già il nome di dominio

Il sistema rileverà automaticamente la tua posizione e sceglierà il server web in cui verrà ospitato il tuo sito web. Se si desidera apportare modifiche, selezionare una nuova posizione per il server. Puoi scegliere tra East Coast e West Coast. Prendi in considerazione l’idea di ospitare il tuo sito Web su un server più vicino a te e ai tuoi clienti.

inmotion hosting costa orientale costa occidentale

Ora il passaggio più importante di questo ordine è selezionare il sistema di gestione dei contenuti che desideri installare sul tuo sito web. Qui sceglierai “Installa BoldGrid, con tecnologia WordPress”. Questo è il costruttore che useremo per creare e personalizzare il nostro sito web. BoldGrid è un generatore di pagine basato su WordPress, che consente di creare layout personalizzati senza la necessità di conoscere HTML, CSS o altre programmazioni. Controlla la nostra recensione di BoldGrid per saperne di più su questo fantastico strumento.

inmotion installa automaticamente boldgrid al momento dell'iscrizione

Inserisci le tue informazioni personali e finanziarie. Questa pagina è sicura e crittografata, quindi i tuoi dati saranno protetti. Fai clic sul pulsante “Acquista account” per completare l’ordine.

inmotion acquista un account di hosting

Verrai contattato telefonicamente in pochi minuti per confermare il tuo ordine. Una volta confermato l’ordine, riceverai un’email con le informazioni di accesso. Nel frattempo WordPress e BoldGrid vengono installati automaticamente sul tuo sito Web. Alla fine del tuo ordine, avrai un sistema funzionante che puoi personalizzare.

Fin qui tutto bene! Ora arriva la parte divertente, quando in realtà crei il tuo sito web.

Creazione del tuo sito Web WordPress

Una volta verificato l’account per telefono, riceverai un’email di benvenuto da InMotion con tutti i dettagli di accesso. Questa e-mail contiene l’accesso al pannello Account Manager, l’accesso a cPanel e al sito WordPress, dove BoldGrid è già stato installato.

Ora accedi alla dashboard del tuo sito Web e accedi. La schermata di accesso è diversa dalla schermata di accesso di WordPress predefinita. Anche la dashboard è leggermente diversa, ma non fa molta differenza, anche se hai già usato WordPress in precedenza.

inmotion boldgrid login

Nella schermata di benvenuto troverai due video che, uno per i principianti e uno per gli utenti esperti di WordPress. Questi video sono una rapida presentazione di BoldGrid. Consiglio vivamente di guardarli! Il seguente video spiega come iniziare con BoldGrid:

Ora, per iniziare, dovrai fare clic sul menu “Ispirazioni”.

sito web di ispirazione boldgrid

Nella pagina delle ispirazioni puoi scegliere tra due opzioni: Installa come Staging (scegli questa opzione se hai già un sito Web e desideri aggiornarlo con BoldGrid) o Installa come Attivo (questa opzione è per coloro che non hanno ancora un sito Web). Procederemo con il sito “Attivo”.

boldgrid installa siti attivi

Il prossimo passo è scegliere una categoria per il tuo sito web. Al momento in cui scrivo ci sono circa dieci categorie tra cui puoi scegliere, ma ne verranno aggiunte altre man mano che BoldGrid si evolve. Scegli la categoria più vicina alla nicchia del tuo sito web.

boldgrid seleziona la categoria del sito Web

Una volta selezionata la categoria, puoi scegliere un tema che ti piace. Puoi visualizzare in anteprima uno di questi temi e vedere come apparirà su un desktop, un tavolo o un telefono cellulare. Alcuni temi contengono immagini protette da copyright con filigrane. Puoi acquistare queste immagini (usando il sistema delle monete) oppure puoi sostituirle con le tue foto. Selezioneremo il tema “Uptempo” per questo tutorial.

boldgrid seleziona il tema

Dopo aver scelto il tema che preferisci, scegli il set di pagine che desideri installare sul tuo sito web. Sceglieremo di installare cinque pagine, le più comuni per questa categoria. Fare clic sul pulsante “Seleziona” per procedere.

boldgrid sceglie il set di pagine

Conferma la selezione e completa l’installazione del tema e delle pagine facendo clic su “Installa questo sito Web!” pulsante. A questo punto è ancora possibile tornare indietro e modificare le impostazioni scelte in precedenza.

sito Web di installazione di boldgrid

L’installazione e la creazione delle pagine richiederà meno di un minuto. Non chiudere la pagina fino al termine. Al termine dell’installazione, fai clic sul pulsante “Personalizza”.

download di boldgrid installa il sito Web del tema

Il personalizzatore del tema ti consente di modificare il tuo sito Web e visualizzare in anteprima le modifiche che stai apportando. Le opzioni possono variare da tema a tema. Per il tema che abbiamo selezionato prima, uptempo, possiamo cambiare il titolo del sito, cambiare il carattere, la posizione del titolo, caricare un logo immagine o l’icona del sito.

boldgrid personalizza il sito Web

Nella sezione colori, puoi scegliere tra diverse tavolozze di colori. C’è una funzione “Suggerisci tavolozze” che suggerirà una combinazione di colori ogni volta che fai clic su di essa. Scegli la combinazione di colori che ti piace!

il personalizzatore di colori grassetto suggerisce delle tavolozze

Ci sono molte altre impostazioni che puoi configurare per rendere il tuo sito web unico ed eccezionale. Ad esempio, puoi scegliere di avere una homepage statica, che visualizzerà una pagina selezionata da te. Puoi anche aggiungere widget all’intestazione e al piè di pagina e inserire anche HTML personalizzato (statistiche di Google per esempio). È anche possibile aggiungere JavaScript o CSS personalizzati al tema, senza la necessità di aprire alcun file. Non entreremo nei dettagli ora, perché questo tutorial richiederebbe troppo tempo per scrivere e leggere.

Al termine, fai clic su “Salva & Pubblica “! Puoi tornare più tardi e modificare qualsiasi opzione, se lo desideri.

Ora vai alla pagina iniziale del tuo sito Web e goditi la vista:

esempio di sito Web boldgrid

Non sei ancora pronto! Ci sono cinque pagine sul tuo sito Web, ma sono imballate con il contenuto predefinito fornito con l’installazione. Ti consigliamo di cambiarli.

pagine di modifica in grassetto

In WordPress sarai in grado di modificare il testo, aggiungere e sostituire immagini, clonare o eliminare diversi blocchi, trascinare e rilasciare i blocchi in verticale e in orizzontale.

editor di pagine boldgrid

Con la funzione “Aggiungi GridBlock” è possibile selezionare da una vasta gamma di layout pre-creati. Questa funzione ti consente anche di inserire la mappa di Google nella tua pagina o di scegliere tra una vasta gamma di moduli di contatto con vari campi.

boldgrid inserisce il layout del gridblock

L’API BoldGrid ti consente anche di cercare immagini di alta qualità, sia gratuite che commerciali. Puoi impostare la dimensione dell’immagine che stai aggiungendo alla tua pagina e il sistema ritaglierà e installerà automaticamente l’immagine sul tuo sito web. Questa funzione ti consente di ottimizzare le tue pagine con splendide immagini in pochi minuti, senza nemmeno utilizzare il software di editor di immagini. Quant’è fico?

A questo punto, hai finito di costruire il tuo sito web. Complimenti! Hai creato un sito Web professionale utilizzando WordPress e BoldGrid per la tua azienda. Tutto questo senza toccare una singola riga di codice e sei stato in grado di aggiungere immagini anche senza la necessità di modificarle sul tuo computer.

Riepilogo e raccomandazioni

Questa guida è risultata più lunga di quanto volessi, ma penso di aver coperto la maggior parte dei passaggi necessari per creare un sito Web professionale. Spero che questa guida possa aiutare molti principianti. Se hai domande su BoldGrid puoi scrivere un commento qui sotto o contattare l’hosting InMotion. Il supporto tecnico è molto utile e adatto ai principianti.

Consiglio vivamente sia BoldGrid che InMotion per creare e ospitare il tuo sito WordPress.

Anche se il processo di creazione di questo sito Web dimostrativo mi ha richiesto solo pochi minuti, per mettere insieme questa guida passo-passo mi ha richiesto più di un’ora. Se ti ha aiutato, ti preghiamo di condividere sui tuoi account sui social media. Grazie!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map