Come funzionano i template di Wordpress

21

description

Una breve panoramica sul funzionamento dei template di wordpress

Transcript of Come funzionano i template di Wordpress

Page 1: Come funzionano i template di Wordpress
Page 2: Come funzionano i template di Wordpress

Come funzionano i template di

v. 1.2

Page 3: Come funzionano i template di Wordpress

Obiettivi

Cosa non dovete aspettarvi dei prossimi 15 minuti …

Page 4: Come funzionano i template di Wordpress

Cos’è Wordpress ?

WordPress è una piattaforma publishing scritta in PHP e che usa come database Mysql. Creata da Matt Mullenweg, attualmente è distribuita con la licenza GNU General Public License.

wikipedia

Page 5: Come funzionano i template di Wordpress

Cos’è un templatee come funziona

I Template sono i file che controllano come le informazioni vengono visualizzate sul browser. Questi file prendono le informazioni del database MySQL di WordPress e generano il codice HTML che viene inviato al web browser

www.wordpress-it.it

Page 6: Come funzionano i template di Wordpress

Come è fatto un template ?

Un Template è un insieme di file (e di immagini) raccolti sotto una directory e posizionati all’interno della radice di Wordpress sotto “wp-content\themes”

Page 7: Come funzionano i template di Wordpress

• index.php• style.css• header.php• footer.php

I file di un tema minimale

Page 8: Come funzionano i template di Wordpress

<?php get_header(); ?>

Contenuto pagina

index.php

<?php get_footer(); ?>

Page 9: Come funzionano i template di Wordpress

/* Theme Name: ZenaCampTheme URI: http://barcamp.org/ZenaCampDescription: Descrizione esempio templateVersion: 1.0 Author: Maurizio PelizzoneAuthor URI: http://maurizio.mavida.com/ */

style.css

Page 10: Come funzionano i template di Wordpress

1. <!DOCTYPE ….2. <html>3. <head>4. <title> .... Titolo del della pagina … </title>5. <meta … 6. <link rel="stylesheet“ …7. <link rel="alternate" …8. <link rel="pingback" …9. <link rel="shortcut icon" …10. <script type="text/javascript" …11. <?php wp_get_archives('type=monthly&format=link'); ?>12. <?php wp_head(); ?>13. </head>14. <body>15. <div id="wrapper">16. <div id="header"> … immagine, nome, descrizione … </div>17. <div id=“menu"> … menu superiore … </div>

header.php

Page 11: Come funzionano i template di Wordpress

1. <div id=“copyleft”> … note fondo pagina … </div>2. <!-- fine wrapper -->3. </div>4. <?php wp_footer(); ?>5. </body>6. </html>

footer.php

Page 12: Come funzionano i template di Wordpress

• index.php• style.css• header.php• footer.php• sidebar.php

La colonna laterale

Page 13: Come funzionano i template di Wordpress

1. <div id=“sidebar”> 2. <!-- codice della sidebar -->3. <?php wp_list_pages(); ?>4. <?php get_links_list(); ?>5. <?php wp_list_cats(); ?>6. <?php wp_get_archives('type=monthly'); ?>7. <?php include (TEMPLATEPATH . '/box-di-ricerca.php'); ?>8. </div>

sidebar.php

Page 14: Come funzionano i template di Wordpress

<?php get_header(); ?>

Contenuto pagina

<?php get_sidebar(); ?>

<?php get_footer(); ?>

index.php

Page 15: Come funzionano i template di Wordpress

<?php get_header(); ?>

<?php include (TEMPLATEPATH . '/loop.php'); ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Gestione Commenti

index.php

Page 16: Come funzionano i template di Wordpress

1. <div id=“sidebar”> 2. <!-- inizio loop -->3. <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>4. <!-- contenuto del loop -->5. <?php endwhile; else: ?> 6. <p>Pagina non trovata … </p>7. <?php endif; ?>

loop.php

Page 17: Come funzionano i template di Wordpress

1. <div id=“sidebar”> 2. <!-- inizio loop -->3. <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>4. <div class="post">5. <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>6. <small>Data: <?php the_time('j F Y') ?></small>7. <small>Autore: <?php the_author_nickname(); ?> </small>8. <div class="entry">9. <?php the_content(); ?>10. </div>11. <p >Archiviato sotto <?php the_category(', '); ?></p>12. </div>13. <?php endwhile; else: ?> 14. <p>Pagina non trovata … </p>15. <?php endif; ?>

loop.php #2

Page 18: Come funzionano i template di Wordpress

<?php get_header(); ?>

<?php include (TEMPLATEPATH . '/loop.php'); ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

<?php comments_template(); ?>

index.php

Page 19: Come funzionano i template di Wordpress

1. <?php if ($comments && is_single() ) : ?>2. <ol class="commentlist">3. <?php foreach ($comments as $comment) : ?>4. <li id="comment-<?php comment_ID() ?>">5. <cite><?php comment_author_link() ?></cite>6. <small><?php comment_date('j F Y') ?></small>7. <?php if ($comment->comment_approved == '0') : ?>8. <em>Il tuo commento è in attesa di essere approvato.</em>9. <?php endif; ?>10. <br/>11. <?php comment_text() ?>12. </li>13. <?php endforeach;?>14. </ol>15. <?php endif; ?>

comments.php

Page 20: Come funzionano i template di Wordpress

• single.php• page.php• archive.php• category.php• author.php• search.php• 404.php

Alcuni degli altri file usati da wordpress

Page 21: Come funzionano i template di Wordpress

Qualche links• http://codex.wordpress.org/Templates• http://www.wordpress-it.it/wiki/Main/Templates• http://lorelle.wordpress.com/2005/09/28/designing-a-wordpress-theme-from-scratch/• http://www.yvoschaap.com/wpthemegen/• http://tomorrows-laundry.com/2007/02/23/four-blank-wordpress-themes/• http://del.icio.us/miziomon/wordpress