WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Sfruttare il Potenziale Nativo di WordPress

di GIULIANO AMBROSIO

PERSONALIZZAZIONEE GESTIONE MENU

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

PERSONALIZZAZIONE E GESTIONE MENU

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

PERSONALIZZAZIONE E GESTIONE MENU

Aspetto > Menu

Abilitiamo le proprietà avanzate selezionando etichetta impostazioni schermo

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Navigation_Menus

PERSONALIZZAZIONE E GESTIONE MENU

Aspetto > Menu

Abilitiamo le proprietà avanzate selezionando etichetta impostazioni schermo

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

HOMETorna alla pagina iniziale

HOMETorna alla pagina iniziale

HOMETorna alla pagina iniziale

HOMETorna alla pagina iniziale

SERVIZIScopri i nostri servizi per te

SERVIZIScopri i nostri servizi per te

GESTIONE EMBED

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

GESTIONE EMBED

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Embeds

blip.tv DailyMotion Flickr FunnyOrDie.com (WordPress 3.0+) Hulu Instagram (WordPress 3.5+) Qik Photobucket PollDaddy Revision3 Scribd

SlideShare (WordPress 3.5+) SoundCloud (WordPress 3.5+) SmugMug (WordPress 3.0+) Twitter (WordPress 3.4+) Viddler Vimeo YouTube WordPress.tv

Cosa viene supportato nativamente da WordPress?

FEATURED IMAGE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

FEATURED IMAGE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Post_Thumbnails

<?phpif ( has_post_thumbnail() ) { the_post_thumbnail(); } ?>

<?phpif ( has_post_thumbnail() ) { the_post_thumbnail(); } ?>

Impostare la ThumbRichiamare l’immagine della thumb

GESTIONE TEMPLATE PAGE + CATEGORY +

SINGLE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

GESTIONE TEMPLATES PER PAGINA

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Pageshttp://codex.wordpress.org/Post_Formatshttp://codex.wordpress.org/Post_Types

<?php/*Template Name: Portfolio*/?>

<?php/*Template Name: Portfolio*/?>

Richiamo il TemplateDichiarazione Template per Pagina

Creare File .PHPcategory-guide.php

Dichiarazione Template per Categoria

GESTIONE TEMPLATES PER CATEGORIA

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Pageshttp://codex.wordpress.org/Post_Formatshttp://codex.wordpress.org/Post_Types

<?php/*Template Name: Categoria Guide*/?>

<?php/*Template Name: Categoria Guide*/?>

GESTIONE TEMPLATES PER ARTICOLO SINGOLO

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Pageshttp://codex.wordpress.org/Post_Formatshttp://codex.wordpress.org/Post_Types

<?php$post = $wp_query- >post; if ( in_category('1') ) { include(TEMPLATEPATH . '/single-guida.php');

} else { include(TEMPLATEPATH . '/single_global.php');}?>

<?php$post = $wp_query- >post; if ( in_category('1') ) { include(TEMPLATEPATH . '/single-guida.php');

} else { include(TEMPLATEPATH . '/single_global.php');}?>

Nel LOOP del tema inseriamo il seguente codice, che indica:I Post con categoria ID=1 avranno il template single-guida e tutti gli altri quello global.

HOME PAGE PERSONALIZZATA

(SENZA LOGIN)

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

HOME PAGE PERSONALIZZATA (SENZA LOGIN)

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Il livello gerarchico di WP è home.php e poi dopo index.php.

Creare una pagina HOME e nel file home.php

<?php/*Template Name: Home*/?>

<?php get_header(); ?>

Qui andiamo a inserire tutto il codice che vogliamo sia presente nella home.

<?php get_footer(); ?>

<?php/*Template Name: Home*/?>

<?php get_header(); ?>

Qui andiamo a inserire tutto il codice che vogliamo sia presente nella home.

<?php get_footer(); ?>

HOME PAGE PERSONALIZZATA (SENZA LOGIN)

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Creare una pagina BLOG e nel file index.php o meglio blog.php

<?php/*Template Name: Blog*/?>

… codice che trovavamo in index.php …

<?php/*Template Name: Blog*/?>

… codice che trovavamo in index.php …

In questo caso dovremo impostare in Impostazioni > Permalink, la nostra struttura aggiungendo /blog/

http://dominio.com/ Troveremo la home page (home.php)http://dominio.com/blog/ Troveremo tutti I contenuti (index.php/blog.php)http://dominio.com/blog/post-esempio/ Troveremo l’articolo

HOME PAGE PERSONALIZZATA

(CON LOGIN)

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

HOME PAGE PERSONALIZZATA (CON LOGIN)

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Creo una pagina Benvenuto.

Imposto la prima pagina principale del mio progetto WP: Benvenuto.

Alla pagina Benvenuto associo un template personalizzato welcome.php.

<?php/*Template Name: Welcome*/?>

HOME PAGE PERSONALIZZATA (CON LOGIN)

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Nella mia pagina index.php indico che è accessibile solo da Login effettuato, altrimenti mostro la pagina welcome.php.

<?php// se non sei loggatoif(!is_user_logged_in()){

include "welcome.php";exit;

}?>

<?php// se non sei loggatoif(!is_user_logged_in()){

include "welcome.php";exit;

}?>

CAMPI PERSONALIZZATI(CUSTOM FIELDS)

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

CUSTOM FIELDS

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Using_Custom_Fields

Variabili aggiuntive che si possono associare a post o pagine.

CUSTOM FIELDS

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Using_Custom_Fields

<?php$dato= get_post_meta($post_id, “Nome-Variabile”, true);echo $dato;?>

<?php$dato= get_post_meta($post_id, “Nome-Variabile”, true);echo $dato;?>

Per recuperare il valore del campo personalizzato:

INFORMAZIONI AUTORI + GRAVTAR

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

INFORMAZIONI AUTORI + GRAVTAR

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Function_Reference/get_avatarhttp://codex.wordpress.org/Template_Tags/the_author_metahttp://www.dbswebsite.com/design/wordpress-reference/V3/

Mi registro su https://it.gravatar.com e associo Foto con Email in uso.

<?php echo get_avatar( get_author_meta(‘user_email ’) , 70 ); ?>

the_author_meta(‘firstname’); the_author_meta(‘lastname’);

the_author_meta('description')

CREARE E PERSONALIZZARE

AREE WIDGET

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

WIDGET

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:https://codex.wordpress.org/Function_Reference/register_sidebarshttp://codex.wordpress.org/Function_Reference/dynamic_sidebar

<?php register_sidebar( array( 'id‘ => ‘Sidebar2', 'name‘ => ' Sidebar2’, 'description' => ‘Questo è il testo descrizione sidebar.’,) ); ?>

<?php register_sidebar( array( 'id‘ => ‘Sidebar2', 'name‘ => ' Sidebar2’, 'description' => ‘Questo è il testo descrizione sidebar.’,) ); ?>

Il codice base per creare una sidebar. Da inserire in function.php

<?php if ( function_exists('dynamic_sidebar') ) { dynamic_sidebar( ‘Sidebar2' ); } ?>

<?php if ( function_exists('dynamic_sidebar') ) { dynamic_sidebar( ‘Sidebar2' ); } ?>

Richiamare la Sidebar creata.

USARE I TAG CONDIZIONALI

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

TAG CONDIZIONALI

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Conditional_Tags

HomePage<?php if (is_home()) { ?> … … …<?php } ?>

Singolo Post con Titolo <?php if (is_single( 'Irish Stew' )) { ?> … … …<?php } ?>

Singolo Post con ID <?php if (is_single( '453' )) { ?> … … …<?php } ?>

Post con PostType<?php if ( 'book' == get_post_type() ) { ?> … … …<?php } ?>

TAG CONDIZIONALI

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Referenze:http://codex.wordpress.org/Conditional_Tags

Esempio Pratico:

Se sono in Home verrà stampato “sono in homepage” altrimenti “non sono in homepage”

<?php if (is_home()) { ?> Sono in Home Page<?php } else { ?> Non sono in Home Page<?php } ?>

<?php if (is_home()) { ?> Sono in Home Page<?php } else { ?> Non sono in Home Page<?php } ?>

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Giuliano Ambrosio

RELATORE

Web: www.juliusdesign.net

Twitter: @JuliusDesignFacebook: fb.com/JuliusDesign

Web Creative Strategist Freelance di Torino, dopo 2 anni in una web agency decide di intraprendere la carriera di Freelance. Nel 2007 scopre la blogosfera e i Social Media aprendo il suo blog JuliusDesign.net che in pochi mesi diventa uno dei punti di riferimento in Italia per il Mondo Freelance, Social Media e Design.

La condivisione costante delle sue guide e strategie in Rete, 6.000 accessi unici giornalieri al suo blog e altrettanti contatti sui suoi canali social hanno permesso a Giuliano di attrarre nuovi clienti e di affermarsi come freelance. E’ oggi consulente e formatore, collabora con diverse agenzie e brand da tutta Italia, lavorando a diversi brand tra cui Abarth, Gillette, Motivi.

BIO