Conozca estos tags para temas de WordPress

Nov 16, 2017

Una de las cosas que hizo que WordPress se potenciara fue la utilización de los diferentes tags en los temas. Estos prácticamente son funciones PHP con los cuales se puede obtener y mostrar información. En el artículo que le traemos hoy en Sered le enseñaremos una selección de algunos tags para temas que quizás usted no conozca.

Tabla de contenido

Conozca estos tags para temas de WordPress

A continuación, le mostramos una selección hecha por nosotros de algunos tags que quizás no conozca:

P Mayúscula

Cuando se escribe WordPress, debemos tomar en cuenta que la W y la P van en mayusculas. Esto quiere decir que bajo ninguna circunstancia debemos escribirlo mal. Esto ha sido tan importante, que hasta el fundador de WordPress busco la forma de rectificarlo en el año 2009. Estamos hablando del archivo capital_p_dangit() el cual se debe utilizarse de la siguiente forma:

// Utilizándola correctamente

$footer_text = get_theme_mod( "footer_text", "" );

$footer_text = captial_p_dangit( $footer_text );

// Cualquier "Wordpress" mal escrito, se transformará en "WordPress"

// O, utilizándola como un filtro de WordPress.

add_filter( "the_excerpt", function( $text ) {

return captial_p_dangit( $text );

} );

Personalizar un logo

En una de las actualizaciones de WordPress se incluyó la característica de subir nuestros propios logos por medio de un personalizador. Pero esto debe ser compatible con el tema. Se debe añadir add_theme_support(‘site-logo’) para que aparezca el logo en el personalizador.

A través de esta característica los usuarios pueden personalizar y modificar el logo cuándo y cómo lo deseen. También contamos con una variedad de opciones para mostrarlo.

// Muestra el logo personalizado con un enlace para volver a inicio.

the_custom_logo();

// Devuelve la ruta del logo como un string.

$logo = get_custom_logo();

// Condicional

if ( has_custom_logo() ) {

$logo = get_custom_logo();

}

// Utilizando 'get_custom_logo' para meter el logo dentro de un div

add_filter( "get_custom_logo", function( $html ) {

return '<div class="site-logo">'. $html .'</div>';

} );

URL de nuestras miniaturas

WordPress tiene una función la cual genera ciertas miniaturas tomando las imágenes que subimos a nuestro sitio web. Ya sea de las imágenes del contenido o las destacadas. El tag the_post_thumbnail() le mostrará el tag de su imagen sumándole sus características.

Pero si lo que queremos es mostrar nuestra imagen miniatura como fondo por medio de CSS, debemos utilizar la función: get_the_post_thumbnail_url().

<?php echo get_the_post_thumbnail_url(); // e.g. "http://miweb.com/ruta/a/la/imagen/thumbnail.jpg"?>

<div class="image-thumbnail" style="background-image; url(<?php echo get_the_post_thumbnail_url() ?>)"></div>

Genere un número aleatorio

Cuando hablamos de este tag para temas, podemos decirle que le ofrecerá un número aleatorio. Esto lo hará tomando en cuenta un rango determinado. WordPress también utilizará esta función para crear contraseñas de manera aleatoria.

En su caso, usted podrá utilizar esta herramienta para crear cupones de forma aleatoria en su tienda online de WooCommerce.

// Genera un número del 1 al 200 $rand_number = wp_rand( 1, 200 );

Esperamos haber sido de gran ayuda con este artículo. Conozca más acerca de nuestros servicios ofrecidos de Hosting y de Dominios.

Autor

Willman J.
Trabajo en SERED en el Departamento de Desarrollo y Soporte Tecnico. Especialista en WordPress y apasionado por el mundo de la tecnología.
Ver todas las entradas WordPress https://sered.net/blog/autor/willman