Come costruire un portfolio online con WordPress (e il tema totale)

Un sito Web di portfolio è una piattaforma perfetta per mostrare tutto ciò che desideri. Potrebbero essere i prodotti che stai vendendo, i progetti che hai completato, i premi che hai ricevuto, le fotografie che ispirano o le opere d’arte di cui sei orgoglioso. Un sito portfolio commercializzerà i tuoi prodotti, servizi e competenze al tuo pubblico di destinazione. Inoltre, può essere utile nel generare lead. Se sei un professionista creativo (web designer, artista, pittore, scrittore, grafico), un sito web ben progettato è particolarmente importante per attirare i clienti e far crescere la tua attività.


In questo post, seguiremo i passaggi per la creazione di un sito Web portfolio con WordPress utilizzando il tema Totale. All’inizio, dovresti sapere che il tema Totale include un tipo di post personalizzato incorporato per il portfolio. Quindi è più facile creare il tuo portfolio e aggiungere gli articoli del tuo portfolio. E se sai come lavorare con post standard, creare un portfolio sarà molto più semplice per te.

Iniziamo!

Passaggio 1: selezionare un host Web

Quando si tratta di hosting, esiste un vasto numero di opzioni di hosting adatte a tutte le tasche. Ma se sei bloccato per sceglierne uno, dai un’occhiata alle soluzioni di hosting WordPress che WPExplorer consiglia.

Il miglior hosting WordPress

Bluehost è un’ottima opzione se hai appena iniziato poiché offre molte risorse a un prezzo basso, che è ancora più basso quando usi il nostro link. Puoi ottenere Bluehost per soli $ 2,95 il primo anno!

Ma se vuoi l’hosting che è un gioco da ragazzi, Flywheel e WP Engine sono due delle migliori società di hosting WordPress gestite in circolazione. Entrambi offrono grandi funzionalità a un prezzo ragionevole e, soprattutto, non devi mai pensare al tuo server poiché si occupano di tutto per te.

Passaggio 2: Scegli un nome di dominio

Quando ti registri con un host per lo spazio del server, dovrai avere a portata di mano il tuo nome di dominio. Il tuo nome di dominio è unico per il tuo sito Web e puoi ottenere questi nomi da registrar come NameCheap e GoDaddy. Scegli un nome con attenzione, in quanto può diventare piuttosto complicato cambiarlo in seguito.

Passaggio 3: installa WordPress

Installare WordPress è facile! Con host gestiti, l’installazione di WordPress è già configurata per te. Se scegli Bluehost, segui semplicemente la procedura di installazione con un clic e dovresti avere WordPress pronto in pochi minuti.

Quando raggiungi la schermata di accesso, inserisci il nome utente e la password che hai creato durante l’installazione di WordPress e inserisci il tuo sito web. Una volta lì, puoi creare il tuo sito Web di portfolio attuale.

Passaggio 4: selezionare e attivare un tema

Questo passaggio sarà facile per noi, poiché sceglieremo Total. A nostro avviso, è uno dei migliori temi che potresti scegliere per qualsiasi progetto poiché il tema include tonnellate di funzionalità e opzioni che puoi utilizzare per aziende, enti di beneficenza, portafogli e altro ancora. E con le semplici importazioni di demo puoi creare bellissimi siti Web di portfolio con Total in pochi clic, come questo qui sotto:

Dopo aver installato il tema Totale, attivalo dalla dashboard facendo clic su Aspetto> Temi> Aggiungi nuovo.

A questo punto, puoi scegliere: puoi semplicemente importare qualsiasi sito Web demo da Total usando Importatore di demo.  Total ha oltre 40 siti Web pre-costruiti, comprese le demo per il portfolio. Puoi scegliere qualsiasi demo, importarlo e aggiungere il tuo contenuto ad esso.

Basta scegliere la demo che ti piace e seguire le istruzioni su schermo per installare, quindi attivare i plug-in richiesti e importare il contenuto di esempio (post, tipi di post, widget, menu ecc.).

Passaggio 5: Creare e modificare elementi del portafoglio e creare un elenco di elementi del portafoglio

Ovviamente non è necessario importare una demo per iniziare, puoi sempre creare il tuo sito Web da zero. Quando si utilizza il tema Total è facile creare il proprio portfolio.

Ma prima di poter creare la nostra pagina del portfolio, dobbiamo creare gli elementi del portfolio che andranno al suo interno. Con Total, hai due opzioni per creare gli articoli del tuo portafoglio.

Opzione 1: utilizzo del tipo di posta personalizzato del portfolio Total così com’è

La tua prima opzione è quella di utilizzare il tipo di post del portfolio così come lo è per creare il tuo portfolio. Dalla dashboard di WordPress, fai clic su Portfolio> Aggiungi nuovo.

Posizioni tipo di portafoglio totale portfolio

Aggiungi il titolo, i tag, le categorie dell’articolo del portfolio e qualsiasi contenuto testuale. Total supporta vari tipi di contenuto: aggiungi a Immagine in primo piano se si desidera visualizzare una singola immagine, aggiungere più immagini a galleria di immagini sezione per creare un dispositivo di scorrimento o aggiungere un collegamento per un file audio o video nella Articolo del portafoglio sezione. Ma in tutti questi casi probabilmente vorrai anche selezionare un layout di pagina nelle Impostazioni principali (barra laterale sinistra, destra o nessuna) e impostare un’immagine in primo piano per il tuo post da utilizzare in griglie di portfolio, caroselli e post correlati. Al termine, salva il post.

Impostazioni del tipo di post del portfolio totale

Il prossimo passo è andare a Aspetto> Personalizza> Portfolio per personalizzare le pagine dell’archivio del portfolio (principali, tag e categorie) nonché le pagine dei singoli elementi del portfolio. Da qui puoi scegliere un layout della barra laterale, contare i post correlati e abilitare vari elementi della pagina, quindi trascinarli e rilasciarli nell’ordine desiderato.

Questo è tutto! Aggiungi solo più articoli per compilare il tuo portfolio.

Opzione 2: crea il tuo modello di portfolio con Visual Composer

Se vuoi essere più pratico, puoi essere il tuo designer usando le funzionalità di Total e il generatore di pagine Visual Composer. Visual Composer è un generatore di pagine visive che ti aiuta a creare splendidi layout utilizzando il metodo di trascinamento della selezione. Come utente, significa che non devi conoscere alcuna codifica e puoi effettivamente goderti il ​​processo di costruzione del web. Viene fornito gratuitamente con Total e dovresti visualizzare un prompt per installare il plug-in sul tuo sito Web quando attivi il tema. Ricorda solo di attivarlo.

Visita le impostazioni di Visual Composer dalla dashboard per configurare il plug-in. Clicca su Visual Composer> Gestore ruoli e regola le impostazioni. Ancora più importante, abilita il compositore per i tipi di post su cui desideri utilizzarlo. Per impostazione predefinita, Visual Composer è abilitato solo sulle pagine. Abilitalo per i tipi di post del portfolio in modo da poter creare elementi del portfolio con l’aiuto di Visual Composer.

Proprio come l’ultima opzione, dovrai creare un nuovo post facendo clic su Portfolio> Aggiungi nuovo. Dai un nome al tuo post, seleziona categorie o tag, scegli un layout della barra laterale nella sezione delle impostazioni principali e imposta un’immagine in primo piano. Salva la bozza del tuo post. Ora puoi iniziare a costruire!

Hai la possibilità di utilizzare l’editor front-end (visivo) o back-end (blocco) di Visual Composer che inizia a modificare l’elemento del portfolio. Preferiamo l’editor di frontend poiché puoi vedere gli elementi della tua pagina, i colori personalizzati, i padding / i margini e altro ancora. Ma non importa quale scegli di usare, seleziona semplicemente Visual Composer Aggiungi elemento per iniziare.

Generatore di pagine portfolio totale

Vedrai tutti gli elementi disponibili nella libreria degli elementi. Total ha un numero di elementi appositamente progettati nella libreria, oltre agli elementi Visual Composer standard. Puoi vedere che l’istantanea sopra usa il Cursore immagine e a Casella di testo per creare l’elemento del portafoglio. Tuttavia, è possibile utilizzare quasi tutti gli altri elementi della libreria.

Al termine della modifica, salva il post del portfolio e fai clic Pubblicare. Se hai intenzione di creare molti articoli simili, puoi anche salva il modello per uso ripetuto. Per salvare il layout come modello, tornare all’editor back-end.

Creatore di modelli di pagina portfolio totale

Fai clic sul pulsante Templatera (che assomiglia a una piccola icona di layout grigia).

Modello di pagina del portfolio totale

Quindi dai un nome al tuo modello e salvalo. Per utilizzare il tuo modello su un nuovo post, fai clic sull’icona Templatera per inserire il layout che hai salvato. In alternativa, puoi impostare il modello come predefinito per tutti i nuovi post in un determinato tipo di post.

Valori predefiniti modello pagina portfolio totale

Per fare ciò, vai a Visual Composer> Impostazioni generali e imposta il tuo modello preferito per ogni tipo di post. Se prevedi di aggiungere molti articoli al tuo portfolio, personale ecc., Ciò ti farà risparmiare un po ‘di tempo poiché tutti gli elementi della pagina standard verranno automaticamente inseriti e formattati per te.

Passaggio 6: creazione della pagina del portfolio

Ora che abbiamo l’elenco degli elementi del portafoglio che vogliamo visualizzare sul nostro portafoglio, è tempo di creare la pagina che conterrà questi elementi del portafoglio. Crea una pagina come fai normalmente con WordPress. Vai a Pagine> Aggiungi nuovo. Assegna un titolo alla nuova pagina e salvala.

Successivamente, fai clic sull’opzione Visual Composer con cui vuoi lavorare – di nuovo avrai la possibilità di utilizzare l’editor frontend o l’editor backend. Questo aprirà l’editor live di trascinamento della selezione. Clicca sul blu Aggiungi elemento pulsante. Useremo l’elemento Portfolio Grid per costruire la nostra pagina del portfolio. Seleziona Portfolio Grid. Se si tratta di una giostra che si desidera sulla pagina del proprio portfolio, selezionare l’elemento Portousous del portfolio.

È possibile regolare le impostazioni nell’elemento Portfolio Grid per ottimizzare la modalità di visualizzazione della pagina Portfolio. È possibile selezionare la dimensione delle immagini, aggiungere bordi, denominarli, sseleziona le categorie, seleziona l’ordine, le colonne e i post per pagina, abilita l’impaginazione, scegli gli stili della griglia, aggiungi estratti e molto altro. Salva la pagina Portfolio dopo aver compilato le opzioni di impostazione sotto l’editor di testo.

È possibile visualizzare le modifiche anche mentre vengono apportate. Ecco come appare la mia pagina del portfolio nel frontend dopo aver salvato le modifiche all’elemento Portfolio Grid.

Passaggio 7: personalizza il tuo portafoglio

Puoi utilizzare le impostazioni nel Personalizzatore di WordPress live per impostare le opzioni per breadcrumb, layout degli archivi, stile a singolo post, ritaglio delle immagini e altro.

Se vuoi apportare modifiche all’icona dell’amministratore, inserisci il tipo di nome, la lumaca e la tassonomia, usa il Editor di tipi di post portfolio.

Passaggio 8: aggiunta del portfolio al menu

Su un sito Web del portfolio, ha senso che la pagina del portfolio appaia nel menu principale in modo che i visitatori possano accedere immediatamente al “Portfolio” e visualizzare le pagine del portfolio. Per aggiungere la tua nuova pagina di portfolio vai a Aspetto> Menu, selezionare la pagina Portfolio e fare clic Aggiungi al menu.

Ora il Portfolio appare come una voce di menu facilmente accessibile sulla home page (e su qualsiasi altra pagina con il menu principale abilitato).

Se desideri che la pagina del tuo portfolio sia la tua home page, vai a Impostazioni> Lettura, imposta la visualizzazione della tua pagina iniziale su una pagina statica, quindi seleziona il tuo portfolio. Vai tranquillo!

Terminando

Con la sezione Portfolio del tuo sito Web in atto, potresti voler andare avanti e aggiungere più pagine al tuo sito Web. Prendi in considerazione una Pagina di contatto, Informazioni o Servizi che sono incredibilmente utili e che sono una parte necessaria di un sito Web del portfolio. Crea tutte le pagine che desideri o di cui hai bisogno, ricordando di includere quelle importanti nel menu per avere un sito Web di portfolio completo.

Una volta terminato il tuo portfolio, puoi passare alla generazione di traffico verso il tuo portfolio, ottimizzare le tue immagini o persino monetizzare il tuo sito web. Quali altri suggerimenti hai per costruire il tuo portafoglio online?

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