TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come creare un sito portfolio WordPress con il tema Uncode?

30

Qualche tempo fa stavamo cercando di creare un sito portfolio WordPress. I temi gratuiti disponibili nel repository di WordPress non sono in alcun modo utilizzati per un sito portfolio di qualità e anche i plug-in non hanno soddisfatto le nostre aspettative. Dopo aver cercato un po ‘abbiamo trovato alcuni temi decenti in ThemeForest come Uncode, Highend, marmo, ecc Di tutti abbiamo controllato, Uncode era in piedi fuori dalla folla con le sue caratteristiche di portafoglio imbattibili. Abbiamo acquistato il tema Uncode e creato un sito portfolio WordPress. Poiché ci sono volute alcune settimane per comprendere il tema, ecco un semplice tutorial su come creare un sito portfolio WordPress con il tema Uncode.

Prima di iniziare con Uncode Theme

È necessario comprendere alcuni punti prima di iniziare a lavorare con il tema Uncode, è possibile visualizzare la recensione completa del tema qui.

  • Uncode è una variante personalizzata del plug-in Visual Composer che viene fornito gratuitamente in bundle con il tema. Quindi devi familiarizzare con il generatore di pagine Visual Composer per WordPress.
  • Il contenuto demo deve essere importato in blocco. Ciò significa che non puoi importare solo siti dimostrativi di portfolio come mostrato nella pagina di vendita. Dovresti installare tutti i contenuti demo e quindi iniziare a personalizzare gli elementi relativi al portfolio.
  • Il tema Uncode funziona con i blocchi di contenuto. Questi sono i layout centrali da assegnare all’intestazione, al piè di pagina e all’area dei contenuti. Le assegnazioni possono essere eseguite globalmente utilizzando le opzioni del tema e possono essere personalizzate nell’editor per i singoli elementi del portfolio.

Assicurati di scoraggiare i motori di ricerca dall’indicizzazione delle tue pagine fino al momento in cui il tuo sito è pronto per il pubblico.

Passaggio 1 – Importazione del contenuto demo

Come accennato in precedenza, tutti i contenuti demo devono essere importati contemporaneamente. Vai a "Uncode > Install Demo" e installa il contenuto della demo.

Come creare un sito portfolio WordPress con il tema Uncode?

Importazione del contenuto demo del tema Uncode

Se non sei interessato a installare il contenuto demo completo, scegli quali layout desideri importare dall’opzione "Layout singoli". Puoi scegliere tutti i layout di portfolio o quello che ti piace dalla pagina demo.

Come creare un sito portfolio WordPress con il tema Uncode?

Importazione di layout di pagina singola in Uncode Theme

Passaggio 2 – Blocchi di contenuto del portfolio

Il tema Uncode funziona in modo diverso rispetto ad altri temi del portfolio. Fondamentalmente ogni pagina è divisa in blocchi di contenuto per intestazione, contenuto e piè di pagina. Questi blocchi di contenuto vengono quindi assegnati ai layout di pagina per creare bellissime pagine. È possibile utilizzare blocchi di contenuto predefiniti importati dal contenuto demo o crearne di propri.

Come creare un sito portfolio WordPress con il tema Uncode?

Annulla il blocco del contenuto del tema

Nello screenshot sopra c’è un blocco di contenuto per "Contenuto | Archivio | Massoneria di portafoglio". Questo blocco può essere utilizzato nella sezione del contenuto della pagina dell’archivio portfolio per creare il layout dell’archivio in muratura.

Passaggio 3 – Personalizzazione delle impostazioni globali del portfolio

Una volta installato il contenuto demo, vai su "Uncode > Theme Options". Vedrai due schede per le impostazioni relative al portfolio: "Portfolio" e "Portfolio" nella sezione dei layout. Le impostazioni del portfolio verranno applicate ai singoli elementi e le impostazioni dei portfolio verranno applicate agli archivi. Puoi cambiare il nome "Portfolio" con qualsiasi altro nome come "Art", "Work", ecc. Questo verrà aggiunto nell’URL come "yoursite.com/art/title/" (la struttura dell’URL cambierà in base a le impostazioni dei permalink ). Di seguito è riportato lo screenshot che mostra la parola "Art" utilizzata al posto di "Portfolio".

Come creare un sito portfolio WordPress con il tema Uncode?

Impostazioni del portfolio in Uncode Theme

Ricorda che il layout dell’elemento del portfolio seguirà solo le impostazioni del portfolio. Supponiamo che tu abbia disabilitato i commenti nelle impostazioni del portfolio. I commenti verranno disattivati ​​indipendentemente dal fatto che si abilitino i commenti predefiniti nella discussione di WordPress o si abilitino nell’editor degli elementi del portfolio.

Le impostazioni dei layout del portfolio e dell’archivio sono categorizzate e raggruppate in sezioni di menu, intestazione, contenuto, piè di pagina, navigazione, dettagli e campi personalizzati. Personalizza ogni sezione secondo le tue necessità e assegna blocchi di contenuto dove richiesto. Ad esempio, è possibile visualizzare gli elementi del parco correlati assegnando l’opzione "Post correlati | Portfolio List (aka Fake Related)” nella scheda “Contenuto”.

Come creare un sito portfolio WordPress con il tema Uncode?

Assegnazione di post correlati per elementi del portafoglio

I dettagli del portafoglio possono essere aggiunti nella scheda "Dettagli" e il layout può essere scelto per mostrare i dettagli nella parte superiore, inferiore, sinistra o destra dell’elemento del portafoglio.

Come creare un sito portfolio WordPress con il tema Uncode?

Dettagli del portfolio e impostazioni di layout

Passaggio 4: creazione di elementi del portfolio

Una volta salvate tutte le impostazioni globali, vai a "Portfolio > Categorie di portfolio" e crea le categorie per gli elementi del tuo portfolio. Successivamente assegni la categoria nell’editor simile ai normali post.

Puoi creare diversi tipi di layout come la galleria centrata, lo stack della barra laterale, ecc. Nell’editor di portfolio hai le seguenti importanti opzioni:

Titolo – titolo del portfolio simile al titolo del post

Area dei contenuti – per aggiungere contenuti

Estratto: il testo inserito qui verrà mostrato nella sezione dei dettagli del portafoglio. Se non viene inserito alcun testo, verranno visualizzate le prime righe del contenuto.

Media: puoi utilizzare le opzioni di isotopo, carosello e stack per mostrare gli elementi multimediali nella pagina del portfolio.

Opzioni della pagina: qui puoi sovrascrivere tutte le impostazioni delle impostazioni globali in "Opzioni del tema".

Gioca con le diverse opzioni disponibili nelle meta box "Media" e "Opzioni pagina" per creare diversi layout di portfolio per il tuo sito. L’immagine sotto spiega i dettagli del layout di una pagina del portfolio con un’immagine a pila singola e i dettagli sulla barra laterale per spiegare ogni componente.

Come creare un sito portfolio WordPress con il tema Uncode?

Layout della pila della barra laterale

  1. Titolo dell’elemento del portafoglio.
  2. L’immagine viene aggiunta utilizzando il meta box "Media" con l’opzione "Stack".
  3. Contenuti inseriti nell’area estratti. Se non viene inserito alcun contenuto, qui verranno mostrate poche righe dall’area del contenuto.
  4. Dettagli del contenuto – da inserire nella sezione "Dettagli" delle "Opzioni della pagina".
  5. Condivisione social come impostazione nelle opzioni del tema globale.
  6. Contenuti dall’area dei contenuti.
  7. Articoli correlati dalle impostazioni globali che è possibile modificare in "Contenuto > Blocco contenuto – Dopo il contenuto" nella meta box "Opzioni pagina".

Passaggio 5: personalizzazione dell’elemento dei post di Visual Composer

I blocchi di contenuto relativi alle pagine dell’archivio del portfolio utilizzeranno l’elemento "Post" in Visual Composer per creare i layout del portfolio dell’isotopo o del carosello. Quindi è importante comprendere ogni opzione nell’elemento "Post" per costruire i tuoi archivi di portfolio.

Nell’elemento "Post" è disponibile un’ampia serie di opzioni per la personalizzazione di elementi, sovrapposizione, contenuto, impaginazione, filtraggio, ecc. Un’impostazione importante è scegliere l’opzione "portafoglio" facendo clic sul pulsante "Crea query" nella scheda "Generale". Qui puoi filtrare gli elementi del portfolio da visualizzare in base all’autore e alle categorie del portfolio.

Passaggio 6 – Finire il lavoro

Dopo aver creato tutti gli elementi del tuo portfolio e le pagine di archivio, puoi creare post e pagine standard in modo simile. Una volta che il sito è stato finalizzato, vai su "Uncode> Install Demo" e fai clic sul pulsante "Delete Demo Media" per ripulire le immagini segnaposto importate. Elimina tutti i post demo, le pagine e gli elementi del portfolio e abilita la scansione del motore di ricerca nella sezione "Impostazioni > Lettura".

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More