• Caratteristiche
  • Modelli
  • Prezzi
  • Italian
  • Caratteristiche
  • Modelli
  • Prezzi
  • Italian
Ops! Il widget ricercato non è stato trovato! Hai qualche idea? Se sì, Invia qui

Ciao ragazzi. Questo è un tutorial passo-passo per creare un portfolio perfetto utilizzando Elementor per il vostro sito web. Molte volte, per diverse occasioni, potreste avere problemi nel progettare un portfolio che si adatti al vostro tema. Per alleviare i vostri problemi, oggi vi mostrerò come creare un portfolio con Elementor che si adatti a ogni occasione.

Si noti che il Widget Galleria Portfolio che ho utilizzato in questa esercitazione è un prodotto di Element Pack Pro. Pertanto, vi suggerisco di procurarvelo prima di iniziare.

Prima di iniziare è necessario disporre di:

  • WordPress attivo
  • Plugin per il costruttore di pagine Elementor
  • Plugin Element Pack Pro

Prima di proseguire, installare Elementor Element Pack nella vostra dashboard. Si tratta di un processo semplice, in quanto è necessario installarli dal menu Plugin. Basta fare clic su Aggiungi nuovo e aggiungerli cercando il loro nome. Questo è il primo passo per creare un portfolio utilizzando il page builder Elementor.

Installazione del widget Galleria del portafoglio

Installing Portfolio Gallery Widget

Per cominciare, andate a Element Pack dal menu del plugin WordPress cruscotto. Lì, dalla schermata Widget di terze partifare clic sul pulsante di download per scaricarlo e installarlo. Galleria del portafoglio widget. Poi basta attivarlo con un clic.

Impostazione del widget Galleria del portafoglio

Configuring widget in dashboard

Dopo aver installato il widget, questo creerà automaticamente un menu nella dashboard. Per creare un portfolio utilizzando Elementor e il widget Galleria di portfolio, è necessario che il portfolio sia inserito nella dashboard. Per farlo, andare su Cruscotto> Portafoglio> Aggiungi nuovo elemento. Qui è possibile aggiungere i propri elementi al portfolio. In questa parte, è possibile aggiungere un nome all'elemento.

Configuring widget in dashboard

Anche in questo caso, è possibile scrivere un file Estratto per ogni articolo e selezionare un Immagine in primo piano. È tutto! Premete il pulsante Pubblica e i vostri articoli sono ora nel portfolio. È molto facile creare un portfolio con Elementor.

Configuring widget in dashboard

Anche in questo caso, assicuratevi di classificare i vostri articoli o prodotti per il portfolio. La creazione di una buona categoria non solo rende il portfolio bello, ma anche facile da usare. Il passo successivo, per creare un portfolio utilizzando Element, è l'editor di pagine.

Nuova pagina per il Portfolio con Elementor

Making a page for creating a portfolio using elementor

Nel cruscotto, andare su Pagine> Aggiungi nuovo. È necessario inserire un titolo per la pagina, come mostra l'immagine. Quindi fare clic su Modifica con Elementor.

Installing Rooten theme

Si noti che sto usando Rooten per questo tutorial. È un prodotto premium con un grande potenziale. È il tema più leggero e veloce ottimizzato per WordPress. Rooten Il tema offre una vasta gamma di contenuti personalizzabili con opere d'arte eleganti. Questo tema rende le cose facili e semplici per gli utenti. È un tema facile da usare per creare un portfolio utilizzando Elementor.

Un blog per voi
I blog più popolari

Per saperne di più su WordPress

Creare un portfolio utilizzando Elementor e il widget Galleria portfolio

Inserimento del widget

Editing the page for creating a portfolio using elementor

Per prima cosa, è necessario trascinare e rilasciare il widget dal menu dei widget. Anche se questa operazione non è nulla di particolare. Ma poiché molti sono alle prime armi con Elementor, questo passaggio può essere utile.

Primo sguardo al Portfolio - Scheda Contenuto

customizing

Dopo aver inserito il widget, verrà visualizzato il messaggio Layout aperto dalla sezione Contenuto scheda. Questa scheda contiene le impostazioni di base del widget portfolio. Come si può vedere, la scheda La pelle è impostato su Predefinito. La prima immagine è un po' annerita a causa del passaggio del mouse su di essa.

Tuttavia, da questa sezione è possibile modificare le dimensioni dell'immagine e attivare la paginazione o il masonry. Il La pelle vi aiuta a creare un portafoglio unico utilizzando Elementor.

Interrogazione del portafoglio con Elementor

customizing

Qui si specifica la categoria di prodotti o articoli che si desidera mostrare nel portfolio. Se si sceglie Selezione manuale nel Fonte è possibile selezionare una categoria. Si tratta della categoria creata nella dashboard durante la creazione del portfolio con Elementor.

È inoltre possibile determinare il numero di prodotti visualizzati in una pagina. Inoltre, è possibile impostare l'ordine e l'offset. Queste sono le funzioni di base del vostro portfolio.

customizing portfolio using elementor

Dopo aver impostato la query, si può vedere il selettore per attivare la barra dei filtri. Mostra quante categorie sono state inserite nel portfolio. È comoda e informativa per i visitatori. Inoltre, l'opzione della barra dei filtri facilita la scelta dei prodotti da parte dei clienti. È necessaria per creare un buon portfolio utilizzando Elementor.

Opzioni aggiuntive per il portafoglio con Elementor

customizing

Nel Ulteriori si hanno a disposizione altri selettori e controllori a tendina. È possibile mostrare/nascondere il titolo, l'estratto o le categorie. Tuttavia, l'attivazione/disattivazione di questi selettori è sufficiente. Osservare attentamente la sezione Effetto inclinazione e Zoom al passaggio del mouse commutatori.

customizing

Questo è il Anteprima che mostra l'azione dei due commutatori. L'aggiunta di questi effetti non solo renderà ricco il vostro portfolio, ma renderà anche soddisfatti i visitatori.

Ora che avete completato le basi, è il momento di aggiungere un po' di pepe al piatto. Passiamo alla Stile scheda.

Stile del portafoglio con Elementor

Attenzione!

customizing portfolio using elementor

Prima di andare avanti, modificherò il parametro La pelle a Abetis. In questo modo il titolo e l'estratto verranno inseriti nell'immagine. Il motivo è che in questo modo si ottiene una maggiore visibilità e si occupa meno spazio.

Tuttavia, tutte le impostazioni precedenti sono rimaste attaccate. Quindi, assicuratevi di dare un'altra occhiata al file La pelle opzione.

Un blog per voi
I blog più popolari

Per saperne di più su WordPress

Personalizzazione dell'aspetto del portafoglio con Elementor

customizing

La prima sezione Articoli consente di regolare gli spazi tra le colonne e le righe degli elementi. Più si aumentano gli spazi, più le loro dimensioni diminuiscono. Questo accade perché si trovano in uno spazio limitato. Assicuratevi quindi di mantenere gli spazi ottimali.

Inoltre, è possibile regolare il raggio del bordo da qui. Come mostra l'immagine, ho dato loro forme uniche con il Raggio del bordo. È sufficiente inserire 77 numeri nel campo In alto Fondo campi.

Anche in questo caso, è possibile modificare il colore e l'allineamento dei titoli di tutti gli elementi contemporaneamente. Tuttavia, assicuratevi di scegliere una tipografia unica che rappresenti il vostro marchio. È possibile modificare anche la tipografia e il colore dell'estratto nella sezione successiva.

Creare pulsanti unici per il portafoglio con Elementor

customizing

Rendiamo le cose un po' più piccanti. Accendere il Raggio avanzato e dare un'occhiata. Vedrete quindi le icone apparire in una strana forma. Questo può essere fatto dal menu Pulsante nella scheda Stile. Tuttavia, assicuratevi di modificare il colore a vostro piacimento.

customizing portfolio

Successivamente, modificare l'allineamento e lo spazio inferiore della barra dei filtri in base ai propri gusti. Non dimenticate di cambiare il colore e la tipografia. Più il vostro portfolio ha un aspetto raffinato, più attirerà i visitatori. Quindi, tenetelo a mente.

Inoltre, cambiare l'aspetto della paginazione dell'ultima sezione è un buon affare.

Opzioni aggiuntive e aspetto finale del portafoglio

customizing

Dopo tutte queste personalizzazioni, c'è ancora qualcosa che non va. Aggiungiamo l'animazione e rendiamo il tutto completo. Dalla pagina Avanzato andare alla scheda Effetti di movimento sezione. Come sopra, scegliete un'animazione di ingresso al portfolio.

customizing

Successivamente, inserire un colore sfumato sullo sfondo per creare una tonalità chiaro-scura. È possibile farlo nella finestra Sfondo sezione. Basta andare su Scheda Stile> Sfondo.

Tutto fatto! Date un'occhiata al prodotto finito.

customizing

Quindi, il portafoglio è completo. Non c'è bisogno di ringraziarmi. Tuttavia, seguite attentamente questi passaggi. Create un portfolio unico e straordinario utilizzando Elementor.

Contenuto bonus - Il pacchetto di widget tutto in uno Per Elementor di cui avete bisogno!

Element Pack is the best widget pack for Elementor

Element Pack è il componente aggiuntivo più ottimizzato basato sul sistema WordPress Elementor per creare il vostro sito web premium.

Questo plugin ha un vasto inventario pronto per essere distribuito sul vostro sito web. Anche con 190+ plugin, 270+ pagine pronte all'uso, oltre 1800 blocchi uniciElement Pack ha raggiunto la posizione di Top 5 in tutto il mondo.

Ottenere una licenza EP e PS gratuita (a vita)

Stiamo organizzando un programma di omaggi per i nostri amati consumatori e abbonati che sono collegati al nostro sito ufficiale. BDthemes.com

Visita Element Pack o Cursore Prime e condividete con noi i vostri pensieri. I fortunati vincitori riceveranno una licenza a vita del valore di $100. Per partecipare basta un minuto.

Partecipa al programma Give Away

Ciò che ogni progettista di siti web di successo desidera è avere strumenti di qualità e ottimizzati. E Element Pack risponde con fiducia a questo desiderio. Quindi, non esitate troppo e correte!

Grazie per aver letto questo blog. Vi auguro una buona giornata!

Copyright © 2025 BdThemes. Tutti i diritti riservati.

Money Transfer Logo