Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013

3,398 views
3,312 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
1 Comment
11 Likes
Statistics
Notes
  • 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
No Downloads
Views
Total views
3,398
On SlideShare
0
From Embeds
0
Number of Embeds
695
Actions
Shares
0
Downloads
71
Comments
1
Likes
11
Embeds 0
No embeds

No notes for slide

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 #

×