Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013

Sfruttare il Potenziale
Nativo di WordPress
di GIULIANO AMBROSIO

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013
@WORDCAMPBOLOGNA # WPCAMPBO13

PERSONALIZZAZIONE
E GESTIONE MENU

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA #

PERSONALIZZAZIONE E GESTIONE MENU



Aspetto > Menu

Abilitiamo le proprietà avanzate selezionando etichetta impostazioni schermo

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



Aspetto > Menu

Abilitiamo le proprietà avanzate selezionando etichetta impostazioni schermo

HOME
Torna alla pagina iniziale

HOME SERVIZI
HOME SERVIZI
Torna alla pagina iniziale Scopri i nostri servizi per te
Scopri i nostri servizi per te


GESTIONE
EMBED


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
Scribd

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


FEATURED
IMAGE


FEATURED IMAGE

Richiamare l’immagine della thumb Impostare la Thumb

<?php
<?php
if (( has_post_thumbnail() )) {{
if has_post_thumbnail()
the_post_thumbnail();
the_post_thumbnail();
}}
?>
?>

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


GESTIONE TEMPLATE
PAGE + CATEGORY +
SINGLE


GESTIONE TEMPLATES PER PAGINA

Dichiarazione Template per Pagina Richiamo il Template

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

Referenze:
http://codex.wordpress.org/Pages
http://codex.wordpress.org/Post_Formats
http://codex.wordpress.org/Post_Types


GESTIONE TEMPLATES PER CATEGORIA

Creare File .PHP
category-guide.php

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

Referenze:


GESTIONE TEMPLATES PER ARTICOLO SINGOLO

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.

<?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:


HOME PAGE
PERSONALIZZATA
(SENZA LOGIN)


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(); ?>


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 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)


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
*/
?>


HOME PAGE PERSONALIZZATA (CON LOGIN)

Nella mia pagina index.php indico che è accessibile solo da Login effettuato, altrimenti
mostro 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;
}}
?>
?>


CAMPI PERSONALIZZATI
(CUSTOM FIELDS)


CUSTOM FIELDS

Variabili aggiuntive che si possono associare a post o pagine.

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


CUSTOM FIELDS

Per 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


INFORMAZIONI
AUTORI + GRAVTAR


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_avatar
http://codex.wordpress.org/Template_Tags/the_author_meta
http://www.dbswebsite.com/design/wordpress-reference/V3/


CREARE E
PERSONALIZZARE
AREE WIDGET


WIDGET

Il codice base per creare una sidebar. Da inserire in function.php
<?php
<?php
register_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
<?php
if ((function_exists('dynamic_sidebar') )){{
if function_exists('dynamic_sidebar')
dynamic_sidebar( ‘Sidebar2' );
dynamic_sidebar( ‘Sidebar2' );
}}
?>
?>
Referenze:
https://codex.wordpress.org/Function_Reference/register_sidebars
http://codex.wordpress.org/Function_Reference/dynamic_sidebar


USARE I
TAG CONDIZIONALI


TAG CONDIZIONALI

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 } ?>

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


TAG CONDIZIONALI

Esempio 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


RELATORE

Giuliano Ambrosio
Web: www.juliusdesign.net

Twitter: @JuliusDesign
Facebook: fb.com/JuliusDesign

BIO

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.


Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (8)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013

Ähnlich wie Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013 (20)

Sfruttare il Potenziale Nativo di WordPress - WordCamp Bologna 2013