Inserire un box autore negli articoli wordpress
Negli ambienti blog professionali e non, si stà sviluppando sempre più l’abitudine di aggiungere alla fine di ogni articolo un box autore, contenente l’avatar ed alcune informazioni biografiche di colui che ha scritto l’articolo.
Questo box è specialmente utile nei blog multiautore o in quelli che offrono come AltroSeo, la possibilità di scrivere guest-post.
Il procedimento è semplice, solo che il codice da inserire cambia a seconda della versione di wordpress che si usa.
Per le versioni di Wordpress dalla 2.7 in giu:
Trovare in single.php la linea di codice:
<?php the_content(); ?>
e aggiungere in basso a questo codice:
<div id="authorbox"> <?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '70' ); }?> <div> <h4>Scritto da <?php the_author_posts_link(); ?></h4> <p><?php the_author_description(); ?></p> </div> </div>
Per le versioni di Wordpress dalla 2.8 in poi:
Trovare in single.php la linea di codice:
<?php the_content(); ?>
e aggiungere in basso a questo codice:
<div id="authorbox"> <?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '70' ); }?> <div"> <h4>Scritto da <a href="<?php the_author_meta('user_url'); ?>"><?php the_author_meta('display_name'); ?></a></h4> <p><?php the_author_meta('description'); ?></p> </div> </div>
Adesso non dovrete far altro che inserire il box nel vostro foglio di stile “style.css” dove potrete modificare i parametri per adattarlo al meglio al vostro templates:
/* Sile CSS per il box Autore */ #authorbox{ background: #EFEFEF; border: 1px solid #CECFD0; width: 560px; margin: 0 auto; margin: 10px 0 10px 0; overflow:hidden; min-height: 115px; height: auto !important; height: 115px; } #authorbox h4{ font-size: 16px; color: #191919; margin:0; padding: 10px 10px 5px 10px; } .authortext{ padding: 0 20px 0 100px; } #authorbox img{ margin: 10px; padding: 0px; float: left; border: 5px solid #ccc; } #authorbox p{ color: #191919; margin: 0; padding: 0px 10px 10px 10px; } #authorbox pa { color: #191919; }
Il risultato sarà simile a questo:
Condividi questo post sui SocialBookmarks!
Articoli Correlati:
- Suddividere articolo wordpress in più pagine
- 8 codici utili per migliorare il tuo blog Wordpress
- Aggiungere pulsante Google Buzz in Wordpress e Blogger
- Creare clone di mondoinformatico.info, un “paid to write” made wordpress
- Retweet “Tweetmeme” anche su blogspot
Pubblicato in Wordpress
16 ottobre 2009 |
by admin |
Tag:blog, blog multiautore, blogging, box autore, Wordpress
