SlideShare a Scribd company logo
1 of 52
Crea il tuo sito web con Wordpress 5
Emanuele Palmitessa
Indice
1. Come scaricarewordpress
2. Come scaricareinstallare xampp
3. Come creare un accountgmail
4. Come installare wordpress in locale con piccola introduzione
5. Come installare un tema wordpress premium enfold
6. Modifichiamo il tema
7. Inseriamo isocial network
8. Scriviamo le pagine del sito web
9. Creiamo un modulo contatto
10. Come scaricaree installare duplicator
11. Creiamo il backup del sito web con duplicator
12. Come scaricaree installare Filezilla
13. Creiamo un account altervista
14. Carichiamo i file del sito sul server
15. Installiamo Wordpress su altervista
16. Creiamo un account ionos
17. Ricarichiamo i file del sito web sul server
18. Come installare Wordpress su ionos
19. Installiamo il plugin YoastSEO e scriviamo le keywords
1
Come scaricare wordpress
Apriamoil nostrobrowserpreferitoe
digitiamosuGoogle Wordpress
downloade premiamoinviodalla
tastiera.
Ora clicchiamosul primolink.
2
Ora dobbiamosemplicemente
cliccare sul bottone bluinbasso
indicatoconla freccia.
Ecco il nostrofile compressodi
wordpress.
3
Come scaricare e installare xampp
Ci rechiamo nel sito web di xampp e scoriamo leggermente in basso.
Riapriamoil browsere cerchiamo
xamppe clicchiamoil primolink.
Clicchiamosullavoce Altri
download
4
Selezioniamoxamppper
windows
Selezioniamolaversione
7.2.24 per avere maggior
sicurezza.
5
Dopo di che ho selezionato il file di wordpress e di xampp e li ho tagliati con CTRL X e incollati con
CTRL V nella cartella Disco locale (c:).
Scarichiamoil file con
l’estensionezip.
Clicchiamosul file setup_xamppe
attendiamolafine del
caricamentoe premiamoil tasto
inviodellatastiera.
6
Come creare un account gmail
Riapriamonuovamenteil browsere
scriviamosu google gmail crea
account premiamoinvioper
effettuare laricerca.
Ora clicchiamosul primolinkindicato
con la freccia.
7
Ora dobbiamosemplicemente
cliccare il bottone rossocon scritto
creare un account.
Dopo di che inseriamoil nome,
cognome,nome utente e password
nelle rispettive caselle clicchiamoil
bottone bluconscritto avanti per
procedere.
8
Ora inseriamoil numerotelefonico,una
email di riserva,datadi nascita,sessoe
infine clicchiamonuovamente sul
bottone blue conscrittoavanti per
procedere.
Dopo avercliccatouscirà questo
messaggioe bisognacliccare sul
bottone blue con scrittoinvia
Tramite telefoninoci arrivauncon il
codice lodobbiamoscrivere sulla
casellae cliccare sullavoce verifica.
9
Ora clicchiamosemplicementesulla
voce si,accetto.
Inseriamole due spunte e clicchiamo
sullavoce crea account.
Clicchiamoil pulsante bluconscrittoconferma
10
Come installare wordpress in locale con piccola introduzione
Clicchiamotastodestroe selezioniamo
la voce 7-zipe successivamente
selezioniamolavoce Estrai qui.
Finalmentelanostraaccount gmail è
stata creata edè prontal’uso.
11
Clicchiamotastodestroe Rinominae
scriviamo scuoladilingue.
Ora premiamoil tastoctrl x e ctrl v
pertagliare e incollare lacartelladi
wordpressall’internodi xamppnel
seguente percorso C:xampp-
windows-x64-7.2.24-0-
VC15xampphtdocs
12
Primadi fare l’installazione di wordpress
clicchiamoil file indicatoconlafrecciachiamato
“xampp_start.exe”perattivare xampp. Invece
quandodovremmodisattivarexamppdobbiamo
cliccare il precedente file chiamato
“xampp_stop.exe”
Apriamoil browsere scriviamonellabarra
degli indirizzi localhost/dashboard/e
clicchiamosullavoce phpMyAdmin
13
Ora clicchiamosullavoce Nuovoper
creare un nuovodatabase.
Scriviamonellacasellaindicata
con la frecciascrivendo
scuoladilingue e infine
clicchiamosucrea.
14
Apriamoil browsere scriviamo
localhost/scuoladilingue nella
barra degli indirizzie clicchiamo
la voce iniziamo!
Inseriamo il nome database,nome
utente nellapassword cancelliamo
la parolapassword,perquanto
riguardahost del database e
prefissotabellalasciamoli così
com’è e clicchiamoinvia.
15
Ora clicchiamosullavoce Avvia
l’installazione
Ora bisognainserire Titolosito,Nome
utente,“perquantoriguardala password
viene dataautomaticamente”l’email e in
fine inseriamolaspuntaallavoce
Visibilitàai motori di ricerca e clicchiamo
su installawordpress.
16
Come installare un tema wordpress premium enfold
Peraccedere al latoamministrativo
bisognascrivere nellabarradegli
indirizzi localhost/nomedelsito/wp-
admindopo di che bisogna
semplicemente loggarsi.Perquando
riguardalato front-endbisogna
scrivere localhost/nomedelsito.
Perpoterinstallare untema
bisognacliccare sullavoce
aspettoe temi.
17
Ora per caricare il tema
acquistatosu
themeforest.netclicchiamo
sullavoce aggiungi nuovo
tema.
Clicchiamosullacaricatemae lavoce
scegli file.Dopodi che carichiamoil file
del nostrotemae infine clicchiamo
nellavoce apri.
18
Clicchiamolavoce installaora
percompletare l’installazione.
Ora dobbiamosemplicemente
attivare il tema.
19
Modifichiamo il tema
Permodificare il nostrotemadobbiamocliccare sullavoce
Enfold | sharedbyVestaThemes.come successivamente
clicchiamosullavoce importdemoe infine come indica
l’immaginescegliamolaprimademocliccandosudi essa.
DiamoconfermacliccandoOKe attendiamo
il caricamento.
20
Dopo averattesoil caricamento
iniziamoadinserire il nostrologo
cliccandosullavoce upload.
Ora per inserire il nostrologo
dobbiamoinanzi tuttocliccare
sullavoce selezionai file
21
Selezioniamoil nostrologoe clicchiamola
voce apri.
In fine clicchiamosul pulsante blu
con scrittousa immagine come logo.
22
Stessoprocedimentoper
quantoriguardafavicon
Persalvare nonci resta altroche
cliccare sullavoce save all
changes.
23
Ora cancelliamopagine che non
servonocliccandosuaspettomenu
clicchiamoogni singolafreccettae
clicchiamosullavoce rimuovi.
In fine inseriamoquestedue spunte e clicchiamo
sullavoce salvamenu.
24
Modifichiamoi nomi dei singoli
menue salviamo.
Adessoandiamoallavoce pagine per
modificare definitivamenteaboutus
25
Scriviamochi siamoe clicchiamo
sullavoce aggiorna.
Ora scarichiamoda google imagesuna
immagine damettere nellaslider,
scegliendo come grandezza
dell’immagine grande e digitiamo
studentsinlondon
26
Selezioniamounaimmagine a
piacere e clicchiamosudi essa
con il tasto destrodel mouse e
clicchiamosullavoce salva
immagine connome. Vi
consigliodi creare unacartella
con scrittositoweb.
Adessononci resta altroche scrivere il
nome del file e cliccare sullavoce
salva.
27
Ora inseriamolanostraimmagine appena
scaricata da google nellasliderdel sitoweb
cliccandosullavoce layerslide wp e sliders
dopodi che uscirà unafinestradove
dobbiamocliccare due volte nexte infine
clicchiamosullavoce finish.
Clicchiamosullavoce add
newslider.
28
Scriviamounnome alla
slidere clicchiamoallavoce
add slider.
Clicchiamosullaslider
appenacreata.
29
Ora clicchiamosullavoce carica
file e lavoce selezionai file
Adiamoinbassoallapaginae
clicchiamosullavoce addnew
e image.
30
Dopo di che selezioniamola
nostra immagine appenascaricata
e clicchiamosullavoce apri
Ora dobbiamosemplicemente
cliccare sullavoce insert.
31
Ora clicchiamosullavoce save
changespersalvare la nostra
immagine.
Adessoandiamosullapaginadella
home cliccandonellavoce pagine.
32
Ora clicchiamosullafreccetta
perpoi selezionare lanostra
slidere aggiorniamo.
Ecco il nostrorisultatoottenuto.
33
Ora inseriamountestocliccando
sullavoce addnew e text.
Scriviamo corsi di lingue e
traduzioni dopoaverscritto
clicchiamosullavoce transitions.
34
Clicchiamosullavoce
openingtexttransition.
Clicchiamosullavoce stylesper
inserire nel fontsize 64,nel font
weightinseriamo700 (bold) e come
colore inseriamoil blu.
35
Centriamolascrittae clicchiamosulla
voce save changes.
Ora clicchiamosullavoce enfold| shared
by vestathemes.com e successivamente
clicchiamosullavoce menuprincipale.
36
Clicchiamosullatendinadi voci
menusul pc desktopper
selezionare lavoce visualizza
come icona eliminiamolaspunta,
infine clicchiamosullavoce save
all changes perottenere il
risultatodell’immagine di sotto.
37
Ora modifichiamoil footerperfare
questodobbiamoperprimacosacliccare
sullavoce piè di pagina.
Ora clicchiamosullatendina
perscegliere lavoce
visualizzare solosocket(no
widgetsdel piè di pagina)
38
Inseriamo i social network
Ricopiamoil copyright aggiungendo
[nolink] e inseriamolaspuntaallavoce
icone sociali.Infine clicchiamosulla
voce save all changes.
Ora inseriamoi nostri profili socialcliccando
nuovamente sullavoce enfold|sharedby
vestathemes.come lavoce profili social.
39
Selezioniamourl dellapaginadi facebookper
esempioe clicchiamotastodestroe
selezioniamosullatendinacopiaoppure
semplicemente premendoctrl cdellatastiera.
Ora selezioniamourl di esempiodeltema
perpoi cliccare ancora una voltatasto
destroperòdobbiamoscegliere nella
tendinalavoce incollaoppure premiamo
ctrl v sullatastierainfine clicchiamosulla
voce save all changesper salvare.
40
Scriviamo le pagine del sito web
In questocapitolocome citail titolo
scriveremole pagine del sitowebper fare
questodobbiamocliccare sullavoce pagine.
Apriamolapaginahomepage
permodificarla.
41
Clicchiamoil primotestoperpoter
modificare anostropiacimento.
Inseriamoil cappelloindicatocon
la freccetta.
42
Ora scriviamoil titoloe il
testo.
Ora clicchiamosecondotestoperpoter
anche essomodificarlo.
43
Clicchiamoadesempioquesta
iconaindicatacon la freccettae
di dopo di che scrolliamoconil
mouse versobassoperscrivere il
titoloe il testo.
Ora come esempioscriviamo:
Lingue come titoloe come testo
scriviamo:Offriamocorsi di
inglese,francese,tedescoe
spagnoloe infine clicchiamo
sullavoce salvare.
44
Ora cancelliamoquestacolonna
perpoi spostare laseconda
colonna.
Cloniamo lacolonnacliccando
all’icone indicataconla
freccetta
45
Ora clicchiamonellaterzacolonna
appenaclonataper modificarla.
Clicchiamol’iconaaereoe sottoci scriviamo
come titolodi esempioViaggi.“Nella
prossimovi illustroil testodi esempio”
46
Andandoinbassodellapaginatroviamo
dei blocchi testi li clicchiamoperinserire
dei contenuti personalizzati.
Scriviamocome esempioil testoindicato
con la freccetta“Offriamoviaggi in
Inghilterra,Irlanda,Scozia,Irlandadel Nord,
Galles,Malta,ecc.” e clicchiamoinfine sul
pulsante salvare
47
Nel primobloccoscriviamocome
esempio“Inostri metodi di studio”e
clicchiamosullavoce salvare.
Ora scriviamoil testoperil secondo
bloccotestoe clicchiamonuovamente
sullavoce salvare.
48
Ci rechiamosul sitoweb
pexels.comdigitiamoLondrae
selezioniamolaterzaimmagine per
poi scaricarla.
Clicchiamonellavoce download
gratuitoil pulsante che troviamoin
altoa destraindicatoconla
freccetta.
49

More Related Content

Similar to Crea il tuo sito web con wordpress 5

Guida wordpress28
Guida wordpress28Guida wordpress28
Guida wordpress28ilkri
 
Con Aruba, a lezione di cloud #Venerdìdel cloud #lezione 24 parte 2
Con Aruba, a lezione di cloud #Venerdìdel cloud #lezione 24   parte 2Con Aruba, a lezione di cloud #Venerdìdel cloud #lezione 24   parte 2
Con Aruba, a lezione di cloud #Venerdìdel cloud #lezione 24 parte 2Aruba S.p.A.
 
Wordpress Installation for Windows and Mac
Wordpress Installation for Windows and MacWordpress Installation for Windows and Mac
Wordpress Installation for Windows and MacMarcello Mingardi
 
Come creare un blog con wordpress.org e bluehost in 5 minuti
Come creare un blog con wordpress.org e bluehost in 5 minuti Come creare un blog con wordpress.org e bluehost in 5 minuti
Come creare un blog con wordpress.org e bluehost in 5 minuti Dario Vignali
 
Estensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriEstensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriVenetoformazione
 
Estensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriEstensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriMartina Perin
 
Realizzare un sito con Wordpress come installazione pulità
Realizzare un sito con Wordpress come installazione pulitàRealizzare un sito con Wordpress come installazione pulità
Realizzare un sito con Wordpress come installazione pulitàMarco Consiglio
 
Wordpress per Windows in 30 minuti
Wordpress per Windows in 30 minutiWordpress per Windows in 30 minuti
Wordpress per Windows in 30 minutistefanodipersio
 
Con Aruba, a lezione di cloud #lezione 20 - parte 2: 'Template Cloud Computin...
Con Aruba, a lezione di cloud #lezione 20 - parte 2: 'Template Cloud Computin...Con Aruba, a lezione di cloud #lezione 20 - parte 2: 'Template Cloud Computin...
Con Aruba, a lezione di cloud #lezione 20 - parte 2: 'Template Cloud Computin...Aruba S.p.A.
 
Dixio ForWeb, il dizionario intelligente per tuo sito web!
Dixio ForWeb, il dizionario intelligente per tuo sito web!Dixio ForWeb, il dizionario intelligente per tuo sito web!
Dixio ForWeb, il dizionario intelligente per tuo sito web!Semantix
 
Hosting: Joomla e Drupal, confronto e setup - parte 2 #TipOfTheDay
Hosting: Joomla e Drupal, confronto e setup - parte 2   #TipOfTheDayHosting: Joomla e Drupal, confronto e setup - parte 2   #TipOfTheDay
Hosting: Joomla e Drupal, confronto e setup - parte 2 #TipOfTheDayAruba S.p.A.
 
Convertire video musica direttamente da Youtube
Convertire video musica direttamente da YoutubeConvertire video musica direttamente da Youtube
Convertire video musica direttamente da YoutubeGiuseppe Santoro
 
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo? parsimoniousmad9
 
Introduzione a WordPress: dall'installazione all'utilizzo del backend
Introduzione a WordPress: dall'installazione all'utilizzo del backendIntroduzione a WordPress: dall'installazione all'utilizzo del backend
Introduzione a WordPress: dall'installazione all'utilizzo del backendSilvia Cariello
 
Wordpress Multisite | Mafaldida
Wordpress Multisite | MafaldidaWordpress Multisite | Mafaldida
Wordpress Multisite | MafaldidaGiulia Costa
 
Spipopedia:come installare Eva-web 3.0
Spipopedia:come installare Eva-web 3.0Spipopedia:come installare Eva-web 3.0
Spipopedia:come installare Eva-web 3.0roberto marcolin
 
Hosting: trasferire Joomla da un hosting all'altro #TipOfThaDay
Hosting: trasferire Joomla da un hosting all'altro   #TipOfThaDayHosting: trasferire Joomla da un hosting all'altro   #TipOfThaDay
Hosting: trasferire Joomla da un hosting all'altro #TipOfThaDayAruba S.p.A.
 

Similar to Crea il tuo sito web con wordpress 5 (20)

Guida wordpress28
Guida wordpress28Guida wordpress28
Guida wordpress28
 
Con Aruba, a lezione di cloud #Venerdìdel cloud #lezione 24 parte 2
Con Aruba, a lezione di cloud #Venerdìdel cloud #lezione 24   parte 2Con Aruba, a lezione di cloud #Venerdìdel cloud #lezione 24   parte 2
Con Aruba, a lezione di cloud #Venerdìdel cloud #lezione 24 parte 2
 
Wordpress Installation for Windows and Mac
Wordpress Installation for Windows and MacWordpress Installation for Windows and Mac
Wordpress Installation for Windows and Mac
 
Come creare un blog con wordpress.org e bluehost in 5 minuti
Come creare un blog con wordpress.org e bluehost in 5 minuti Come creare un blog con wordpress.org e bluehost in 5 minuti
Come creare un blog con wordpress.org e bluehost in 5 minuti
 
wordpress slide corso.pptx
wordpress slide corso.pptxwordpress slide corso.pptx
wordpress slide corso.pptx
 
Estensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriEstensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatori
 
Estensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatoriEstensioni di google chrome per sviluppatori
Estensioni di google chrome per sviluppatori
 
Realizzare un sito con Wordpress come installazione pulità
Realizzare un sito con Wordpress come installazione pulitàRealizzare un sito con Wordpress come installazione pulità
Realizzare un sito con Wordpress come installazione pulità
 
Wordpress per Windows in 30 minuti
Wordpress per Windows in 30 minutiWordpress per Windows in 30 minuti
Wordpress per Windows in 30 minuti
 
Con Aruba, a lezione di cloud #lezione 20 - parte 2: 'Template Cloud Computin...
Con Aruba, a lezione di cloud #lezione 20 - parte 2: 'Template Cloud Computin...Con Aruba, a lezione di cloud #lezione 20 - parte 2: 'Template Cloud Computin...
Con Aruba, a lezione di cloud #lezione 20 - parte 2: 'Template Cloud Computin...
 
Dixio ForWeb, il dizionario intelligente per tuo sito web!
Dixio ForWeb, il dizionario intelligente per tuo sito web!Dixio ForWeb, il dizionario intelligente per tuo sito web!
Dixio ForWeb, il dizionario intelligente per tuo sito web!
 
Hosting: Joomla e Drupal, confronto e setup - parte 2 #TipOfTheDay
Hosting: Joomla e Drupal, confronto e setup - parte 2   #TipOfTheDayHosting: Joomla e Drupal, confronto e setup - parte 2   #TipOfTheDay
Hosting: Joomla e Drupal, confronto e setup - parte 2 #TipOfTheDay
 
Convertire video musica direttamente da Youtube
Convertire video musica direttamente da YoutubeConvertire video musica direttamente da Youtube
Convertire video musica direttamente da Youtube
 
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
Vuoi Creare El Blog Di Successo?
 
Introduzione a WordPress: dall'installazione all'utilizzo del backend
Introduzione a WordPress: dall'installazione all'utilizzo del backendIntroduzione a WordPress: dall'installazione all'utilizzo del backend
Introduzione a WordPress: dall'installazione all'utilizzo del backend
 
Wordpress Multisite | Mafaldida
Wordpress Multisite | MafaldidaWordpress Multisite | Mafaldida
Wordpress Multisite | Mafaldida
 
Tutorial raindrop
Tutorial raindropTutorial raindrop
Tutorial raindrop
 
Blog Creazione
Blog CreazioneBlog Creazione
Blog Creazione
 
Spipopedia:come installare Eva-web 3.0
Spipopedia:come installare Eva-web 3.0Spipopedia:come installare Eva-web 3.0
Spipopedia:come installare Eva-web 3.0
 
Hosting: trasferire Joomla da un hosting all'altro #TipOfThaDay
Hosting: trasferire Joomla da un hosting all'altro   #TipOfThaDayHosting: trasferire Joomla da un hosting all'altro   #TipOfThaDay
Hosting: trasferire Joomla da un hosting all'altro #TipOfThaDay
 

Crea il tuo sito web con wordpress 5