Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Inside WordPress - Marco De Sangro

Inside WordPress - Marco De Sangro

WordCamp Catania

September 21, 2019
Tweet

More Decks by WordCamp Catania

Other Decks in Education

Transcript

  1. View Slide

  2. Marco De Sangro
    Frontend Developer
    WordPress Expert & Contributor
    Magento Expert
    E-Commerce Specialist

    View Slide

  3. INSIDE WORDPRESS
    Un viaggio nell'universo di WordPress
    alla scoperta del segreto della sua
    scalabilità e flessibilità.

    View Slide

  4. View Slide

  5. WordCamp Catania 2019
    Niente è come sembra: i Necromonger
    01.
    Quante volte vi siete chiesti oppure vi è stato chiesto se
    WordPress fosse la scelta giusta per un particolare progetto?
    ... e quante volte vi hanno detto: "Non si può fare"?
    La mia risposta?

    View Slide

  6. WordCamp Catania 2019
    Come si imposta
    un progetto in
    WordPress?
    Carta, penna e tanta
    progettazione!

    View Slide

  7. WordCamp Catania 2019
    Progettazione
    02.
    La checklist di un progetto WordPress
    • Devo aggiungere funzionalità al backend?
    • Devo utilizzare gli archivi utenti (Attenzione ai
    nomi)
    • Devo personalizzare l'interfaccia del backend?
    • La struttura dei permalink è già utile?
    • Mi occorrono shortcode specifici?
    • Ho bisogno di funzionalità particolari? Se sì,
    esistono plugin?
    • Come gestisco la ricerca? Quella integrata
    va bene?
    • Mi servono categorie e tag?
    • Devo aggiungere ulteriori tassonomie?
    • Le categorie devono avere template specifici?
    • Ho bisogno di campi personalizzati?
    • Vanno creati template di pagina?
    • Mi servono tipi di post specifici? Se sì, come li
    visualizzo?
    • Ho valutato in modo approfondito il
    progetto lato infrastruttura? Ho bisogno di
    certificati SSL, o di un sistema di caching?

    View Slide

  8. Entriamo
    nell'Oltreverso
    di WordPress
    Custom Post Type
    Custom Taxonomies
    Custom Fields

    View Slide

  9. WordCamp Catania 2019
    I Custom Post Type: il Tapetum lucidum
    03.
    Entità distinta dalle altre in cui sono identificabili dei contenuti univoci.
    Possiamo aver bisogno di questo nuovo tipo di contenuto se stiamo affrontando progetti di dimensioni
    superiori ad un semplice sito, come portali, siti di annunci, e-commerce o siti con grandi quantità di contenuti
    in genere, per esempio un archivio, un database di film, libri o videogames.
    Si possono creare attraverso la funzione
    register_post_type();
    o attraverso un plugin:
    https://wordpress.org/plugins/custom-post-type-ui/
    Come si creano?

    View Slide

  10. WordCamp Catania 2019
    Registro il CPT
    Definisco le etichette
    Definisco le opzioni
    Reference:
    http://bit.ly/2lP6Htu

    View Slide

  11. WordCamp Catania 2019
    Le Custom Taxonomies: Quoziente Intellettivo
    03.
    Con questo termine intendiamo una classificazione, una struttura che viene utilizzata per ordinare.
    Quando vogliamo organizzare degli articoli tipo "vacanze" e suddividerli per “luogo geografico”.
    Creiamo una tassonomia specifica chiamandola “Località” che possiamo poi richiamare nel menù
    per facilità di navigazione.
    Si possono creare attraverso la funzione
    register_taxonomy();
    o attraverso un plugin:
    https://wordpress.org/plugins/custom-post-type-ui/
    Come si creano?

    View Slide

  12. WordCamp Catania 2019
    Registro la
    Tassonomia
    Definisco le etichette
    Definisco le opzioni
    Reference:
    http://bit.ly/2lOhhkv

    View Slide

  13. WordCamp Catania 2019
    I Custom Fields: i pugnali di Riddik
    03.
    I Custom Fields permettono di associare dei metadati ai nostri contenuti.
    In un blog di ricette ad esempio alcuni metadati potrebbero essere "Tempi di Cottura", "Ingredienti",
    ecc. E' possibile aggiungere quindi dei campi da compilare con i metadati che vogliamo.
    Dobbiamo poi visualizzarli nel frontend.
    Basta attivare la relativa voce nel
    Backend di WordPress
    o attraverso un plugin:
    https://it.wordpress.org/plugins/advanced-custom-fields/
    Come si creano?

    View Slide

  14. WordCamp Catania 2019
    Come Mostrarli
    Se utilizziamo il plugin ACF possiamo utilizzare:
    Utilizzare the_field(); ci permette di visualizzare il
    campo così com'è.
    Utilizzare get_field(); invece ci restituisce il suo
    valore come variabile.
    the_field('nomecampo');
    get_field('nomecampo');

    View Slide

  15. WordCamp Catania 2019
    Un esempio
    Un esempio di Loop con visualizzazione di due
    campi personalizzati:
    Il campo titolo
    L'immagine Hero prima del contenuto

    View Slide

  16. WordCamp Catania 2019
    Dite la verità,
    vi sentite come lui!

    View Slide

  17. WordCamp Catania 2019
    • Grazie ai Custom Post Type possiamo creare illimitate tipologie di dati, e gestirle in
    maniera semplice grazie al motore di WordPress, così come avviene per Pagine e
    Articoli - Itinerari
    • Grazie alle Tassonomie possiamo classificare questi dati, ordinandoli secondo una
    gerarchia e una classificazione appunto che possiamo decidere in autonomia -
    Località
    • Grazie ai Custom Fields possiamo arricchire la nostra scheda con informazioni
    aggiuntive e dare la possibilità ai gestori del sito di compilarle in maniera intuitiva
    - Km percorsi, Attrazioni, ecc

    View Slide

  18. WordCamp Catania 2019
    Casi comuni delle
    potenzialità di WordPress
    Alcuni esempi
    di utilizzo

    View Slide

  19. WordCamp Catania 2019
    1. Directory di Libri
    OBIETTIVO: Creare una directory di libri organizzati in
    maniera coerente, ad esempio per generi o autori.
    OCCORRENTE:
    - Installazione di WordPress
    - Custom Post Type: Libri
    - Tassonomie: Generi, Autori
    - Campi Personalizzati: numero pagine, codice ISBN, ecc.
    - Pagina personalizzata nella quale richiamare le informazioni
    se non vogliamo utilizzare la standard di WP.
    RISORSE:
    - CPTui: https://wordpress.org/plugins/custom-post-type-ui/
    - ACF: https://www.advancedcustomfields.com/

    View Slide

  20. WordCamp Catania 2019
    2. Sito di Ricette
    OBIETTIVO: Blog di Ricette con categorie e schede
    personalizzate per ogni ricetta
    OCCORRENTE:
    - Installazione di WordPress
    - Meta Fields
    - Poche righe di codice: richiamare i campi personalizzati nel
    template
    get_field(); | the_field();
    RISORSE:
    - ACF: https://www.advancedcustomfields.com/

    View Slide

  21. WordCamp Catania 2019
    3. E-Commerce
    OBIETTIVO: Shop online completo
    OCCORRENTE:
    - Installazione di WordPress
    - Plugin WooCommerce
    - Tema compatibile con WooCommerce
    RISORSE:
    - WooCommerce: https://it.wordpress.org/plugins/
    woocommerce/
    - Tema Esempio: https://it.wordpress.org/themes/online-
    shop/

    View Slide

  22. WordCamp Catania 2019
    4. Hotel / B&B
    OBIETTIVO: Sito web di hotel o B&B con possibilità di
    prenotazione online.
    OCCORRENTE:
    - Installazione di WordPress
    - Custom Post Type: Camere con categorie e campi
    personalizzati.
    RISORSE:
    - CPTui: https://wordpress.org/plugins/custom-post-type-ui/
    - ACF: https://www.advancedcustomfields.com/

    View Slide

  23. WordCamp Catania 2019
    5. Agenzie Immobiliari
    OBIETTIVO: Portale per affitto e vendita appartamenti, con
    campi personalizzati e schede immobili
    OCCORRENTE:
    - Installazione di WordPress
    - Tema Dedicato oppure Custom Post Type, Tassonomie e
    Meta Fields
    - Plugin per Ricerca interna intelligente.
    RISORSE:
    - Search & Filter: https://it.wordpress.org/plugins/search-
    filter/

    View Slide

  24. WordCamp Catania 2019
    6. Sito di Annunci di Lavoro
    OBIETTIVO: Una directory di annunci di lavoro suddivisa per
    categorie. Possibilità di inserire e applicare un lavoro
    OCCORRENTE:
    - Installazione di WordPress
    - Tema dedicato oppure Custom Post Type, Tassonomie e
    campi
    - Plugin USP
    RISORSE:
    - CPTui: https://wordpress.org/plugins/custom-post-type-ui/
    - ACF: https://www.advancedcustomfields.com/
    - USP: https://it.wordpress.org/plugins/user-submitted-posts/

    View Slide

  25. E ADESSO?
    Divertitevi a sperimentare!

    View Slide

  26. WordCamp Catania 2019
    Link Utili e Bibliografia
    Libri
    • Sviluppare con WordPress - Apogeo
    • Sviluppare Applicazioni con WordPress - Apogeo
    • E-Commerce con WordPress e WooCommerce - Hoepli
    • WordPress for Dummies - For Dummies
    Web
    • https://codex.wordpress.org/it:Documentazione_per_sviluppatori
    • https://skillsandmore.org/
    • https://zanca.it/blog/
    • https://olegs.be/
    • https://humanmade.com/blog/
    • https://automattic.com/news/

    View Slide

  27. View Slide

  28. Thanks Again

    View Slide