Tutorial: Diseño de caja de datos de post al estilo "Alt 1040"

  • Autor Autor Voldemorth
  • Fecha de inicio Fecha de inicio
Voldemorth

Voldemorth

No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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

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.
 
Tema aprobado y agregado al listado, sería bueno una imagen para ver como queda
 
Interesante, me gustaría ver cual es el estilo alt40
 
Gracias por compartir

Enviado desde mi SM-N900W8 mediante Tapatalk
 
Es este estilo?

alt1040.webp
 
Hola disculpen que he desaparecido ultimamente, en efecto es el estilo que marca Krusty72 en la imagen
 
Atrás
Arriba