Se sei un freelance o un consulente.

Una delle parti che non può assolutamente mancare nel tuo sito web è quella legata al portfoglio all'interno di questa pagina puoi mostrare quello che hai fatto per altri clienti e quindi attivare quella riprova sociale e far sì che tu in qualche modo sia più più convincente rispetto a presentare semplicemente un servizio e quella del portfoglio nel caso di un libero professionista e una delle sezioni appunto più importanti in questa lezione.

Insieme vedremo come creare un temete per un portfoglio personalizzato con elemento e poi come collegarlo in una pagina dedicata e ovviamente nel menù principale.

Per prima cosa riprendiamo un po', il wireframe, quindi l'architettura che ho progettato in una lezione precedente.

Prima di arrivare fino a questo punto rivediamola un po' insieme.

Allora nella prima parte ho inserito una htin con il logo del cliente.

Qualche estratto di quello che che che è successo durante il progetto e del risultato che ha ottenuto l'immagine legata al settore del cliente.

In questo caso um poi nella parte sotto un prima e dopo, quindi da dove partiva e qual era la situazione iniziale del cliente e che quali sono stati i risultati che ha raggiunto concretamente una bella opinione del cliente, quindi un feedback testuale riportato meglio se um video e i servizi che ha acquistato.

Um nel mio sito web in qualità di consulente e ovviamente una per fare in modo che chi visiti questa pagina in qualche modo riesca a mettersi in contatto con me in modo più rapido.

E questo è quello che è stato sviluppato nel wireframe dopo un'attenta analisi del mercato dentro l'elemento noi che cosa andremo a fare? Andremo a creare un temete personalizzato per la parte sottostante e per la parte iniziale.

Allora un che cos'è dentro elemento allora un temete è semplicemente una struttura, un layout che si applica in modo fisso a determinate tipologie di pagine.

Entreremo poi nel pratico e vi farò vedere come si costruisce, ma voglio precisarvi che è una parte molto importante, perché questo vi consentirà di modificare alcune sezioni in modo più velocemente farvi risparmiare tempo.

Ad esempio, se voi create un temete per un singolo progetto di portfolio dove nella prima parte, ovviamente ci sarà il titolo che verrà mos- il titolo del progetto del post che verrà mostrato automa automaticamente e in fondo ci sarà una di un certo tipo.

Ovviamente un giorno potrebbe nascere l'esigenza di cambiare il titolo di questa ai pulsanti, creando un temete personalizzato.

Avrà il modo di modificare solamente una volta il e quindi la base degli elementi fissi e non replicarli a livello di modifiche e singolarmente andare a rimodificare un elemento uno ad uno.

In questa lezione vedremo proprio questo.

Iniziamo subito dal quindi entriamo in bacheca e andiamo su template Team Builder.

Andiamo a creare un nuovo temete.

Per quanto riguarda l'articolo singolo, utilizzeremo la sezione degli articoli per caricare i progetti di portfoglio, quindi aggiungi temete per articolo singolo.

Come al solito si aprirà una sezione di elemento che ci consentirà di partire da temete preesistenti.

Ma in questo caso chiudiamo tranquillamente e partiamo da zero.

Allora noi che cosa vogliamo creare in questo? Semplicemente due.

Se tre sezioni la prima mostrerà il titolo del nostro progetto di portfolio, poi la sezione centrale mostrerà il corpo che io scriverò il corpo del messaggio e del contenuto che scriverò all'interno del mio articolo singolo.

Quindi quelli che aggiornerò quotidianamente, ad esempio.

E in fondo è una action fissa.

Quindi all'interno di questo temete inserirò tre elementi prima di tutto andrò ad inserire il titolo del post, quindi creiamo la barra principale come sezione intera e vado ad aggiungere il come vedete in modo intelligente e mentor vi propone quelli che solitamente, in base a questo si devono inserire in base a questo tipo di sing titolo, titolo post appunto.

Lo inseriamo all'interno e all'interno di questo widget non dovete fare nulla, ve lo spiego molto brevemente.

Allora innanzitutto potete inserire anche un link se volete il tag t m l ma essendo un titolo va benissimo h uno potete centrarlo, allinearlo a sinistra in base alle vostre preferenze.

Ma come funziona questo? Questo in modo molto semplice è in grado di ereditare e mostrare il titolo di quel determinato articolo di blog senza riscriverlo ogni volta ed è la base sostanzialmente di come funzionano tutti i anche di terze parti a pagamento che trovate sui vari.

Però la differenza enorme è che con elemento potete creare il design del temete in base alle vostre preferenze ed è un grandissimo vantaggio questo qua.

Quindi sostanzialmente a questo punto noi non dobbiamo fare niente all'interno di questa sezione andremo solamente a modificare un po', quello che è lo stile.

Allora questa sezione la voglio colorare di um del mio blu che ho utilizzato in tutto il sito web.

Vado a inserire un po' di margini, magari proviamo con quaranta, forse anche di più.

Ovviamente poi anche qui potete modificare le impostazioni dello stile.

Sicuramente andrò ad inserire un colore bianco per metterlo più in evidenza, okay e ci siamo poi l'altra pa e quindi qui in automatico ogni volta che un utente visiterà la pagina di un singolo progetto di portfoglio in questa sezione blu verrà mostrato il titolo che avete assegnato quando avete creato quel determinato articolo in automatico.

Poi dopo lo vedremo nell'anteprima in modo più preciso e dettagliato, poi all'interno di questa sezione.

Ovviamente andrà a finire il contenuto che scriviamo nell'articolo e tramite il tasto più andiamo ad aggiungere una nuova sezione a piena larghezza.

Come possiamo scegliere senza problemi il tipo di contenuto post dove semplicemente in automatico mostrerà? Ora non vedete nulla in anteprima, ma mostrerà quello che scriverete e inserirete a livello di layout di immagini dentro il singolo articolo.

Poi lo vedremo nel dettaglio anche questo a questo punto l'ultima parte del nostro temete.

Qui ovviamente possiamo anche inserire delle dei margini.

Se vogliamo diamogliene un po'.

Poi chiaramente lo vedremo anche, um working progress nel frontend l'ultima parte è quella della quindi sicuramente andrei a inserire una in questo caso um ho previsto una sezione di questo di questo genere.

Se vi ricordate bene abbiamo già tanto apro magari l'anteprima avevamo già definito il layout di un della action posso semplicemente o ricostruirlo da zero o in modo più rapido a di clonarlo e copiarlo.

In questo caso prendo una blocco qualsiasi della pagina servizi entro nella pagina di elemento e mi vado a prendere l'intera sezione co- c qua copia dell'intera sezione lo possiamo poi chiudere e lo possiamo incollare senza problemi.

Ovviamente qua possiamo anche se vogliamo modificare eh lo stile.

Intanto salviamo una bozza tramite questa comoda funzione e diciamo che a livello di ci siamo ovviamente visto così probabilmente non vi dirà nulla, però quando poi caricheremo un singolo progetto di portfolio lo vedremo nel dettaglio.

Okay, a questo punto abbiamo salvato la bozza.

Facciamo un breve recap di quello che abbiamo inserito in questa parte.

Abbiamo quindi creato una testata per il del singolo progetto.

In questo caso lo gestiamo con gli articoli abbiamo inserito il titolo post che è in grado di mostrare automaticamente il titolo che noi inseriamo nel campo del titolo post quando creeremo i nostri contenuti.

Poi abbiamo inserito una voce le un relativo a al contenuto del post quello che effettivamente andremo a scrivere a livello di testi, link, immagini o video, ad esempio.

E poi abbiamo inserito una sezione con una che possiamo personalizzare in questo caso, okay, potremmo ovviamente personalizzare adesso la la possiamo lasciare tranquillamente così però, ovviamente sappiate che potete modificare il suo testo.

Per quanto riguarda i um elemento vi propone altre altre sezioni che potete aggiungere ad esempio la navigazione tra un post avanti e indietro.

Ve lo faccio vedere qua dove automaticamente aggiungerà avanti o indietro tra un progetto e l'altro.

Se volete inserirlo magari adesso lasciamolo.

Poi dopo vediamo se farà al caso nostro oppure no una tabella dei contenuti che è una sorta di indice potete mostrare i commenti del post, le informazioni del post, il box dell'autore se volete mostrare chi ha scritto l'articolo e pesca in automatico i dati del dell'autore del blog.

Insomma, tutte informazioni che vengono inserite in modo automatico all'interno del temete a questo punto una volta che avete inserito il tutti i budget che volete mostrare, cliccate su pubblica ed elemento.

Come al solito, ogni volta che create un temete vi chiede dove vuoi visualizzare il tuo temete? Aggiungiamo una condizione e a questo punto andiamo ad ad impostare lo voglio.

Voglio che questo sia presente in tutti gli articoli, quindi tutti gli articoli singoli.

Salviamo e aggiorniamo la pagina.

Okay.

Dopo aver creato quindi il temete del singolo articolo che mostrerà i dettagli del nostro progetto a Portfoglio, possiamo tranquillamente uscire da questa sezione.

Quindi clicchiamo in questa voce.

Usciamo dalla modifica del nostro temete e possiamo andare a caricare un contenuto vero e proprio.

Una volta che avete creato il temete base per il vostro progetto di portfoglio, è il momento giunto il momento di inserire appunto il vero contenuto, abbiamo visto che per gestire tutte le pagine statiche, quindi homepage, chi sono servizi, contatti, eccetera eccetera, trovate tutto all'interno della sezione delle pagine, mentre in questo caso i progetti di portfoglio vengono gestiti dagli articoli che sono una sorta di articoli di blog.

Quindi per aggiungere un progetto ogni volta che dovrete poi aggiungere dei progetti a portfoglio, dovete andare alla sezione articoli Aggiungi nuovo articolo.

Vediamo che cosa succede e quali sono i campi da compilare.

Allora ovviamente la prima cosa dobbiamo assegnare un titolo, ad esempio nome cliente e possiamo subito anche pubblicare o salvare la bozza.

Come per le pagine, qui ci sono due possibilità potete o scrivere il contenuto qui tramite un semplice editor visuale dei blocchi di Gutenberg tramite paragrafi immagine in modo abbastanza semplificato, però con un po' di limiti.

Oppure potete se volete utilizzare l'elemento anche all'interno di questa sezione ed è quello che faremo in questa lezione.

Quindi clicchiamo su modifica con elemento per creare sostanzialmente il Temete il contenuto.

Scusatemi del progetto portfoglio rispettivamente come il wireframe che abbiamo creato, quindi andremo a creare questa struttura all'interno del dell'articolo.

Okay, abbiamo aperto, quindi come vedete, se io vado a posizionarmi sopra il il temete innanzitutto il colore è diverso c'è scritto edit articolo singolo.

Quindi, in un semplice, semplice click, potete accedere alla modifica del temete che avete precedentemente creato.

Sono due cose separate.

Questo viene ereditato dal temete che avete creato.

Quindi sezione con il titolo.

Come vedete, il nome cliente viene pescato in automatico e poi la parte relativa alla Questi sono elementi fissi che potete modificare in Un'unica sezione per tutti gli articoli del vostro blog e del vostro portfoglio.

Quindi una funzione molto molto potente.

A questo punto all'interno di questa di questa voce di questa maschera di elemento.

Andiamo a creare il nostro layout.

Quindi abbiamo visto che questa è una sezione a due colonne, quindi due colonne.

In questo modo andiamo ad aggiungere un logo cliente.

In questo caso è una semplice immagine, quindi trascinerò immagine.

Inseriamo un logo, ad esempio il logo del RN.

Okay, sicuramente andrò a ridurre la sua dimensione e anche il raggio del bordo.

Okay, sì, era leggermente tondeggiante e poi lo andiamo ad allineare a sinistra.

Perfetto.

Poi ci sarà una descrizione testuale, quindi possiamo utilizzare in questo caso un editor di testo, se vogliamo, magari andando un po' a aumentare se vogliamo il la tipografia tipo a venti pixel se vogliamo e poi a destra abbiamo un'immagine del cliente.

In questo caso io inserirò un'immagine finta di esempio.

Però nel vostro caso potreste inserire un'immagine relativa al core business del cliente che avete seguito.

Adesso scegliamo magari un'immagine che ho già nei media, ad esempio questa qua.

Okay, perfetto aggiorniamo intanto le modifiche e passiamo alla sezione sotto dove abbiamo inserito un prima e dopo.

Questa sezione è composta da una prima linea orizzontale, quindi un intero contenitore.

Andiamo subito a svilupparlo, quindi nuova sezione contenitore con del testo.

In questo caso utilizzerò intestazione.

Um andiamo ad utilizzare questa.

Possiamo chiudere questa tab centralmente adesso Io svilupperò è una sorta questo sarà sicuramente una parte descrittiva.

Quindi semplicemente farò copia incolla giusto per darvi un'idea dello dello spazio.

Okay, poi eh quindi questo per quanto riguarda questo titolo centrale in cui andrete sicuramente ad inserire un titolo um dell'obiettivo che ha raggiunto il cliente.

Poi ci sono due immagini, quindi in questo caso potremmo creare una sezione di questo tipo due colonne con due intestazioni.

La prima la chiameremo ovviamente prima poi se volete, magari potreste anche segnare un colore diverso, tipo prima il rosso e dopo, essendo un dando un po', un senso di ottimismo e positività, potreste fare rosso e verde se volete e di qua andiamo a inserire dopo.

Okay.

A questo punto andiamo a inserire qui possiamo inserire un carosello oppure due immagini, se vogliamo.

Vediamo un attimo quello che possiamo inserire.

Proviamo con gallery galleria base.

Proviamo con galleria.

Intanto vado a inserire due screen che abbiamo usato anche nella sezione nella pagina del singolo servizio.

Diciamo che adesso ne vanno bene due.

Inserisci galleria, aspettiamo il caricamento.

La auto griglia.

Perfetto.

Possiamo mostrare due colonne.

Tanto aggiorniamo la pagina.

Andrò a poi impostare la dimensione.

Possiamo provare o quattro terzi e qua magari pieno.

Aspettiamo il caricamento di elemento della del del file media.

Tanto aggiorno la pagina, tanto andiamo a vedere.

Di qua ho inserito una sorta di um blocco un semplice blocco testuale.

Quindi possiamo andare a intanto a posizionare un editor di testo esattamente qua sotto.

Okay.

Um sicuramente aumenterei un po' di spazio a questa colonna, quindi picchiamo sull'intera colonna avanzato e qui, come al solito vado a inserire dei margini, magari trenta sopra, trenta sotto e anche a questo titolo.

Magari questo titolo potremmo farlo di un font.

Um un po' più leggero, tipo quattrocento.

Però magari un po' più grande Potremmo aumentarlo un po' così magari ci potrebbe ci potrebbe stare anche qui.

Magari vado ad aumentare un po' di margine che mi sembra che ci sia un po'.

Troppo poco spazio e diamo respiro all'intera sezione intanto aggiorniamo e voglio farvi subito vedere che il cliccando su anteprima delle modifiche lo stato di avanzamento del progetto.

Eccoci qua allora come vedete intanto questa è una prima release, dobbiamo dobbiamo completarlo.

Però questo è il temete.

Questo qui nome cliente viene ereditato dal temete questa parte in basso dal temete questa parte centrale la vado a costruire io con elemento manualmente, ma c'è una base sopra questo articolo, ovvero questa action e il titolo ovviamente voi potreste anche scegliere di non lavorare sulla base del gameplay, però è un buon metodo per lavorare e partire con il piede giusto perché, come nel caso della t action, se tra due mesi avete la necessità di modificare il testo o il link oppure cambiate tipologie di action, magari inserendo due pulsanti entrate sul modificate una volta e questo viene replicato su tutti gli articoli che avete già pubblicato online.

Questa è la logica anche per gli articoli di blog in linea generale ci qua ci siamo più o meno magari andrei a centrare questo testo adesso.

Chiaramente questo è un contenuto di esempio.

Potremmo fare così per avere una formazione, un po' più precisa.

Facciamo così diamo uno spazio E poi questo contenuto gli dico giustifica il contenuto esattamente al centro sia di questo che di questo.

Okay, poi qui magari aumenterei ancora un po' la spazzatura, quindi sessanta e sessanta.

Intanto aggiorno le modifiche e prima e dopo vado a verificare un po' la dimensione di queste immagini.

Allora torniamo nella gallery e qui chiaramente potete usare anche un carosello, se se volete.

Okay, allora vediamo multipla.

No? Qui va bene.

Sul singolo potete decidere l'ordinamento predefinito layout a griglia o maison Rai? Maison Rai VI semplicemente vi mostrerà le immagini in dimensioni diversificate per dare un aspetto più creativo, ma non lo utilizzerei personalmente per questo tipo di contenuto.

Vediamo un attimo se eventualmente no forse colonne uno no spazzatura dieci ci può stare.

Potete decidere se applicare un link sulle immagini oppure no.

E poi potete decidere l'aspetto delle immagini della gallery.

Vediamo un attimo pieno se inserire immagini quadrate okay di diciamo che così potrebbe potrebbe andare.

Poi per quanto riguarda la sovrapposizione potete cambiare tipologia di sfondo, ma in questo caso non ci interessa.

Potete decidere se attivare un titolo sull'immagine oppure no è chiaramente una vostra preferenza.

Per quanto riguarda lo stile, ci sono le solite impostazioni, come ad esempio lo spessore del bordo, il raggio del bordo, um l'allineamento di tutto il contenuto, il posizionamento verticale.

Quindi qui chiaramente poi andrete a modificarlo um nel dettaglio, soprattutto in base alle vostre preferenze.

Qui ad esempio prima e dopo vi dicevo prima che potreste magari valutare di inserire una sorta di colore diverso.

Magari non userei un colore troppo acceso o una tonalità di questo genere.

Oppure diciamo che il rosso è un po' aggressivo nel web design, quindi non non userei troppo però per far vedere all'utente anche il prima e dopo in modo il prima con il colore un po' negativo tendente al rosso e poi il dopo una cosa, una situazione, un po' più positiva, quindi rilasciando un colore verde.

Quindi adesso vado a farlo velocemente.

Però questo è solo per farvi rendere l'idea di quello che eventualmente possiamo fare per aumentare la nostra credibilità prima e dopo.

Okay, qui magari possiamo sì duplicare la sezione mettiamo magari un gap tra le colonne.

Proviamo così venti pixel va benissimo.

Ho inserito un gap tra le due colonne dentro contenitore layout gap in automatico viene assegnato un gap tra i due colonne tra sinistra e destra e aggiorno le modifiche.

Possiamo andare avanti con il nostro layout a questo punto una, eh? Dobbiamo creare una semplice sezione con del contenuto testuale che potrebbe essere anche, ad esempio, un clone di questo tipo.

Però, um voglio produrlo in modo leggermente diverso.

Vediamo un po'.

Allora torno un attimo in fronte e faccio un refresh, così vediamo un po' la visione d'insieme.

Okay.

Nome, cliente, titolo prima e dopo.

Okay, potremmo inserire una sezione di questo tipo, quindi tasto più andiamo a Potremmo scegliere un layout di questo tipo, se vogliamo.

E andiamo a inserire una citazione, ad esempio la recensione di un cliente all'interno di questo box.

Però voglio dargli un aspetto, Un po' più interessante.

Un po' più di appeal, diciamo cliccando su Okay, clicchiamo sull'intero contenitore, andiamo su stile e ad assegnargli un background che potrebbe essere così oppure magari leggermente più chiaro.

E questo possiamo tranquillamente centrarlo sia in questo modo sia nel layout giustificato.

E ovviamente andrò a colorarlo di bianco.

Questo, um questo testo e qui.

Andremo ad inserire il il contenuto del nostro cliente adesso.

Magari prendo del testo finto qui, giusto per potremmo scrivere feedback cliente.

Potremmo fare così Qui feedback cliente.

Mettiamo poi cloni la sezione e nel secondo andiamo a inserire proprio quello che il cliente ha scritto di noi.

Magari questo potremmo trattarlo come un titolo più grande.

Quindi una tipografia maggiore, tipo fino a quarantadue pixel, mentre questo magari un po' più soft, leggero tipografia.

Lo portiamo come peso regolare e sicuramente anche un po' più piccolo rispetto al contesto.

Um okay.

Un'altra cosa interessante, magari che non ho inserito nel wireframe.

Potrebbe essere inserire le classiche sterline di feedback che danno quel tocco in più.

Usiamo il star, posizioniamo qui sopra, le andiamo a centrare ed eventualmente a aumentare il livello di dimensione nella classica tab dello stile.

Okay, diciamo che sono soddisfatto.

Mi piace.

Mi piace molto, eh? L'unica cosa? Aumenterei un po' di rientro all'interno di questo contenitore, quindi vado a selezionare l'intero.

Contenitore blu stile.

Scusate, avanzato.

Rientro.

Venti pixel.

Proviamo magari a cinquanta.

Okay, così anche a questa se le diamo molto respiro e andiamo a vedere in aggiorniamo la pagina.

Ed eccola qua la nostra selezione.

Se vogliamo possiamo anche inserire dei bordi leggermente tondeggianti.

Semplicemente dobbiamo selezionare l'intero contenitore, andare alla voce stile bordo raggio del bordo.

Andate a inserire di quanto volete tondeggianti i vostri buoni, ad esempio dieci pixel.

Ora magari li lasciamo così per avere una situazione più omogenea.

Dopodiché sotto abbiamo la tav dei servizi e quindi i servizi che abbiamo venduto effettivamente e che ha comprato questo potenziale cliente.

E possiamo mostrarli con uno sfondo azzurro.

Magari vediamo un attimo e possiamo usare sempre la stessa sintassi.

Allora più utilizziamo questo inseriamo un'intestazione.

Potremmo chiamarla.

Vediamo un attimo di che cosa mi sono occupato? Occupato.

Okay, andiamo a centrare rispetto al contesto, il titolo vado ad aggiungere un margine sopra.

Mi sembra un po' troppo attaccato cinquanta pixel, forse anche settanta può andare bene.

Dopodiché qui sotto andrò ad inserire delle icone semplici che se vi ricordate abbiamo utilizzato anche nella voce dei servizi.

Ora io andrò a copiarle e incollarle.

Oppure potete creare chiaramente anche crearle da zero attraverso il classico chiamato box icona.

Questo qua riquadro icona lo trascinate, andate a creare.

Ora io per velocizzare l'operazione andrò a inserire, visto che comunque voglio riprendere lo stesso tipo di design e andrò a prendere questa schermata chiaramente andando a ridurre modifiche con elemento andiamo alla sezione di riferimento e prendo esattamente tutto questo contenitore.

Chiudiamo questa voce e lo vado ad incollare esattamente qui sotto.

Magari riduciamo quello che ha acquistato il cliente all'interno del nostro servizio ed eccoci qua di che cosa mi sono occupato? Aumento followers, eccetera eccetera.

Aggiorniamo la pagina Nient'altro è tutto perché, come vedete, la come ripeto ancora una volta, è una parte integrante del quindi non c'è bisogno che ogni volta la ricostruiamo, come magari nel caso delle pagine statiche, noi quando creiamo un progetto del singolo cliente, dobbiamo occuparci di, um, inserire il contenuto vero e proprio, quindi ad esempio il luogo del cliente.

E chi è? Che cosa ha fatto? Come l'abbiamo aiutato screenshot del prima e dopo il feedback del cliente di che cosa ci siamo occupati? Insomma, quelle informazioni che veramente sono utili al vostro visitatore potenziale un'altra, cosa che potete considerare all'interno di questo progetto è chiaramente l'inserimento di qualche aggiuntiva o link.

Ad esempio, potrebbe essere interessante inserire un pulsante o un link all'interno di qualche blocco di testo, ad esempio qui che rimanda magari al sito web del cliente, alla pagina Instagram del cliente, in modo tale che chi visita il progetto in modo più veloce può andare a vedere cosa concretamente fa questo cliente nei suoi canali social, come Facebook o come Instagram e come di solito chiaramente scegliete il jet, aggiungete il pulsante se volete aggiungere un pulsante o se volete aggiungere un link, potete tranquillamente inserirlo in una qualsiasi sezione di testo tramite questa semplice funzione selezionate il testo Inserisce modifica link, andate a inserire il link e di conseguenza poi create il collegamento.

Aggiorniamo ora la pagina andiamo a vedere una visione d'insieme.

Diciamo che abbiamo completato quasi completato l'intera um progettazione del layout quindi diciamo che siamo soddisfatti.

Progetto del cliente X Ad esempio, a questo punto possiamo uscire dalla pagina ora come si gestiscono i progetti di portfoglio? Torniamo intanto nel band di WordPress, quindi magari per comodità possiamo inserire modifica rapida nome cliente x nome cliente X perché poi vi farò vedere come gestire.

Okay, ho cambiato semplicemente il titolo del del progetto a portfoglio come si gestiscono i progetti con elemento.

Dunque allora avete visto che di base abbiamo impostato un quindi un temete per quanto riguarda leader, quindi la la la testata l'intestazione del singolo progetto e il tra virgolette passatemi il termine del singolo progetto che si chiude con una e sono fissi.

Sono elementi fissi che non andremo a scrivere di volta in volta, ma semplicemente li possiamo cambiare una volta per tutti gli articoli che abbiamo pubblicato quando noi dobbiamo gestire i nostri articoli di blog ovviamente se abbiamo la necessità di modificare un test, una foto o una dentro questo progetto, andiamo su tutti gli articoli, clicchiamo su modifica o modifica con il mentore, entriamo dentro e lo modifichiamo.

Però ora vi mostro un trucco per velocizzare il caricamento di futuri progetti a portfoglio, perché sicuramente non vi limiterete a caricare solamente un progetto di portfoglio.

Ne creerete dieci quindici venti in base chiaramente ai vostri obiettivi e quello che volete presentare c'è questo plugin che adesso andremo ad aggiungere insieme.

Si chiama post post e semplicemente vi consente di clonare una versione del vostro articolo o della vostra pagina e partire da una base per poi sviluppare in modo più veloce i vostri contenuti.

È questo qua lo andiamo ad installare e ovviamente ad attivare.

Ora, una volta attivato, non c'è tanto da fare a livello di impostazioni.

Solo apro una parentesi veramente breve alla TV Impostazioni vi troverete questa nuova voce duplicate post dove semplicemente potete definire dove si attiva questo tipo di eh e scusate di plugin, ovvero per clonare che cosa cosa copiare titolo, data, stato, riassunto, contenuto, eccetera, eccetera.

Quindi ci sono delle impostazioni, ma di base va più che bene come è stato impostato di default alla voce permessi abilita a questi tipi di conte di articolo.

Per articoli e pagine, però potete clonare anche altre cose, come ad esempio il menù di navigazione o dei delle landing page con elemento Come funziona? Tornate su articoli tutti gli articoli e ogni volta che dovete creare un nuovo progetto di portfolio, potete clonare questo articolo e quindi partire da una base già esistente.

Selezionate vi spostate con il cursore sopra il nome del cliente X clona e automaticamente in pochi secondi.

Il sistema crea un'esatta copia.

A quel punto voi semplicemente dovete rientrare all'interno del singolo progetto e andrete a modificare i dati.

In questo caso la prima cosa che andremo a fare è nome cliente Y.

Poi molto importante è l'u R L.

Quindi il link di come verrà visualizzato nel browser e nel motore di ricerca.

Questo è molto importante che sia diverso, quindi in questo caso.

Okay, Il nome cliente Y è già stato cambiato in automatico.

Mi raccomando, assicuratevi che non ci sia il precedente link che avete clonato.

A quel punto potete se volete pubblicare, salvare come preferite tramite questo controllo.

Poi, cliccando su modifica con il mentore, accedete all'ati della pagina.

E a quel punto andrete ad inserire i dati del nuovo cliente del progetto del nuovo cliente.

Ora velocemente.

Io, um svilupperò, um magari qua mettiamo un luogo diverso, giusto per farvi capire e diversificare un po'.

Tutto quanto.

Okay, questo possiamo lasciarlo così aggiorna e così via.

Per tutti gli altri progetti del singolo portafoglio.

Ora uscirò da questo progetto.

Voglio farvi vedere le ultime due cose importanti.

Intanto possiamo clonare facciamo Y e Z.

Facciamo così Modifica rapida.

Se volete potete anche modificarlo.

Da qua ci sono questi comandi rapidi.

Se non volete entrare nel singolo progetto, potete cliccare modifica rapida e da questo cruscotto potete modificare il il link, il titolo ed eventualmente anche la categoria e E ovviamente potete anche pubblicarlo.

In questo caso è bozza.

Io lo metto su pubblica, okay? E quindi a quel punto andrete a clonare gli elementi e a cambiare i contenuti e lavorare su una base già esistente.

Questo per velocizzare il vostro modello di lavoro.

Le ultime due cose che mo sono molto importanti perché poi andremo in una lezione dedicata a vedere come creare la pagina dove saranno poi mostrati questi singoli progetti è quella di assegnare la categoria allora di base la categoria.

Le categorie degli articoli sono ca- categorie legate a magari al mondo delle news, della della tech, eh, agli eventi, eccetera eccetera.

Trovate tutto alla voce categoria.

In questo caso io ora eliminerò le categorie che erano dei dati transitori di bozza e andiamo ad aggiungere una nuova categoria, ad esempio social.

Anzi no, chiamiamola così categoria.

In questa parte inseriamo delle categorie per categorizzare i nostri servizi.

Ad esempio il servizio è consulenza social, aggiungi nuova categoria.

Poi potremmo aggiungere anche la categoria chiamiamola magari Instagram.

Okay, nuova categoria Instagram.

E poi magari potremmo inserire data a list.

Okay, che sono categorie riferite anche ai servizi che in qualità di professionista stiamo erogando.

Che cosa succede? Queste categorie dovranno essere poi collegate agli articoli e ai progetti di portfolio singoli.

Quindi torniamo in tutti gli articoli e dobbiamo semplicemente assegnare una categoria avete due possibilità quando caricate un nuovo articolo, quindi entrerete in una schermata del genere.

Ve lo apro come esempio.

Dovete assegnare due cose prima di tutto la categoria che vedete qui a lato o a destra.

Quindi assegnare la categoria di riferimento a cui fa riferimento appunto questo progetto.

Supponiamo che questa sia una consulenza social, okay? E poi l'immagine in evidenza perché poi quando andremo a creare la pagina dove verrà mostrata la griglia di tutti i nostri progetti a portfoglio, dovremo inserire dell'immagine per rendere tutto un po' più accattivante a livello grafico e quindi qui semplicemente impostate l'immagine.

Ora prendo un'immagine di test nella mia gallery media aspettate il caricamento e poi aggiornate o eventualmente pubblicate.

Se non lo avete fatto, precede in in precedenza.

Okay, torniamo indietro.

Facciamo la stessa cosa anche per nome cliente Y.

Quindi queste sono le ultime due cose molto importanti che dovete fare.

Altrimenti poi non saranno presenti nella pagina dove, um saranno visibili tutti i progetti.

Nome cliente Y questo magari assegniamo un'altra categoria perché poi voglio farvi vedere anche come inserire i filtri dentro il portfolio data St.

Aggiungiamo anche qui un'immagine in evidenza.

Scegliamo questa qua perfetto aspettiamo il caricamento e aggiorniamo l'articolo.

Okay? E poi passiamo all'ultimo nome cliente X categoria.

In questo caso mettiamo Instagram e anche qui un'immagine in evidenza.

Magari potremmo scegliere questa immagine qua.

Okay, imposta immagine in evidenza.

Aspettiamo come sempre che venga caricata e poi clicchiamo su aggiorna.

Okay.

Quindi, facendo un breve recap, abbiamo visto una parte dove abbiamo creato il temete del del singolo progetto di Portfoglio, dove semplicemente abbiamo aggiunto una hero action con il nome del cliente che viene pescato in automatico e un box in fondo con la Ed è molto importante, perché questo vi consentirà di agevolare e velocizzare il lavoro quando in futuro dovrete cambiare alcuni parametri, specialmente nel caso ad esempio, di una.

Poi abbiamo visto che il singolo articolo in realtà è come modificare una semplice pagina di elemento.

L'unica differenza è quella di gestire questo tipo di contenuto all'interno degli articoli anziché nelle pagine