Skip to main content

Finora abbiamo creato il nostro sito web in locale, ma adesso è arrivato il momento di pubblicarlo finalmente online!

Finalmente potrai mostrare al mondo intero il risultato del tuo lavoro e vantarti con amici e conoscenti della tua nuova creazione.

Non perdiamo altro tempo e diamoci da fare con la parte finale di questo corso.


Questa è la parte più complicata di tutte. Prenditi il tempo necessario per capirla a fondo e se hai bisogno di aiuto non esitare a contattarci, possiamo aiutarti e rendere tutto più semplice!


DI COSA ABBIAMO BISOGNO

Per poter pubblicare un sito online abbiamo bisogno fondamentalmente di due cose:

  • Nome dominio: il nome attraverso il quale gli utenti possono collegarsi al sito, il famoso www.nomesito.it
  • Hosting: uno spazio su cui inserire il nostro nuovo sito.

Sono molte le aziende che offrono questo tipo di servizi, dalle più economiche alle più care. Molte di queste hanno un servizio dedicato proprio a WordPress, ma è possibile installare WordPress da soli e risparmiare qualche euro.

Ecco alcune aziende che offrono spazi di hosting:

  • Aruba
  • Register.it
  • TopHost
  • SiteGround
  • Keliweb
  • Serverplan
  • etc.

Alcuni preferiscono una all’altra. La mia opinione è che non ci sia troppa differenza fra i gestori di hosting. Logicamente non si può paragonare un hosting annuale da 15€ con uno da 500€. Come in ogni cosa più si spende migliore è il servizio che si riceve.

SPECIFICHE TECNICHE

Se stai scegliendo un piano di hosting per il tuo sito web in WordPress devi sapere che ti serviranno queste 2 cose:

  • Hosting LINUX
  • Database MySQL

WordPress è realizzato con un linguaggio di programmazione che si chiama PHP e che per funzionare ha bisogno di un server con sistema operativo LINUX.

Inoltre senza database WordPress non può funzionare, quindi ricorda di acquistarne anche uno.

HOSTING GRATIS

Ma dato che questo è un corso rivolto ai principianti, è sempre meglio cercare di spendere il meno possibile all’inizio, quindi oggi ti indicherò un modo per avere un hosting completamente gratuito.

Andremo quindi ad installare il nostro sito web online in modo che possa essere raggiunto da tutti e lo faremo senza spendere un euro!

Non male no?

Inziamo!!!

ALTERVISTA

Utilizzeremo il servizio gratuito di altervista.org, che ci permetterà di installare il nostro sito da zero su uno spazio di hosting gratuito.

Per prima cosa vai su altervista.org.

Aperto il sito troverai una schermata come questa:

Sebbene il tasto centrate “CREA SITO” sia molto invitante, clicca su “HOSTING” in alto a sinistra.

Altervista Hosting

Puoi installare anche WordPress cliccando su “CREA SITO” in maniera ancora più semplice di come sto per mostrarti, ma sarà una versione di WordPress personalizzata da altervista. Noi invece installeremo WordPress originale importando le modifiche effettuate in locale.

Dopo aver cliccato su “Hosting” ti troverai in questa schermata:

Ora clicca su “Inizia subito“.

Adesso lasciamo selezionato “Attiva un Hosting” e premiamo “Prosegui

Ora devi inserire il nome del tuo sito. Io in questo caso ho inserito “albydev“.

Ricordati che con altervista non potrai avere un sito con il “.it” o “.com”, ma solamente con “.altervista.org”. Può essere una limitazione ma considerando la gratuità del servizio penso possa andar bene lo stesso, almeno all’inizio per effettuare test senza spendere nulla!

Dopo che avrai compilato i tuoi dati pesonali clicca su “Prosegui” in fondo alla pagina.

E Voilà!

Abbiamo il nostro spazio di hosting gratuito!

Ora non resta che aspettare la mail di altervista con le credenziali per accedere all’hosting. Prima di poter accedere è necessario confermare la creazione dell’account, dopo aver cliccato sul relativo link della email abbiamo terminato la procedura di creazione!

Se non la vedi nella posta in arrivo controlla anche nella spam.

Una volta creato lo spazio web possiamo entrare nella sezione di configurazione.

CREARE IL DATABASE

Come ormai saprai bene, WordPress per funzionare ha bisogno di un database nel quale salvare i dati.

Quindi per prima cosa attiviamo il database su altervista.

È molto semplice, basta cliccare sul bottone “Attiva Database” presente nella schermata del backend di altervista e poi “Attiva database gratis

Dopo aver attivato il database dovresti vedere questi campi nella pagina di altervista:

Ora inizia la parte più complicata di tutte!

Certo potevamo creare il nostro sito direttamente online, ma noi vogliamo diventare degli Specialisti WP, gente che ne sa di WordPress, e dobbiamo imparare anche come funzionano le cose! Saper importare ed esportare un sito manualmente è una capacità molto importante se vuoi diventare uno sviluppatore web!

CARICARE IL SITO WORDPRESS ONLINE

FILEZILLA

Per poter uploadare il nostro sito su altervista non possiamo semplicemente fare un copia/incolla, ma dobbiamo inviarlo al server tramite un Client FTP.

Il software migliore per questo tipo di operazioni è FileZilla!

Procedi quindi con il download di questo software tramite questo link: http://filezilla-project.org/download.php

L’installazione è semplicissima, basta seguire la guida e cliccare su “Avanti” fino alla fine!

Dopo averlo installato dobbiamo inserire il nostro account FTP per collegarci al server di altervista.

Non spaventarti per questi paroloni, man mano che vedremo le cose diventeranno sempre più semplici.

Per prima cosa cerca fra le tue email quella che ti ha inviato Altervista contentente i dati per loggarti, che inizia così:

Ora lanciamo FileZilla e clicchiamo sulla prima icona sotto al menù (apri il gestore siti):

Si aprirà una schermata come questa:

Qui clicchiamo su “Nuovo sito“.

Sulla sinistra apparirà un nuovo campo con scritto”Nuovo sito“, puoi rinominare questo campo come vuoi, io per esempio inserisco “albydev.altervista.org“.

Ora concentriamoci sulla parte a destra, quella più importante:

Qua dobbiamo andare ad inserire i dati inviatici dalla mail di altervista.

Dopo i dati di accesso al pannello, c’è un riquadro intitolato “Login via FTP”. Compiliamo quindi i campi “Host“, “Utente” e “Password” con i dati della mail e clicchiamo su “Connetti“.

Il campo “Porta” possiamo lasciarlo vuoto.

Dovrebbe comparire una schermata come questa:

È tutto normale non preoccuparti, puoi flaggare “Considera sempre sicuro il certificato…” e cliccare su “OK“.

A questo punto sei connesso al tuo server altervista.

Inizia subito con il cancellare il file “index.html” sulla destra, così non ci darà fastidio dopo.

COPIARE IL NOSTRO SITO SU ALTERVISTA

Ora possiamo caricare il nostro sito su altervista. Per prima cosa dobbiamo raggiungere il nostro sito in locale.

Tutti i nostri siti in locale sono nella cartella “C:\XAMPP\htdocs”, percui il nostro sito sarà in “C:\XAMPP\htdocs/wp-test“.

Filezilla ci fa vedere sulla sinistra il nostro computer in locale e sulla destra il nostro server altervista.

Nel riquadro a destra andiamo quindi in “C:\XAMPP\htdoc\wp-test“. Dovresti vedere una schermata come questa:

Ora non ti resta che selezionare tutti i file (CTRL+A) e trascinarli su altervista (sulla parte destra), con un Drag&Drop!

Questa operazione può durare un po’ di tempo

Ma noi non ci annoieremo! Dobbiamo anche importare online il nostro database!

IMPORTARE ONLINE IL DATABASE WORDPRESS

Questa è la parte più complicata di tutte… Ma non ti scoraggiare, è finalmente l’ultima!

Andremo a esportare il nostro database locale, lo modificheremo e lo uploderemo online su altervista!

INIZIAMO!

Per prima cosa dobbiamo andare a scaricarci il nostro database locale. Per fare questo è necessario avviare XAMPP, avviare Apache e MySQL e cliccare su “Admin” in corrispondenza di MySQL:

Si aprirà PhpMyAdmin, un software per gestire facilmente i database MySQL.

Qua andiamo nella barra sulla sinistra e selezioniamo il database del nostro sito:wp-test e poi clicchiamo su “Esporta“.

Possiamo lasciare “Rapido” e cliccare direttamente su “Esegui

Scaricheremo quindi il nostro database, potete salvarlo dove volete.

Una volta salvato lo dobbiamo aprire. Non serve un programma specifico, basta il classico “Blocco note” o “Text editor“.

Il file aperto è simile a questo, un insieme di stringhe. Questo è il nostro database.

Ora dobbiamo fare un’operazione abbastanza delicatasostituire l’url del sito in locale con l’url del sito online.

Per far ciò andiamo su “Modifica – Sostituisci“.

In Trova dovremmo inserire l’url al nostro sito in locale, cioè “http://localhost/nome-sito“, mentre in Sostituisci con dovremo inserire l’url di altervista, nel mio caso “http://albydev.altervista.org“.

Dopo avere compilato possiamo premere su Sostituisci tutto e infine salvare il file.

Ora il nostro Database è pronto per essere importato su altervista.

IMPORTARE IL DATABASE SU ALTERVISTA

Torniamo ora nel backend di altervista e clicchiamo su Accedi a PhpMyAdmin

Si aprirà il phpmyadmin del nostro server altervista.

Clicchiamo sul nostro database sulla sinistra, chiamato my_nomesito e poi su “Importa

Ora clicchiamo su “Scegli file“, andiamo a selezionare il database locale che abbiamo appena modificato e infine premiamo “Esegui“.

Alla fine dovremmo visualizzare un messaggio come il seguente su sfondo verde:

Importazione eseguita con successo, 86 query eseguite. (wp-test.sql)

E voilà!

Il database è importato!

Ora non ci resta che aspettare che FileZilla termini di caricare online il nostro sito.

L’ULTIMA OPERAZIONE

Quando FileZilla avrà terminato l’upload occorrerà fare ancora un’ultimissima modifica!

Andiamo ad aprire il file “wp-config.php” su altervista facendo click con il tasto destro sul file e cliccando su “Visualizza / Modifica

Si aprirà il blocco note con il file wp-config.php al suo interno.

Qua dobbiamo solamente andare a modificare i dati relativi al database, che non è più quello di XAMPP ma quello di altervista.

Cerca questi campi:

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define( 'DB_NAME', 'wp-test' );

/** MySQL database username */
define( 'DB_USER', 'root' );

/** MySQL database password */
define( 'DB_PASSWORD', '' );

/** MySQL hostname */
define( 'DB_HOST', 'localhost' );

Su DB_NAME dobbiamo indicare il nuovo nome del database, che sarà “my_nomesito“. Per sicurezza torna sul PhpMyAdmin di altervista e guarda nel menù laterale a sinistra, c’è un unico database che inizia con “my_”, quello è il nome da inserire.

Gli altri dati restano uguali fortunatamente. Ora non ci resta che salvare il file, riaprire FileZilla e cliccare su “Si” per apportare le modifiche online!

A questo punto basterà andare all’URL del nostro sito Altervista e ce lo troveremo online, bello e funzionante!

Un’ultima operazione che è bene fare è quella di risalvare i permalink di WordPress, in modo che tutti i link funzionino correttamente.

Per fare ciò basterà loggarsi nel backend ed andare in “Impostazioni – Permalink” e semplicemente cliccare su “Salva le modifiche“, senza modificare nulla!

CONGRATULAZIONI!!!

Hai terminato la serie per principianti! Ora puoi iniziare a dedicarti a qualcosa di più complesso!