Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013

3,733 views

Published on

WordPress è un utile strumento per creare prototipi di progetti web, vediamo come sfruttare il Potenziale Nativo di questo CMS ottimizzando i tempi, e senza appesantire la velocità da plugin che possono essere rimpiazzati dalle natività interne.

Video Lezione: http://wordpress.tv/2013/03/07/giuliano-ambrosio-sfruttare-il-potenziale-nativo-di-wordpress/

Published in: Design
  • Qui il video ufficiale su WordPress.tv > http://wordpress.tv/2013/03/07/giuliano-ambrosio-sfruttare-il-potenziale-nativo-di-wordpress/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013

  1. 1. Sfruttare il PotenzialeNativo di WordPress di GIULIANO AMBROSIO WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13
  2. 2. PERSONALIZZAZIONE E GESTIONE MENUWORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  3. 3. PERSONALIZZAZIONE E GESTIONE MENU WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  4. 4. PERSONALIZZAZIONE E GESTIONE MENUAspetto > MenuAbilitiamo le proprietà avanzate selezionando etichetta impostazioni schermoReferenze:http://codex.wordpress.org/Navigation_Menus WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  5. 5. PERSONALIZZAZIONE E GESTIONE MENUAspetto > MenuAbilitiamo le proprietà avanzate selezionando etichetta impostazioni schermo HOME Torna alla pagina iniziale Torna alla pagina iniziale HOME SERVIZI HOME SERVIZI Torna alla pagina iniziale Torna alla pagina iniziale Scopri i nostri servizi per te Scopri i nostri servizi per te WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  6. 6. GESTIONE EMBEDWORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  7. 7. GESTIONE EMBED Cosa viene supportato nativamente da WordPress? blip.tv SlideShare (WordPress 3.5+) DailyMotion SoundCloud (WordPress 3.5+) Flickr SmugMug (WordPress 3.0+) FunnyOrDie.com (WordPress 3.0+) Twitter (WordPress 3.4+) Hulu Viddler Instagram (WordPress 3.5+) Vimeo Qik YouTube Photobucket WordPress.tv PollDaddy Revision3 ScribdReferenze:http://codex.wordpress.org/Embeds WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  8. 8. FEATURED IMAGEWORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  9. 9. FEATURED IMAGERichiamare l’immagine della thumb Impostare la Thumb<?php <?phpif (( has_post_thumbnail() )) {{ if has_post_thumbnail() the_post_thumbnail(); the_post_thumbnail();}}?> ?>Referenze:http://codex.wordpress.org/Post_Thumbnails WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  10. 10. GESTIONE TEMPLATE PAGE + CATEGORY + SINGLEWORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  11. 11. GESTIONE TEMPLATES PER PAGINADichiarazione Template per Pagina Richiamo il Template<?php <?php/* /*Template Name: Portfolio Template Name: Portfolio*/ */?> ?>Referenze:http://codex.wordpress.org/Pageshttp://codex.wordpress.org/Post_Formatshttp://codex.wordpress.org/Post_Types WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  12. 12. GESTIONE TEMPLATES PER CATEGORIACreare File .PHPcategory-guide.php <?php <?php /* /* Template Name: Categoria Guide Template Name: Categoria Guide */ */ ?> ?>Dichiarazione Template per CategoriaReferenze:http://codex.wordpress.org/Pageshttp://codex.wordpress.org/Post_Formatshttp://codex.wordpress.org/Post_Types WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  13. 13. GESTIONE TEMPLATES PER ARTICOLO SINGOLONel LOOP del tema inseriamo il seguente codice, che indica:I Post con categoria ID=1 avranno il template single-guidae tutti gli altri quello global.<?php <?php$post = $wp_query- >post; $post = $wp_query- >post; if ((in_category(1) )){{ if in_category(1) include(TEMPLATEPATH ../single-guida.php); include(TEMPLATEPATH /single-guida.php);}}else {{ else include(TEMPLATEPATH ../single_global.php); include(TEMPLATEPATH /single_global.php);}}?> ?>Referenze:http://codex.wordpress.org/Pageshttp://codex.wordpress.org/Post_Formatshttp://codex.wordpress.org/Post_Types WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  14. 14. HOME PAGE PERSONALIZZATA (SENZA LOGIN)WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  15. 15. HOME PAGE PERSONALIZZATA (SENZA LOGIN)Il livello gerarchico di WP è home.php e poi dopo index.php.Creare una pagina HOME e nel file home.php <?php <?php /* /* Template Name: Home Template Name: Home */ */ ?> ?> <?php get_header(); ?> <?php get_header(); ?> Qui andiamo a inserire tutto ililcodice che vogliamo sia presente nella home. Qui andiamo a inserire tutto codice che vogliamo sia presente nella home. <?php get_footer(); ?> <?php get_footer(); ?> WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  16. 16. HOME PAGE PERSONALIZZATA (SENZA LOGIN)Creare una pagina BLOG e nel file index.php o meglio blog.php <?php <?php /* /* Template Name: Blog Template Name: Blog */ */ ?> ?> … codice che trovavamo in index.php … … codice che trovavamo in index.php …In questo caso dovremo impostare in Impostazioni > Permalink, la nostra strutturaaggiungendo /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 WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  17. 17. HOME PAGE PERSONALIZZATA (CON LOGIN)WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  18. 18. HOME PAGE PERSONALIZZATA (CON LOGIN)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 */ ?> WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  19. 19. HOME PAGE PERSONALIZZATA (CON LOGIN)Nella mia pagina index.php indico che è accessibile solo da Login effettuato, altrimentimostro la pagina welcome.php. <?php <?php // se non sei loggato // se non sei loggato if(!is_user_logged_in()) if(!is_user_logged_in()) {{ include "welcome.php"; include "welcome.php"; exit; exit; }} ?> ?> WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  20. 20. CAMPI PERSONALIZZATI (CUSTOM FIELDS)WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  21. 21. CUSTOM FIELDSVariabili aggiuntive che si possono associare a post o pagine.Referenze:http://codex.wordpress.org/Using_Custom_Fields WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  22. 22. CUSTOM FIELDSPer recuperare il valore del campo personalizzato:<?php <?php$dato= get_post_meta($post_id, “Nome-Variabile”, true); $dato= get_post_meta($post_id, “Nome-Variabile”, true);echo $dato; echo $dato;?> ?>Referenze:http://codex.wordpress.org/Using_Custom_Fields WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  23. 23. INFORMAZIONI AUTORI + GRAVTARWORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  24. 24. INFORMAZIONI AUTORI + GRAVTAR the_author_meta(‘firstname’); the_author_meta(‘lastname’); Mi registro su https://it.gravatar.com e associo Foto con Email in uso. the_author_meta(description) <?php echo get_avatar( get_author_meta(‘user_email ’) , 70 ); ?>Referenze:http://codex.wordpress.org/Function_Reference/get_avatarhttp://codex.wordpress.org/Template_Tags/the_author_metahttp://www.dbswebsite.com/design/wordpress-reference/V3/ WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  25. 25. CREARE E PERSONALIZZARE AREE WIDGETWORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  26. 26. WIDGETIl codice base per creare una sidebar. Da inserire in function.php<?php <?phpregister_sidebar( array( register_sidebar( array( id‘ => ‘Sidebar2, id‘ => ‘Sidebar2, name‘ => Sidebar2’, name‘ => Sidebar2’, description => ‘Questo è ililtesto descrizione sidebar.’, description => ‘Questo è testo descrizione sidebar.’,))); );?> ?>Richiamare la Sidebar creata.<?php <?phpif ((function_exists(dynamic_sidebar) )){{ if function_exists(dynamic_sidebar) dynamic_sidebar( ‘Sidebar2 ); dynamic_sidebar( ‘Sidebar2 );}}?> ?>Referenze:https://codex.wordpress.org/Function_Reference/register_sidebarshttp://codex.wordpress.org/Function_Reference/dynamic_sidebar WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  27. 27. USARE I TAG CONDIZIONALIWORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  28. 28. TAG CONDIZIONALIHomePage<?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 } ?>Referenze:http://codex.wordpress.org/Conditional_Tags WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  29. 29. TAG CONDIZIONALIEsempio Pratico:<?php if (is_home()) {{?> <?php if (is_home()) ?>Sono in Home Page Sono in Home Page<?php }}else {{?> <?php else ?>Non sono in Home Page Non sono in Home Page<?php }}?> <?php ?>Se sono in Home verrà stampato “sono in homepage”altrimenti “non sono in homepage”Referenze:http://codex.wordpress.org/Conditional_Tags WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #
  30. 30. RELATORE Giuliano Ambrosio Web: www.juliusdesign.net Twitter: @JuliusDesign Facebook: fb.com/JuliusDesignBIOWeb Creative Strategist Freelance di Torino, dopo 2 anni in una web agency decide di intraprendere lacarriera di Freelance. Nel 2007 scopre la blogosfera e i Social Media aprendo il suo blog JuliusDesign.netche in pochi mesi diventa uno dei punti di riferimento in Italia per il Mondo Freelance, Social Media eDesign.La condivisione costante delle sue guide e strategie in Rete, 6.000 accessi unici giornalieri al suo blog ealtrettanti contatti sui suoi canali social hanno permesso a Giuliano di attrarre nuovi clienti e di affermarsicome freelance. E’ oggi consulente e formatore, collabora con diverse agenzie e brand da tutta Italia,lavorando a diversi brand tra cui Abarth, Gillette, Motivi. WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #

×