Cómo crear etiquetas personalizadas de plantillas de WordPress

Crear un tema de WordPress es muy fácil con las etiquetas de plantilla . Puede agregar the_title() para mostrar la publicación o el título de la página, y puede usar the_content() para mostrar los contenidos de la publicación o la página. Hay muchas más etiquetas de plantilla en WordPress que podemos usar para mostrar otras cosas .

Pero cuando se trata de mostrar solo cosas particulares en su tema, es posible que desee crear su propia etiqueta de plantilla . En el tutorial de hoy, vamos a guiarlo a través de este proceso no demasiado complicado. Comencemos con los fundamentos.

Etiqueta de plantilla básica

Si echa un vistazo a las fuentes de WordPress Core, encontrará que una etiqueta de plantilla es básicamente una función de PHP que ejecuta un conjunto de códigos con algunos parámetros .

Para crear su propia etiqueta de plantilla, puede escribir una función de PHP en functions.php dentro de su directorio de temas, por ejemplo.

 function my_template_tag () {echo 'Esta es mi plantilla'; } 

Luego, en sus otros archivos de temas, digamos, single.php o page.php, puede agregar la función, de esa manera.

Esto mostrará 'Esta es mi plantilla' que se repite dentro de la función my_template_tag() .

Crear una plantilla de WordPress es realmente así de simple. Bien, veamos un ejemplo un poco más avanzado.

Etiqueta de plantilla de conteo de vista de página

En este ejemplo, vamos a crear una plantilla que mostrará el conteo de visitas para cada publicación y página.

Primero, instale y active WordPress.com Stat en Jetpack . Y asegúrese de haber conectado Jetpack a WordPress.com. La razón por la que usamos WordPress.com Stat es que los datos de View se almacenarán en WordPress.com en lugar de en nuestra propia base de datos. Esto podría ahorrar en nuestra carga de servidor.

Cree una función en su functions.php llamada the_view(), como tal:

 function the_view () {} 

Pondremos la función (la etiqueta de la plantilla) en una página o publicación, así que necesitamos obtener la página y el número de ID de la publicación. Esto se puede recuperar usando get_the_ID(); .

 function the_view () {$ id = get_the_ID (); } 

A continuación, podemos utilizar una función para recuperar el número de visitas de WordPress.com Stats utilizando stats_get_csv(); . Esta función acepta varios parámetros (encuentre la lista completa aquí).

En nuestro caso, necesitamos agregar los days, que especifican el rango de tiempo del recuento de vistas, y el post_id .

 function the_view () {$ id = get_the_ID (); $ page_view = stats_get_csv ('postviews', 'days = -1 & post_id ='. $ id. ''); } 

En el código anterior, dado que establecemos el parámetro days en -1, recuperaremos el recuento de vistas de la ID de publicación dada desde el principio, desde que se activa el plugin Stat de WordPress.com.

Una vez que tenemos el número, solo necesitamos repetirlo, de la siguiente manera.

 function the_view () {$ id = get_the_ID (); $ page_view = stats_get_csv ('postviews', 'days = -1 & post_id ='. $ id. ''); echo $ page_view [0] ['views']; } 

Eso es todo, nuestra nueva etiqueta de plantilla para mostrar el recuento de visitas de la página está lista. Usted puede en cualquier lugar en page.php o single.php. Por ejemplo:

Si tiene alguna pregunta, no dude en ponerla en la sección de comentarios a continuación.

Animate.css - Biblioteca CSS3 para crear animaciones fácilmente

CSS ha mejorado con muchas características que hacen que el desarrollo web sea mucho más interesante y desafiante. Una de estas características es efectos de animación CSS3 . Antes de CSS3, para crear una animación solo puedes trabajar con Javascript. Pero ahora puedes crearlo fácilmente con CSS3.Le gu

(Consejos de tecnología y diseño)

Obsequio: elementos de infografía "Negocios modernos"

El panorama de los negocios cambia constantemente y también la tecnología y las técnicas de marketing involucradas. Muchas más empresas están utilizando el poder de la infografía para llegar realmente a su mercado objetivo.Si eres un diseñador que trabaja para empresas de todas las formas y tamaños, es probable que hayas obtenido algunos vectores gratuitos, archivos PSD y elementos similares de Freepik. Despué

(Consejos de tecnología y diseño)