Dallo scorso anno, il mercato dei temi di WordPress è cresciuto incredibilmente. Il motivo? Grandi progetti, naturalmente, ma anche un sacco di nuove funzionalità sorprendenti. Il Top degli sviluppatori di WordPress cercano sempre di ottenere il massimo di WordPress, e utilizzano tutte le loro conoscenze per trovare i modi per rendere la loro piattaforma di blogging preferita ancora più potente.

In questo articolo, sono raccolti 10 frammenti di codice utili per WordPress; trucchi e consigli per aiutarti a creare un tema WordPress, che si distingua dalla massa.

1. STILE PERSONALE PER I POST

Il problema.
Il tuo blog ha un sacco di post, ma i post non sono tutti dello stesso tipo. Per dare uno stile speciale a uno o più dei tuoi post, è possibile usufruire di entrambe le funzioni post_class () e dell’ id del post.

La soluzione.
Per applicare questo trucco, basta aprire il file single.php, trovare il loop e sostituirlo con il seguente codice:

Spiegazione del codice.
La parte importante è in gran parte la linea 3. Qui, è stata aggiunta la funzione PHP post_class () . Introdotta in WordPress 2.8, questa funzione aggiunge le classi CSS per il post. Per esempio, si può aggiungere:

*. Hentry
*. Sticky
*. Category-tutorial
*. Tag wordpress

Con queste classi CSS aggiunte ora, è possibile dare uno stile personalizzato a tutti i post che hanno tag o quelli che appartengono alla categoria “tutorial”.

L’altro pezzo importante di questo codice è id = “post-<? Php the_ID ();?>”. Visualizzando l’ID del post, si è in grado di dare uno stile ad un post particolare. Ecco un esempio:

1. #post-876{
2. background:#ccc;
3. }

2.POST CORRELATI CON IMMAGINE

Il problema.
Dopo aver letto i tuoi post più recenti, che cosa fanno i tuoi lettori?  la maggior parte di essi lascia il tuo blog. Un ottimo modo per mantenere il loro interesse è quello di visualizzare un elenco di post correlati. Ci sono molti plug-in in grado di farlo, ma per coloro che vogliono sapere come funziona la cosa, ecco bel po’ di codice per ottenere post correlati e le miniature delle immagini.

La soluzione.
Basta incollare il codice dopo la funzione the_content () nel file single.php:

1. <?php
2. $original_post = $post;
3. $tags = wp_get_post_tags($post->ID);
4. if ($tags) {
5. echo ‘<h2>Related Posts</h2>’;
6. $first_tag = $tags[0]->term_id;
7. $args=array(
8. ‘tag__in’ => array($first_tag),
9. ‘post__not_in’ => array($post->ID),
10. ‘showposts’=>4,
11. ‘caller_get_posts’=>1
12. );
13. $my_query = new WP_Query($args);
14. if( $my_query->have_posts() ) {
15. echo “<ul>”;
16. while ($my_query->have_posts()) : $my_query->the_post(); ?>
17. <li><img src=”<?php bloginfo(‘template_directory’); ?>/timthumb/timthumb.php?src=<?php echo get_post_meta($post->ID, ”post-img”, true); ?>&amp;h=40&amp;w=40&amp;zc=1″ alt=”" /><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title(); ?></a></li>
18. <?php endwhile;
19. echo “</ul>”;
20. }
21. }
22. $post = $original_post;
23. wp_reset_query();

Spiegazione del Codice.

In primo luogo, questo codice fa uso di TimbThumb, uno script PHP per il ridimensionamento dell’ immagine.

Una volta che questo codice viene incollato nel tema, usa il primo tag del post per richiamare i post correlati. In questo esempio, vengono visualizzati quattro post correlati. È possibile modificare questo numero nella linea 10.

3. STILE DEI POST ALTERNATI IN HOME PAGE

Il problema.
Molti temi nuovi di WordPress  hanno un fantastico modo di visualizzare i messaggi sulla home page. Per esempio, sono in grado di visualizzare i primi tre post più grandi rispetto ai restanti, con immagini e testo esteso,  e post rimanenti vengono mostrati in modo più semplice.

La soluzione.
Ecco un ciclo personalizzato che visualizza i primi tre post diversi rispetto al resto. È possibile sostituire il loop esistente nel file index.php con questo codice:

1. <?php
2. $postnum = 0;
3. while (have_posts()) : the_post(); ?>
4. <?php if ($postnum <= 3){ ?>
5. <div <?php post_class() ?> id=”post-<?php the_ID(); ?>”>
6. <div class=”date”><span><?php the_time(‘M j’) ?></span></div>
7. <h2>(<?php echo $postnum;?>)<a href=”<?php the_permalink() ?>”><?php the_title(); ?></a></h2>
8. <div class=”post-image” style=”text-align:center;”>
9. <a href=”<?php the_permalink() ?>”><img src=”<?php bloginfo(‘template_directory’ ); ?>
10. /timthumb.php?src=<?php  echo catch_that_image(); ?>&amp;amp;w=500&amp;amp;h=200&amp;amp;zc=1″ alt=”<?php the_title(); ?>” /></a>
11. </div>
12. <p><?php the_content(‘Read the rest of this entry &amp;raquo;’); ?></p>
13. <p class=”more”><a href=”#”>Read More</a></p>
14. </div>
15. </div>
16. <?php } else {
17. <div <?php post_class( ’single ’ . $end ); ?> id=”post-<?php the_ID(); ?>”>
18. <div class=”post-content”>
19. <h3><a href=”<?php the_permalink() ?>”>(<?php echo $postnum; ?>)<?php the_title(); ?></a> <?php edit_post_link(‘_’, ”, ”); ?></h3>
20. <p><?php the_excerpt( ” ); ?></p>
21. <p class=”more”><a href=”#”>Read More ?</a></p>
22. </div>
23. </div><!– End post –>
24. <?php }
25. endwhile;
26. ?>

Spiegazione del codice.
Nulla è molto difficile! E’ stata appena creata una variabile PHP, chiamata $postnum, che viene richiamato alla fine del ciclo. Se $postnum è inferiore o uguale a 3, il post viene visualizzato completo. In caso contrario, esso viene visualizzato nella sua forma più compatta.

4. UTILIZZO DI PIU’ LOOPS

Il problema.
Quando si codificano pagine WordPress complesse con più di un loop, può accadere che uno dei loop non si comporta come previsto: per esempio, scritte indesiderate, post ripetuti, ecc… Fortunatamente, con un po’di conoscenza e con qualche molto utile, tutto questo si può evitare.

La soluzione.
L’esempio seguente è dotato di due loop distinti. Fai attenzione a rewind_posts () la funzione sulla linea 8. Questo esempio può essere utilizzato su qualsiasi file di WordPress come ad esempio index.php, single.php, ecc

1. // First loop (get the last 3 posts in the ”featured” category)
2. <?php query_posts(‘category_name=featured&amp;showposts=3′); ?>
3. <?php while (have_posts()) : the_post(); ?>
4. <!– Do stuff… –>
5. <?php endwhile;?>
6. //loop reset
7. <?php rewind_posts(); ?>
8. //Second loop (Get all posts)
9. <?php while (have_posts()) : the_post(); ?>
10. <!– Do stuff… –>
11. <?php endwhile; ?>

Spiegazione del codice.
Questo pezzo di codice non utilizza alcun hack; rewind_posts () è una funzione standard di WordPress.

Lo scopo di rewind_posts () è quello di “pulire” un loop che è stato utilizzato in precedenza , che consente di utilizzare un secondo loop che non è influenzato dai risultati del primo.

5. SOVRASCRIVERE FACILMENTE I TITOLI DEI POST

Il problema.
the_title () è una funzione di WordPress di base, ma molto utile: visualizza il post o il titolo di una pagina. Né più né meno. Ma hai mai desiderato essere in grado di visualizzare il titolo completo nella tua lista di post e un titolo personalizzato sulla pagina del post? Se è così, scopri come fare.

La soluzione.
Nel tuo file single.php, trova la stringa  “the_title ()” e sostituiscilo con il seguente codice:

1. <?php $title = get_post_meta($post->ID, “custom-title”, true);
2. if ($title != “”) {
3. echo “<h1>”.$title.”</h1>”;
4. } else { ?>
5. <h1><?php the_title(); ?></h1>
6. <?php } ?>

Una volta fatto, si può riscrivere il titolo del post, creando un campo denominato  titolo personalizzato. Il suo valore sarà il tuo titolo personalizzato per quel post.

Spiegazione del codice.
Quando questo codice carica, si recupera il campo denominato custom-title. Se questo campo esiste e non è vuoto, viene visualizzato come titolo del post. In caso contrario, la funzione  the_title () viene chiamata e regolerà il titolo del post  visualizzato.

Vai Alla Seconda Parte…