Navigazione agevole grazie a menu ricchi di opzioni
Le scelte visive dei prodotti aumentano rapidamente le vendite
I contenuti personalizzati si adattano in tempo reale
Scorrimento senza soluzione di continuità per un flusso UX migliore
La duplicazione istantanea dei contenuti fa risparmiare tempo
Accesso rapido a potenti elementi di design
I modelli pronti per l'uso velocizzano la progettazione
Campi personalizzati avanzati per dati flessibili
Clonare siti in modo semplice e senza problemi
Grafica nitida e scalabile per tutti gli schermi
Rebranding degli strumenti per un look professionale
Mostrare o nascondere i contenuti con precisione
Profondità coinvolgente con movimenti fluidi
Aggiungere facilmente note e annotazioni chiare
I suggerimenti utili migliorano l'interazione con l'utente
Animate gli elementi con stile
Mantenere sempre visibili le sezioni importanti
Pieno controllo con modifiche personalizzate del codice
Ottimizzare i file per aumentare la velocità del sito
Modelli di pagina realizzati per aiutarvi a iniziare la vostra pagina di destinazione con un semplice design iniziale
Ready Blocks è dotato di una varietà di layout ed elementi di design, come intestazioni, piè di pagina, widget ecc.
Intestazioni pre-progettate con stili vantaggiosi, adatte a vari siti web di nicchia e ai gusti di design.
Un'utile raccolta di design di piè di pagina per aiutarvi a creare un piè di pagina immediatamente attraente sulla vostra pagina di destinazione.
Siamo a vostra disposizione 24 ore su 24, 7 giorni su 7. Siamo lieti di aiutarvi.
Linee guida dettagliate disponibili per ogni caratteristica su BdThemes
Imparate qualcosa di nuovo, rimanete informati su WordPress, Web Design e molto altro.
Ecco alcune delle tappe fondamentali del mio sviluppo:
Imparate l'uso dei prodotti, i suggerimenti e i trucchi di WordPress grazie ai nostri video.
Guadagnate ingenti commissioni unendovi a noi nella promozione
Widget Idea Share è un ottimo modo per trovare widget simili che si possono migliorare.
Certamente! Se avete bisogno di mettervi in contatto con noi, non esitate a contattarci.
Costruite qualsiasi modulo WordPress in pochi minuti con Sigma Forms.
Plugin Page Builder in modalità Coming Soon e Maintenance
Rendete facilmente accessibili i siti web con One Accessibility
Mostrate le testimonianze dei clienti per aumentare la fiducia e la credibilità.
Zoloblocks aiuta a creare siti web straordinari basati su Gutenberg.
Il cursore più avanzato nell'era del cursore Elementor
Gli unici widget di blogging compatibili in Elementor per qualsiasi blog
Costruite un sito eCommerce WordPress di ultima generazione per le imprese
Organizzate le vostre foto in un angelo diverso ogni volta con Elementor
Aumentate il coinvolgimento e le vendite con Spin Wheel.
Potente plugin generatore di immagini AI per WordPress di ChatGPT
Ottenete la realtà aumentata a 360° per WooCommerce oggi stesso!
Copiate e incollate qualsiasi design web che vi piace con soli 2 clic!
Un tema completamente funzionante per elementor con opzioni illimitate
Tema a blocchi intelligente, pulito e flessibile per Gutenberg
Il plugin Dark Reader garantisce una lettura del web rispettosa degli occhi.
WooCommerce one-page checkout per aumentare le conversioni.
Accesso a 100+ plugin premium per WordPress con aggiornamenti a vita e supporto dedicato.
Navigazione agevole grazie a menu ricchi di opzioni
Le scelte visive dei prodotti aumentano rapidamente le vendite
I contenuti personalizzati si adattano in tempo reale
Scorrimento senza soluzione di continuità per un flusso UX migliore
La duplicazione istantanea dei contenuti fa risparmiare tempo
Accesso rapido a potenti elementi di design
I modelli pronti per l'uso velocizzano la progettazione
Campi personalizzati avanzati per dati flessibili
Clonare siti in modo semplice e senza problemi
Grafica nitida e scalabile per tutti gli schermi
Rebranding degli strumenti per un look professionale
Mostrare o nascondere i contenuti con precisione
Profondità coinvolgente con movimenti fluidi
Aggiungere facilmente note e annotazioni chiare
I suggerimenti utili migliorano l'interazione con l'utente
Animate gli elementi con stile
Mantenere sempre visibili le sezioni importanti
Pieno controllo con modifiche personalizzate del codice
Ottimizzare i file per aumentare la velocità del sito
Modelli di pagina realizzati per aiutarvi a iniziare la vostra pagina di destinazione con un semplice design iniziale
Ready Blocks è dotato di una varietà di layout ed elementi di design, come intestazioni, piè di pagina, widget ecc.
Intestazioni pre-progettate con stili vantaggiosi, adatte a vari siti web di nicchia e ai gusti di design.
Un'utile raccolta di design di piè di pagina per aiutarvi a creare un piè di pagina immediatamente attraente sulla vostra pagina di destinazione.
Siamo a vostra disposizione 24 ore su 24, 7 giorni su 7. Siamo lieti di aiutarvi.
Linee guida dettagliate disponibili per ogni caratteristica su BdThemes
Imparate qualcosa di nuovo, rimanete informati su WordPress, Web Design e molto altro.
Ecco alcune delle tappe fondamentali del mio sviluppo:
Imparate l'uso dei prodotti, i suggerimenti e i trucchi di WordPress grazie ai nostri video.
Guadagnate ingenti commissioni unendovi a noi nella promozione
Widget Idea Share è un ottimo modo per trovare widget simili che si possono migliorare.
Certamente! Se avete bisogno di mettervi in contatto con noi, non esitate a contattarci.
Costruite qualsiasi modulo WordPress in pochi minuti con Sigma Forms.
Plugin Page Builder in modalità Coming Soon e Maintenance
Rendete facilmente accessibili i siti web con One Accessibility
Mostrate le testimonianze dei clienti per aumentare la fiducia e la credibilità.
Zoloblocks aiuta a creare siti web straordinari basati su Gutenberg.
Il cursore più avanzato nell'era del cursore Elementor
Gli unici widget di blogging compatibili in Elementor per qualsiasi blog
Costruite un sito eCommerce WordPress di ultima generazione per le imprese
Organizzate le vostre foto in un angelo diverso ogni volta con Elementor
Aumentate il coinvolgimento e le vendite con Spin Wheel.
Potente plugin generatore di immagini AI per WordPress di ChatGPT
Ottenete la realtà aumentata a 360° per WooCommerce oggi stesso!
Copiate e incollate qualsiasi design web che vi piace con soli 2 clic!
Un tema completamente funzionante per elementor con opzioni illimitate
Tema a blocchi intelligente, pulito e flessibile per Gutenberg
Il plugin Dark Reader garantisce una lettura del web rispettosa degli occhi.
WooCommerce one-page checkout per aumentare le conversioni.
Accesso a 100+ plugin premium per WordPress con aggiornamenti a vita e supporto dedicato.
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 proseguire, installare Elementor e 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.

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.

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.

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.

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.

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.

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.
Creare un portfolio utilizzando Elementor e il widget Galleria portfolio

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.

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.

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.

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.

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.

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.

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.

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 e 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.

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.

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.

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.

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.

Quindi, il portafoglio è completo. Non c'è bisogno di ringraziarmi. Tuttavia, seguite attentamente questi passaggi. Create un portfolio unico e straordinario utilizzando 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.
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.
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!
Il più grande pacchetto di modelli Elementor con l'interfaccia utente più facile da utilizzare e 300+ utili widget Elementor. Costruire siti web da zero a 100% perfezione in pochissimo tempo.
Questo sito web è alimentato da Element Pack Pro e Tema di Rooten.
Copyright © 2025 BdThemes. Tutti i diritti riservati.