Sviluppare un tema WordPress

Questo corso, composto dalla prima parte di Sviluppare con WordPress, è dedicato a chiunque desideri sviluppare temi per WordPress seguendo tutti gli standard di WordPress.org

Grazie all’esperienza maturata in questi anni, ti indicherò come poter sviluppare correttamente un tema, evitando gli errori più comuni e rispettando tutti gli standard di qualità di WordPress.org.

Per seguire questo corso non è necessario che tu conosca perfettamente il linguaggio PHP (anche se fortemente raccomandato), però è necessario saper utilizzare correttamente i linguaggi HTML, CSS e jQuery.

Una volta aver predisposto un ambiente di sviluppo in locale imparerai, grazie ad un esempio pratico, a sviluppare da zero un tema WordPress dove verranno successivamente aggiunti dei campi per la gestione, grazie alle Customizer API di WordPress.

Il tema di esempio è stato inoltre sottoposto alla revisione su WordPress.org ed è disponibile per il download dal seguente link

https://wordpress.org/themes/javes/

In questo modo vedrai nel dettaglio come avviene l’invio e la revisione di un tema su WordPress.org.

Vedrai inoltre come sviluppare correttamente un plugin e come aggiungere un pannello di controllo con tutte le indicazioni per la gestione dei campi e diversi esempi che potrai utilizzare nei tuoi plugin.

Bonus inclusi

Insieme al corso ed al tema di esempio, avrai la possibilità, se lo desideri, di acquistare tutti i temi (18) e plugin (5) premium presenti su ThemeinProgress.com tramite una pagina che trovi all’interno dell’ebook.

È necessario effettuare un pagamento minimo di 1€ (invece di 64€) che servirà a generare le chiavi di licenza per ogni tema e plugin e l’account su ThemeinProgress.com.

Sarai libero di riutilizzare parti di codice presenti nei temi e plugin presenti nel bundle.

Avrai inoltre accesso ad un gruppo Facebook riservato solamente a chi acquisterà il corso in cui potrai fare domande oppure richiedere un consiglio per lo sviluppo del tuo tema o plugin.

Garanzia 30 giorni soddisfatti o rimborsati

Se il corso non ti è stato d’aiuto oppure non ha soddisfatto le tue aspettative, potrai richiedere un rimborso completo che riceverai direttamente sul tuo conto PayPal.

Indice dei contenuti

Introduzione

1. Cosa vedremo in questo corso
2. Requisti base
3. Predisposizione dell’ambiente di sviluppo
4. Installiamo WordPress in locale
5. Creazione della cartella del tema
6. La gerarchia dei file WordPress
7. I file indispensabili per il funzionamento del tema
8. Il codex di WordPress

I file template di WordPress

1. Il file functions.php
2. Il file index.php
3. Il file style.css
4. Il file header.php
5. Il file sidebar.php
6. Il file single.php
7. Il file comments.php
8. Il file page.php
9. Il file archive.php
10. Il file search.php
11. Il file 404.php
12. Il file footer.php

Gli altri file di un tema WordPress

1. Il file readme.txt
2. Il file screenshot.png

I conditional tags

1. Cosa sono
2. I conditional tags più utilizzati

Il loop

1. Che cos’è
2. Le funzioni the_title() e get_the_title()
3. Le funzioni the_excerpt e get_the_excerpt
4. Le funzioni the_content() e get_the_content()
5. La funzione the_post_thumbnail()
6. Le funzioni the_date() e get_the_date()
7. Le funzioni the_permalink() e get_permalink()
8. Le funzioni the_author_posts_link() e get_the_author_posts_link()
9. Le funzioni the_category() e get_the_category()
10. Le funzioni the_tags() e get_the_tags()
11. La funzione comments_number()
12. Le funzioni the_author_posts_link() e get_the_author_posts_link()
13. La funzione get_post_format()

Localizzare il tema per predisporlo alla traduzione

1. Come localizzare un tema WordPress
2. File .mo, .po e .pot
3. Gestire le traduzioni con Poedit

Cosa sono i temi child e perché sono importanti
Iniziamo lo sviluppo del tuo primo tema WordPress

1. Creazione della cartella del tema e dei primi file
2. Il file template functions.php
3. Il file template header.php
   • Aggiungiamo il logo
   • Aggiungiamo il menu
   • Personalizziamo l’aspetto grafico di testata, logo e menu
   • Rendiamo navigabile il menu con il tasto TAB della tastiera
   • Ottimizziamo il codice per i dispositivi mobile
4. Il file template footer.php
5. Il file template index.php
6. Il file template archive.php
7. Aggiungiamo le informazioni degli articoli
8. Aggiungiamo l’immagine in evidenza
9. La paginazione
10. I commenti
    • wp_list_comments()
    • comment_form()
    • comments_number()
    • previous_comments_link() e next_comments_link()
    • Esempio di file template comments.php
    • Funzione callback per la lista di commenti
11. Loop personalizzati

Completiamo lo sviluppo del tuo primo tema WordPress

1. La barra laterale
2. Il form di ricerca
3. Risultati della ricerca
4. Pagina di errore 404
5. Template personalizzati per le pagine
6. Aggiungere uno slider in homepage

La sezione personalizza di WordPress

1. Come funziona la sezione personalizza di WordPress
   • custom-background
   • custom-header
2. Come gestire sezioni, impostazioni e controlli
   • $wp_customize->add_panel()
   • $wp_customize->add_section()
   • $wp_customize->add_setting()
   • $wp_customize->add_control()
   • $wp_customize->remove_panel()
   • $wp_customize->remove_section()
   • $wp_customize->remove_setting()
   • $wp_customize->remove_control()
3. Sanificare correttamente i dati immessi
   • Sanificazione di un campo di testo
   • Sanificazione di un numero
   • Sanificazione di un indirizzo email
   • Sanificazione di un’area di testo
   • Sanificazione di un URL
   • Sanificazione di un campo per upload
   • Sanificazione di un colore
   • Sanificazione di select e radio button
   • Sanificazione di campi booleani
   • Creazione di una funzione di sanificazione custom
4. Come integrare un pannello di gestione del tema
   • Come aggiungere un campo di testo
   • Come aggiungere un campo numerico
   • Come aggiungere un indirizzo email
   • Come aggiungere un’area di testo
   • Come aggiungere un URL
   • Come aggiungere un campo per upload
   • Come aggiungere un colorpicker
   • Come aggiungere una select
   • Come aggiungere radio button
   • Come aggiungere un campo booleano
   • Come aggiungere una sezione custom
5. Creazione del pannello per la gestione del tema
6. Come rendere funzionanti le opzioni del tema
   • Impostazioni carousel.
   • Informazioni articolo.
   • Testo del footer
   • Colore dei link

Come pubblicare un tema su WordPress.org

1. Gli errori più comuni
2. Il processo di revisione
3. L’importanza dell’utilizzo delle funzioni sanitize ed escape
4. Si può ancora guadagnare vendendo temi WordPress?
5. Errori da evitare vendendo temi per WordPress

Come vendere temi e plugin sui Marketplace

1. Linee guida e best practice da seguire
2. La mia esperienza su ThemeForest
3. La mia esperienza su CreativeMarket

Conclusione