Wordpress: migliorare la lista dei commenti

Mercoledì 22 Ottobre, 2008

Il template standard di Wordpress (come altri) normalmente preve un layout alternato per la lista dei commenti. Nel template standard di esempio è impostata una classe css alt, secondo la logica:

PLAIN TEXT
PHP:
  1. // file comments.php
  2. <li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
  3. [...]
  4. /* Changes every other comment to a different class */
  5. $oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';

Questo fa si che nel tag li $oddcomment sia impostato una volta a vuoto ("") e una volta a class="alt". Una modifica utile potrebbe essere quella di introdurre un ulteriore classe quando è l'autore del blog a commentare un post:

image

Io, ad esempio, ho usato il seguente codice nel file comments.php:

PLAIN TEXT
PHP:
  1. <?php
  2.     $authcomment = ($comment->user_id==3)?' authcomment':'';
  3.     $classcomment = ( empty( $classcomment ) ) ? ( ($authcomment=='')?' alt':'' ) : ''; 
  4. ?>
  5. <li class="<?=$classcomment?><?=$authcomment?>" id="comment-<?php comment_ID() ?>">

La riga $comment->user_id==3 può variare in base all'ID del vostro utente. Io, ad esempio, non uso l'amministratore per rispondere sul blog, ma ho un mio utente con ID=3. Normalmente l'ID dell'amministratore è 1, se usate questa utenza potete scrivere: $comment->user_id==1. In questo modo oltre ad avere l'alternanza di layout sui commenti lasciati dai visitatori, risulta immediatamente riconoscibile la risposta dell'autore del blog.

Post correlati

Tags: , , , , , , , ,
Pubblicato in CSS, Internet, PHP, Sviluppo, Tutorials, WordPress | 2 commenti »

Creare un pipe separatore tramite CSS

Martedì 9 Settembre, 2008

Capita spesso di vedere una serie di link distribuiti orizzontalmente separati dal carattere pipe "|", il simbolo grafico dell'asticella verticale. Inoltre, se è presente una buona stesura HTML, ci si accorge che questa serie di link - apparentmente orizzontali - altro non sono che liste puntate UL o OL. Ne deriva che invece di scrivere:

PLAIN TEXT
HTML:
  2.     <a href="#1">Link 1</a> | <a href="#2">Link 2</a> | <a href="#n">Link n</a>
  3. </p>

Sarebbe meglio usare:

PLAIN TEXT
HTML:
  2.     <li><a href="#1">Link 1</a></li>
  3.     <li><a href="#2">Link 2</a></li>
  4.     <li><a href="#n">Link n</a></li>
  5. </ul>

Continua a leggere... »

Post correlati

Tags: , , , , ,
Pubblicato in CSS, Grafica & Design, Internet, Sviluppo | 2 commenti »