Voldemorth
No recomendado
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
- Desde
- 10 Ene 2012
- Mensajes
- 927
Estimados que tal?
hoy les traigo un nuevo tutorial para agregar por shortcode la caja de datos de post (autor, categoria, y tags) al estilo "Alt 1040", lo unico que deben hacer es agregar este codigo en su archivo function.php
Para hacer vicible este tuto solo deben agregar en sus entradas el shortcode "data" de la siguiente forma:
Como pueden ver en el código existe un estilo css, el mismo lo pueden editar para que se vea mas al estilo de su theme.
hoy les traigo un nuevo tutorial para agregar por shortcode la caja de datos de post (autor, categoria, y tags) al estilo "Alt 1040", lo unico que deben hacer es agregar este codigo en su archivo function.php
Insertar CODE, HTML o PHP:
// Add Shortcode
function data_shortcode() {
// Code
?>
<style>
.pbox { float:right; width: 300px; margin: 0 0 20px 20px; overflow: hidden}
.pbox .autor {font: normal .9em/1.5em "Lato"; text-transform: uppercase; background:#eee; box-shadow: inset 0 1px 0 #fff; padding: 10px 15px; color: #666; }
.pbox .autor a {color: #333}
.pbox .fecha {font-size: .85em}
.pbox .categorias, .pbox .tags {
margin-top: 4px;
padding: 10px 15px;
overflow: hidden;
font: normal .8em "Lato";
text-transform: uppercase;
background: rgba(2, 136, 204, 0.1);
}
.pbox .tags {
background: #fff4e0;
}
</style>
<div class="pbox">
<div class="autor">
<strong>Por:</strong> <?php the_author_posts_link(); ?>
<div class="fecha"><?php the_time('j \d\e\ F \d\e\ Y \|\ g:i a '); ?></div></div>
<div class="categorias over">
<strong>Temas:</strong>
<?php the_category(', '); ?> </div>
<div class="tags">
<strong>Más de:</strong>
<?php the_tags('Social tagging: ',' - '); ?> </div>
</div>
<?php }
add_shortcode( 'data', 'data_shortcode' );Para hacer vicible este tuto solo deben agregar en sus entradas el shortcode "data" de la siguiente forma:
Insertar CODE, HTML o PHP:
[data]Como pueden ver en el código existe un estilo css, el mismo lo pueden editar para que se vea mas al estilo de su theme.
