I curriculum e i profili LinkedIn sono ottimi, ma spesso non sono sufficienti a catturare l’attenzione di potenziali clienti e datori di lavoro.
In base alla nostra esperienza, per avere un impatto, è necessario un portfolio online che mostri il vostro lavoro migliore in modo professionale e coinvolgente.
Non preoccupatevi se non siete esperti di tecnologia, perché siamo qui per aiutarvi.
In questo articolo vi mostreremo passo dopo passo come creare un sito web di portfolio online in WordPress.

Perché avete bisogno di un sito web di portfolio online?
I portafogli sono una risorsa per tutti, compresi i freelance, le persone in cerca di lavoro e le piccole imprese.
Ora, potete pensare a un portfolio online come a un biglietto da visita digitale.
Ad esempio, ovunque incontriate i vostri potenziali clienti, potete facilmente indirizzarli al vostro sito web. Così, invece di cercare campioni di lavoro passati, potete inviare con fiducia i vostri potenziali clienti o futuri datori di lavoro al vostro splendido portfolio online.

Sebbene si possa pensare che un portfolio sia solo per gli artisti o i creativi, questo non è vero.
Funziona per qualsiasi professione, che si tratti di un grafico, di uno scrittore o di uno sviluppatore, e offre l’opportunità di fare del proprio meglio nel proprio settore.
In poche parole, il vostro sito web può aiutarvi a distinguervi dalla massa e a creare fiducia. Quando progettate un sito portfolio professionale, guadagnate immediatamente credibilità e mettete in mostra la vostra esperienza.
Potete anche ottimizzare il vostro sito per i motori di ricerca on parole chiave specifiche, in modo che più persone possano trovarvi.
💡 Avete poco tempo ma avete bisogno di uno splendido sito web per la vostra attività? I Servizi Pro di WPBeginner possono aiutarvi! Ci occuperemo di tutto, dal design al SEO, realizzando un sito web personalizzato su misura per le vostre esigenze. Richiedete oggi stesso i nostri servizi di progettazione di siti web WordPress!
A questo proposito, condividiamo come creare un sito web di portfolio online in WordPress.
Pronti? Iniziamo.
Come creare un sito web di portfolio online in WordPress con SeedProd
Non è necessario imparare a codificare o a scrivere HTML per costruire il vostro sito di portfolio. Basta seguire le nostre istruzioni passo passo e il vostro sito web sarà pronto e funzionante in pochi minuti.
1. Scegliere un host WordPress
Per iniziare, è necessario disporre di un dominio e di un host web. L’host web ospita i file del sito web ed è la sua casa su Internet.
Un buon host web dovrebbe essere sufficientemente scalabile per gestire siti impegnativi, offrire assistenza in caso di problemi, prendere sul serio la sicurezza web e disporre di caratteristiche che vi garantiscano la sicurezza.
Dovreste anche cercare i fornitori di hosting WordPress più veloci, per aiutare il vostro sito a caricarsi rapidamente.
Host è la scelta migliore per le piccole imprese che desiderano un hosting conveniente e adatto ai principianti.
Fortunatamente, Host ha accettato di offrire ai nostri lettori un dominio gratuito e un enorme sconto sull’hosting WordPress. Potrete iniziare con soli 2,24 dollari al mese.

Per configurare Hostinger in pochi minuti, basta cliccare su questo pulsante:
Se avete bisogno di aiuto per iscrivervi a Hostinger, selezionate il nostro post su come ottenere un dominio gratuito, dove troverete un tutorial passo dopo passo.
Una volta effettuata la registrazione e configurato il piano di hosting, è sufficiente accedere al proprio cruscotto e selezionare la scheda “Domini”.
Da qui, dovrete inserire un nuovo nome di dominio.

Verrà quindi richiesto di creare un nuovo sito o di migrare un sito esistente.
Per questa esercitazione, si può fare clic su “Salta, crea un sito web vuoto”.

Quindi, facciamo clic sul pulsante “Seleziona” alla voce “Richiedi un dominio gratuito”.
Potete semplicemente inserire il dominio che desiderate per il vostro sito web.

Se avete bisogno di aiuto per decidere un nome di dominio, WPBeginner offre un generatore gratuito di nomi aziendali che vi aiuterà a trovare un nome facile da leggere e da promuovere online.
Naturalmente, se state creando un portfolio personale, la cosa più semplice da fare è usare il vostro nome e cognome come dominio. Se è già occupato, potete aggiungere la vostra professione, insieme al vostro nome.
Ad esempio, se johndoe.com
è stato preso, si potrebbe trovare johndoephotography.com
o janedoewriter.com
.
L’ideale sarebbe attenersi all’estensione di dominio .com
, che è la più riconoscibile e affidabile per le piccole imprese.
2. Installare WordPress
Uno degli errori più comuni che la maggior parte dei principianti commette è quello di scegliere la piattaforma web sbagliata. Molti freelance o piccoli imprenditori si orientano verso Squarespace o Wix.
Pur essendo facili da usare, mancano di funzionalità, personalizzazioni e controllo.
L’utilizzo di un sistema di gestione dei contenuti come WordPress offre una maggiore flessibilità, con migliaia di design e add-on per il vostro sito di portfolio. WordPress è gratuito e open-source e dispone di migliaia di estensioni e design di siti web preconfezionati.
Con i giusti plugin e temi di WordPress, avrete anche lo stesso costruttore drag-and-drop che rende piattaforme come Squarespace o Wix così facili da usare.
Se utilizzate Host o un altro servizio di hosting WordPress come WP Engine o Bluehost, potete seguire la nostra guida su come installare WordPress per ottenere istruzioni dettagliate passo dopo passo.
Successivamente, nella vostra Bacheca di Hostinger, potete fare clic sul pulsante “Pannello di amministrazione” con il logo di WordPress per accedere al cruscotto del vostro sito web WordPress.

Potete anche andare su yoursite.com/wp-admin
direttamente nel vostro browser.
3. Scegliere un tema per il portafoglio
Una volta configurato WordPress, si è pronti a personalizzare il design del sito scegliendo un tema e creando nuove pagine.
In questa guida utilizzeremo SeedProd per creare un tema specifico per i siti web di portfolio.
SeedProd è il miglior page builder per WordPress sul mercato. Permette di creare rapidamente e facilmente qualsiasi tipo di pagina senza scrivere una sola riga di codice.
Se volete creare un sito web di portfolio per acquisire potenziali clienti, avviare un blog WordPress o un negozio online, SeedProd è una soluzione unica che vi offre template su misura per le vostre esigenze.
È necessario installare e attivare il plugin SeedProd. Per maggiori dettagli, consultate la nostra guida su come installare un plugin di WordPress.
Al momento dell’installazione, verrà richiesto di completare la configurazione guidata. Facendo clic su “Inizia” e seguendo le istruzioni passo-passo, SeedProd potrà configurare il plugin in base alle vostre esigenze.

Una volta completata la configurazione guidata, si può andare su SeedProd ≫ Impostazioni e inserire la chiave di licenza. La chiave di licenza si trova nella pagina degli account sul sito web di SeedProd.
Dopo aver inserito le informazioni, fate clic sul pulsante “Verifica chiave”.

Ora avrete accesso a tutte le funzioni di SeedProd.
4. Creare la pagina di destinazione del portafoglio
Passiamo quindi a SeedProd ≫ Theme Builder.
Da qui è possibile selezionare il pulsante arancione “Kit di template per temi”.

Si arriva su una pagina con una libreria ricercabile di temi WordPress tra cui scegliere. Basta digitare “portfolio” nella barra di ricerca e selezionare il template che meglio si adatta alla vostra idea di sito web.
Inoltre, è possibile cercare altre parole chiave se si tratta di una nicchia specifica. Ad esempio, se siete un agente immobiliare, potete trovare temi WordPress immobiliari su SeedProd.
Noi sceglieremo il tema “Freelance Portfolio”, ma sentitevi liberi di scegliere qualsiasi tema che si adatti alle vostre esigenze.

Creeremo un sito di portfolio a pagina unica. Ciò significa che la pagina del portfolio fa parte della homepage del sito web. In questo modo, il sito di portfolio può essere avviato rapidamente senza dover progettare più pagine.
Nella dashboard di WordPress, andiamo su Impostazioni ≫ Lettura. Accanto a Homepage, selezionare il menu a discesa “Portfolio” per rendere la pagina del portfolio la propria homepage.

Quindi, si dovrà tornare a SeedProd ≫ Theme Builder e si vedrà un elenco di tutte le pagine del tema.
Da qui, è necessario scorrere verso il basso e fare un passaggio del mouse sulla pagina “Portfolio”. Quindi, fate clic sul pulsante “Modifica design”.

5. Modifica del sito web del Portfolio
Ora è il momento di modificare il contenuto e renderlo personale.
Sul builder di pagina visuale di SeedProd, trascina e rilascia, troverete molti widget ‘Standard’ e ‘Avanzati’ tra cui scegliere. Questi includono titoli, testi, elenchi, header, immagini in evidenza e così via.
È sufficiente trascinare il widget desiderato e spostarlo nella posizione esatta in cui si desidera l’elemento.

È inoltre possibile personalizzare lo sfondo a proprio piacimento scegliendo una tinta unita, un colore sfumato o un’immagine di sfondo.
È sufficiente fare clic sul riquadro del livello esterno e sotto la voce “Contenuto” del menu della barra laterale sono disponibili le opzioni per personalizzare lo sfondo.

Se avete bisogno di aiuto per lavorare con l’interfaccia di SeedProd, potete guardare i nostri video tutorial di SeedProd.
Quando si modificano i contenuti della pagina principale del portfolio, ci sono diversi componenti chiave da includere, come ad esempio:
Forte invito all’azione (CTA): I siti di portfolio devono avere un pulsante CTA che cancelli la possibilità per i visitatori di assumere o mettersi in contatto con voi. Il pulsante CTA deve essere posizionato sia sopra la piega che in fondo alla pagina.
Basta trovare la casella “Pulsante” nel menu di sinistra e trascinarla sulla pagina a destra.

Per modificare qualsiasi elemento, è necessario fare clic sull’elemento o sull’area specifica che si desidera personalizzare.
Le opzioni per questo blocco appaiono a sinistra. Come si può vedere qui sotto, la scheda “Contenuto” consente di modificare il testo del pulsante e di linkarlo alla pagina dei contatti o anche a un modulo incorporato in basso su questa stessa pagina.
La scheda “Templates” consente di scegliere lo stile dei pulsanti, mentre la scheda “Advanced” permette di modificare la spaziatura interna, i font e altro ancora.

Servizi offerti: I visitatori vogliono sapere cosa offrite, in modo da essere sicuri che possiate fare ciò che vogliono. Ad esempio, in qualità di sviluppatore di WordPress, codificate plugin personalizzati, offrite personalizzazioni di siti web o costruite siti web da zero?
Per creare una sezione di servizi, basta aggiungere un widget ‘Colonna’ e inserire un ‘Box icona’ per ogni servizio offerto.
Quindi, è possibile personalizzare il testo e le icone secondo le proprie esigenze facendo clic sull’elemento e utilizzando la barra laterale.

Sezione “Chi siamo”: Anche i potenziali clienti vogliono sapere di più sul vostro sfondo e sulla vostra esperienza. Questa è un’occasione per creare un legame con le persone e mostrare la vostra passione per ciò che fate.
Per creare una sezione “Chi siamo”, è sufficiente aggiungere il widget “Image Box” alla pagina. Poi, è sufficiente aggiungere una vostra foto ritratto e scrivere una descrizione che parli di chi siamo.
Se state creando un portfolio per un’azienda o un brand, potete utilizzare qui il vostro logo personalizzato.

Testimonianze: Fornire testimonianze di clienti precedenti aiuta a creare fiducia, soprattutto se si è lavorato in corso d’opera con brand affidabili. Vedere che altre persone sono soddisfatte del vostro lavoro dà agli altri la fiducia che anche voi possiate fare un ottimo lavoro.
È sufficiente aggiungere il widget “Testimonianze” alla pagina. Quindi, è possibile aggiungere una foto del cliente e modificare il suo nome e la sua testimonianza. Se volete aggiungere altre recensioni, fate clic sull’icona “Duplicator” accanto al nome della persona.

6. Aggiungere una galleria per mostrare esempi del proprio lavoro
Creare un sito web di portfolio vi dà la possibilità di mostrare tutto il fantastico lavoro che avete fatto. Quando i potenziali clienti vedranno quello che sapete fare, si fideranno del fatto che siete la persona giusta per il lavoro.
Per farlo, utilizzeremo Envira Gallery, il miglior plugin per gallerie di WordPress. Sebbene sia possibile utilizzare il widget “Galleria avanzata” di SeedProd, Envira Gallery offre maggiori funzionalità.
Ad esempio, è dotato di immagini “Lightbox”. Ciò significa che quando si fa clic su una foto, questa viene automaticamente visualizzata in tutte le sue dimensioni, senza bisogno di ritagliarla o ridimensionarla. È anche possibile aggiungere presentazioni e organizzare le gallerie in album per categorizzare meglio il proprio lavoro.
Per prima cosa, installiamo e attiviamo il plugin Envira Gallery. Per istruzioni dettagliate, seguite la nostra guida su come installare un plugin di WordPress.
Dopo l’attivazione, si può andare su Envira Gallery ≫ Aggiungi nuovo nella dashboard di WordPress.
È sufficiente assegnare un nome alla galleria nella barra del titolo. Quindi, fare clic su “Cerca file dal computer” per aggiungere le immagini dei progetti del portfolio.

Una volta caricati gli elementi del portfolio, si dovrà scorrere verso il basso e passare alla scheda ‘Config’.
Qui si può modificare il numero di colonne della galleria che si desidera visualizzare. Impostando “Automatic”, il numero di immagini riempirà automaticamente ogni riga.

Se si desidera modificare le dimensioni delle immagini, è possibile scorrere la scheda “Config” e trovare l’opzione “Dimensioni immagine”.
Quindi, è sufficiente selezionare il formato che meglio valorizza gli elementi del portafoglio.

È anche possibile regolare le dimensioni dell’immagine di Lightbox in modo da visualizzare l’immagine di dimensioni originali quando si fa clic sull’immagine.
A tal fine, è necessario andare alla scheda “Lightbox” e regolare le dimensioni dell’immagine su “Immagine originale”.

Quindi, scorrere fino in alto nella pagina e hit “Pubblica”.
Sotto il pulsante di pubblicazione è presente uno shortcode. Copiate lo shortcode per aggiungere la galleria alla nostra pagina portfolio di WordPress.

Ora torniamo alla pagina del portafoglio di SeedProd.
Il passo successivo consiste nel trascinare e rilasciare il blocco ‘Shortcode’ in qualsiasi punto della pagina. Quindi, è sufficiente incollare lo shortcode nella casella “Shortcode” del menu della barra laterale.

Se si desidera visualizzare l’anteprima dello shortcode, fare clic sul pulsante ‘Anteprima’ in alto a destra della pagina.
Questo mostrerà l’aspetto dell’intera pagina.

Qui si dovrebbe vedere che la Galleria Envira è incorporata nel sito del portfolio.
Con la funzione lightbox di Envira Gallery, è possibile fare clic su ciascun elemento per vedere l’immagine completa.

7. Aggiungere un modulo di contatto
Ora che avete attirato i vostri potenziali clienti, è il momento di convincerli a contattarvi. Certo, si può semplicemente inviare un’e-mail, ma i moduli di contatto consentono di inviare direttamente un messaggio senza aprire l’applicazione di posta elettronica.
Il modo migliore per creare un modulo di contatto semplice e professionale è WPForms.

WPForms è il miglior builder di moduli di contatto per WordPress che consente di creare moduli di contatto online.
Per imparare a creare un semplice modulo di contatto per il vostro sito web in modo che i potenziali clienti possano contattarvi, seguite il nostro tutorial passo passo su come creare un modulo di contatto in WordPress.
Una volta completato il modulo, si può tornare alla pagina del portfolio.
Quindi, si può usare il widget ‘Modulo di contatto’ per aggiungere un modulo da WPForms. Alla voce “Seleziona un modulo”, scegliete semplicemente quello che avete creato.

8. Rendilo vivo
Se tutto sembra a posto, siete pronti a lanciare il vostro sito web.
È sufficiente fare clic sulla freccia sotto il pulsante verde “Salva” nell’angolo in alto a destra. Quindi fare clic su “Pubblica”.

Andate a vedere il sito dal vivo.
Tutto dovrebbe apparire, compresa la galleria del portfolio, i pulsanti e il modulo di contatto.

Una volta realizzato un sito web di portfolio dall’aspetto professionale, sarete pronti a iniziare a inviare più traffico al vostro sito o a coltivare potenziali clienti interessati.
Speriamo che questo articolo vi abbia aiutato a capire come creare un sito web di portfolio online in WordPress. Vi consigliamo anche di selezionare le nostre guide su come creare una newsletter a pagamento e su come creare un link nella pagina bio.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Jiří Vaněk
I’ve approached my portfolio as a blog. I write a tech blog about what interests me, using it as a showcase of my work. So, for me, a blog can be a great addition to a portfolio, demonstrating your skills and expertise in a way that can also be enjoyable and drive traffic to your website through search engines.
Konrad
one more thing to save for the future, thank you guys
wish me luck as i gather the courage to share my artworks with others :>
WPBeginner Support
Good luck
Admin
Ram E.
Thanks for another detailed guide! For more complex or bigger portfolio sites, there is also the option to create custom post types for even greater flexibility in terms of features.
WPBeginner Support
That is a good option for sites with multiple content types
Admin
Mikolaj
I’ve been in search of a great portfolio landing page for my art selling business, and it seems like SeedProd is just what I need. The simplicity and theme customization options are fantastic. Thanks for the comprehensive guide; I’m excited to give it a go!
WPBeginner Support
We hope you enjoy using the plugin
Admin
Ralph
Nice and easy step by step tutorial. I don’t really need portfolio however it gave me other idea. I will use similar concept for homepage of my blog. Above all newest articles i will place 3 big buttons/pics (sorry i don’t know how to describe it in english), that will lead to my youtube, podcast and blog. So more promotion for my other channels.
Thanks for idea!
WPBeginner Support
You’re welcome, glad our guide could give you ideas
Admin
Naveera Batool
Really an interesting and helpful article.
WPBeginner Support
Glad you think so
Admin
A Owadud Bhuiyan
I have tried to create a portfolio site but I am not able to set the blog page as Homepage.
WPBeginner Support
It would depend on the theme but if you do not set a static page under Settings>Reading, most themes set the blog page as your homepage.
Admin
Adam Michalak
Grate artictle, highly recommend it to anyone looking to learn how to create an online portfolio website in WordPress. In today’s competitive freelance market, having a portfolio website to display your best work is essential for standing out and attracting more clients. This step-by-step guide offers valuable insights on how to accomplish this, making it a valuable resource for those aiming to build their online presence as a professional freelancer.
I will recommend it to my friends who are just starting to work with wordpress
WPBeginner Support
Thank you for your kind words and we hope whoever you recommend also finds this article helpful
Admin
William Dean Dailey
This is the most effective and informative post I have read by you all.
The graphics and text were easy to understand and follow through to complete the website and publish. Thank you for that. It’s the first time I have made it to publish using WordPress and am happy with the results.
WPBeginner Support
Glad to hear you were able to publish your site
Admin
Sean Brady
I feel that developing a portfolio website with WordPress would be a great way add to display an artist discography.
WPBeginner Support
It certainly could be
Admin
Sharon
I liked this Tutorial. Although I’m an Elementor page builder user, it’s nice to see other page builders out there and what they can do. I had a portfolio of my website at one point, but I can’t say I really liked it. I think I might try again and use some techniques from this tutorial. Thanks, WPBeginner for the useful tutorial! Awesome instructions!
WPBeginner Support
You’re welcome and glad to hear you found our tutorial useful.
Admin
Alice Elliott
Thank you for this very detailed tutorial about how to set up a portfolio website. However, I wonder why you chose a non-wysiwyg theme within your example. If you are targeting visual people, I would think this should be far more applicable, as it would be something they could relate to much more easily.
WPBeginner Support
We went with a page builder in this guide as it adds more freedom for design
Admin
priya
thanks for sharing with us .
WPBeginner Support
You’re welcome
Admin
Shafqat Khan
I’ve been looking for a way to create a portfolio landing page for my photography business, and SeedProd seems like the perfect solution. I love how easy it is to use and customize the theme templates. Thank you for this detailed guide, I can’t wait to try it out!
WPBeginner Support
Glad to hear our guide was helpful!
Admin