EMOOC È SPECIALIZZATA IN ARCHITETTURE LMS COMPLETE DI CORSI SUL DIGITAL MARKETING

Creare un Tema in WordPress

La creazione e lo sviluppo delle modifiche di un tema in WordPress.
Senza ombra di dubbio, e statistiche alla mano, WordPress risulta la soluzione più utilizzata da web designer free lance e parimenti da web agency per la realizzazione di siti web, dal semplice blog personale, all’ ecommerce, al multisito plurilingue aziendale.
La flessibilità, la semplicità di approccio e la capacità di adattamento di questo CMS, consente anche al neofita dello sviluppo web di realizzare in poco tempo un sito e di personalizzarlo per quanto possibile.
A fronte di questa sua quasi capillare diffusione, si esprime sempre di più l’esigenza professionale di andare oltre la semplice installazione del CMS, il montaggio di un tema predefinito e l’implementazione di qualche plugin.

Obiettivi

Verrà affrontata in maniera pratica, la tecnica di sviluppo di un tema per WP partendo da zero o partendo da un progetto statico e pensato secondo le esigenze costruttive del CMS.

Programma

Introduzione e preparazione
Lezione 1.1 Introduzione al corso
Lezione 1.2 Preparazione dell’ambiente di sviluppo
Lezione 1.3 Il Codex di WordPress
Lezione 1.4 La gerarchia di WP nello sviluppo dei temi

Nozioni di PHP per sviluppatori WP
Lezione 2.1 Scrittura di PHP e sintassi di base
Lezione 2.2 Variabili e costanti in PHP
Lezione 2.3 Gli array
Lezione 2.4 Le funzioni
Lezione 2.5 Il costrutto if
Lezione 2.6 Il ciclo while
Lezione 2.7 Le classi in PHP

Realizza il tuo primo tema semplice tema in WP
Lezione 3.1 Prima configurazione
Lezione 3.2 Impostazione della pagina index
Lezione 3.3 Il loop per mostrare i nostri articoli
Lezione 3.4 Lo splitting del tema e la sua ottimizzazione
Lezione 3.5 Applichiamo lo stile al nostro tema
Lezione 3.6 Regoliamo la cache per l’efficienza del lavoro di sviluppo
Lezione 3.7 Attiviamo permalink
Lezione 3.8 Configuriamo le immagini in evidenza
Lezione 3.9 Prepariamo la pagina per singolo articolo
Lezione 3.10 Registriamo il nostro primo menu
Lezione 3.11 Configuriamo la pagina singola
Lezione 3.12 Registriamo l’area widget
Lezione 3.13 Attiviamo commenti e tags
Lezione 3.14 Ultimi ritocchi di stile per il nostro tema

Dal tema statico in Bootstrap 4 al tema WP: preparazione
Lezione 4.1 Presentazione del progetto statico
Lezione 4.2 Presentazione del progetto motorizzato per WP
Lezione 4.3 Aggiornamento per WordPress 5 con Gutenberg
Lezione 4.4 Attivazione del tema
Lezione 4.5 Integrazione delle librerie esterne
Lezione 4.6 Ottimizzazione della barra di amministrazione
Lezione 4.7 La gestione delle immagini del tema
Lezione 4.8 Lo splitting del tema
Lezione 4.9 L’attivazione del primo menu
Lezione 4.10 La configurazione di un menu per Bootstrap
Lezione 4.11 Correzioni per il caricamento delle librerie e funzionalità sottomenu
Lezione 4.12 Registrare altri menu
Lezione 4.13 La configurazione della pagina home

Dal tema statico in Bootstrap 4 al tema WP: il sistema blog
Lezione 5.1 La pagina per il blog
Lezione 5.2 Attivazione dei tags e customizzazione e immagini thumbnails
Lezione 5.3 La paginazione e customizzazione
Lezione 5.4 La pagina per l’articolo singolo
Lezione 5.5 I percorsi per i collegamenti alle pagine
Lezione 5.6 Paginazione per l’articolo del blog
Lezione 5.7 Configurazione e customizzazione dell’area commenti – prima parte
Lezione 5.8 Configurazione e customizzazione dell’area commenti – seconda parte
Lezione 5.9 Attivazione del modulo di ricerca
Lezione 5.10 Customizzazione della form di ricerca
Lezione 5.11 Configurazione della pagina archivio

Dal tema statico in Bootstrap 4 al tema WP: la gestione delle pagine
Lezione 6.1 Il template per pagina singola
Lezione 6.2 Mostrare pagina per id
Lezione 6.3 Sistema di navigazione con breadcrumb
Lezione 6.4 Sistema di navigazione con struttura pagine parent/children – prima parte
Lezione 6.5 Sistema di navigazione con struttura pagine parent/children – seconda parte
Lezione 6.6 Attivazione della aree widget – prima parte
Lezione 6.7 Attivazione delle aree widget – seconda parte

Dal tema statico in Bootstrap 4 al tema WP: contenuti customizzati
Lezione 7.1 Template specifici per pagine singole
Lezione 7.2 Configurazione della pagina di errore 404
Lezione 7.3 Widget personalizzati
Lezione 7.4 Gestione dei campi personalizzati – prima parte
Lezione 7.5 Gestione dei campi personalizzati – seconda parte
Lezione 7.6 I custom post type – configurazione di base
Lezione 7.7 I custom post type – attivazione e inserimento nel codice
Lezione 7.8 I custom post type – ottimizzazione

Dal tema statico in Bootstrap 4 al tema WP: custom queries
Lezione 8.1 Introduzione alle custom queries: il cuore di WP
Lezione 8.2 Esercizi pratici con custom queries – prima parte
Lezione 8.3 Esercizi pratici con custom queries – seconda parte
Lezione 8.4 Slideshow dinamica con contenuti personalizzati e custom queries – prima parte
Lezione 8.5 Slideshow dinamica con contenuti personalizzati e custom queries – seconda parte
Lezione 8.6 Mostriamo articoli condizionati secondo categoria in home page

Dal tema statico in Bootstrap 4 al tema WP: gestione eventi customizzata
Lezione 9.1 Il plugin per Advanced Custom Fields
Lezione 9.2 Impostazione di un custom field date per i nostri eventi personalizzati
Lezione 9.3 Mostrare i nostri eventi in home page secondo la data di svolgimento
Lezione 9.4 Formattazione della data localizzata in italiano
Lezione 9.5 Esclusione degli eventi passati dalla visualizzazione corrente
Lezione 9.6 Creazione di un archivio degli eventi attuali e paginazione specifica
Lezione 9.7 Creazione di un archivio degli eventi passati e paginazione specifica

Dal tema statico in Bootstrap 4 al tema WP: la pagina contatti
Lezione 10.1 Creazione di una pagina dedicata ai contatti
Lezione 10.2 Customizzazione del form contatti secondo lo stile di Bootstrap
Lezione 10.3 Creazione secondo modulo contatti con lo shortcode nel codice

Dal tema statico in Bootstrap 4 al tema WP: Api del customizzatore dei temi
Lezione 11.1 Configurazione della prima sezione del customizzatore
Lezione 11.2 Mostrare e aggiornare i dati dal customizzatore
Lezione 11.3 Customizzazione dei link e dei bottoni di invio
Lezione 11.4 Customizzazione del logo e del brand

Utilità varie
Lezione 12.1 Abilitazione all’internazionalizzazione del tema
Lezione 12.2 Ottimizzazione e pulizia del codice e dello stile

COD: 006 Categoria: Tag:

35,00

Classroom

Gli iscritti al corso che desiderano approfondire le tematiche trattate in modalità frontale con il docente possono farlo inviando una richiesta al docente stesso.

Docente: Simona Tocci
Costo formazione frontale: €. 90,00/ora