10 etiquetas de plantilla de WordPress que quizás no conozca

WordPress se envía con bastante abundancia de etiquetas de plantilla desde su inicio. Estas etiquetas de plantilla en WordPress son funciones de PHP que se pueden utilizar para generar resultados y recuperar datos .

Si ha estado desarrollando un tema de WordPress, puede estar familiarizado con algunas de estas etiquetas de plantilla, como el the_title que muestra el título de la publicación, el the_author que muestra el nombre del autor de la publicación y el enlace de la publicación.

WordPress sigue evolucionando. Cada nueva versión a menudo presenta algunas nuevas etiquetas de plantilla. Tanto es así que mantenerse al día con todas estas etiquetas de plantilla, antiguas o nuevas, puede ser todo un desafío. Echa un vistazo a estas 20 etiquetas de plantilla que podrías haber pasado por alto.

Capital P

WordPress, según su pauta y estándar, tiene que escribirse con la P mayúscula, es decir, WordPress es un no no; la forma correcta es deletrearlo como WordPress .

La "P" mayúscula es un problema con tanta importancia que Matt Mullenweg (fundador de WordPress) lo incluyó en su resolución en 2009. La función capital_p_dangit() se presenta como parte de la iniciativa.

Desde : 3.0.0

 // Usarlo directamente $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Cualquier texto de WordPress se convierte con mayúscula P. // O, usándolo en un filtro de WordPress. add_filter ("the_excerpt", función ($ text) {return captial_p_dangit ($ text);}); 

Logotipo personalizado

En 4.5, WordPress introdujo la capacidad de cargar un logotipo para temas a través del Personalizador. Esta nueva característica requiere compatibilidad con temas: al agregar add_theme_support( 'site-logo' ), el logotipo aparecerá en el Personalizador.

Esta característica conduce al uso de algunas nuevas etiquetas de plantilla que pueden manejar la salida de imagen del logotipo en Temas, a saber: has_custom_logo(), get_custom_logo() y the_custom_logo() .

Desde : 4.5.0

 // 1. La salida incluye el logotipo de la imagen y el enlace de regreso a casa. the_custom_logo (); // 2. Obtenga la salida del logotipo personalizado "cadena". $ logo = get_custom_logo (); // 3. Condicional if (has_custom_logo ()) {$ logo = get_custom_logo (); } // 4. Usar el 'get_custom_logo' para envolver el logo con un div; add_filter ("get_custom_logo", function ($ html) {return ''. $ html. '';}); 

URL de la imagen en miniatura

WordPress tiene una utilidad nativa integrada desde hace mucho tiempo para agregar una imagen en miniatura o una imagen destacada. La etiqueta de plantilla, the_post_thumbnail(), muestra la etiqueta de la imagen junto con sus atributos.

Pero, ¿y si quieres mostrar la miniatura de la imagen como fondo a través de CSS? Usa la etiqueta de plantilla, get_the_post_thumbnail_url() .

Desde : 4.4.0

Ejemplo :

Generar número aleatorio

Esta etiqueta de plantilla le dará un número aleatorio basado en un rango específico. WordPress está usando esta función internamente para generar una contraseña aleatoria. Probablemente pueda usarlo para generar un número de cupón aleatorio para su sitio WooCommerce.

Desde : 2.6.2

Ejemplo :

 // Genera un número de 1 a 200 $ rand_number = wp_rand (1, 200); // la salida no estará por debajo de 0 o 201 arriba. 

Comentarios Paginación

Actualmente, la mayoría de los temas están utilizando the_comments_navigation() que dará el tipo de enlace de navegación "Siguiente" y "Anterior". Si desea mostrar una navegación numerada (paginación), reemplace la etiqueta the_comments_pagination() lugar.

Tenga en cuenta que la etiqueta de plantilla solo está disponible en WordPress 4.4.0 en adelante. Asegúrese de ejecutar un cheque antes de implementarlo.

Desde : 4.4.0

Ejemplo :

 'ol', 'short_ping' => true, 'avatar_size' => 42, )); ?> 

Acortando URL

Esta etiqueta de plantilla acortará la longitud de una url. Y una URL tan larga no se dividirá en una nueva línea dentro del contenido del cuerpo. Hay 2 opciones que puede tomar: agregar overflow-wrap: break-word; en su CSS, o recorte la longitud de la URL con la url_shorten() plantilla url_shorten() .

Desde : 1.2.0

Ejemplo :

 $ link = get_the_permalink (); $ url_text = url_shorten ($ link); // ej. www.hongkiat.com/blog/css ... echo ' '. $ url_text. ' '; 

Agregar secuencias de comandos en línea

Siempre hemos usado wp_enqueue_script para registrar, cargar un script y sus dependencias. Sin embargo, cargar un script interno no fue del todo sencillo, hasta que se presente esta etiqueta de plantilla, wp_add_inline_script .

Agregar una secuencia de comandos en línea requiere una secuencia de comandos en cola conocida a la que se adjuntará. Este controlador se pasa como el primer parámetro del script similar a la función wp_localize_script() . El segundo parámetro debe pasar el contenido del script. Los terceros parámetros especifican si la línea debe salir 'antes' o 'después'.

Desde : 4.5.0

Ejemplo :

 function enqueue_script () {wp_enqueue_script ('twentysixteen-script', get_template_directory_uri (). '/js/functions.js', array ('jquery'), '20160412', true); wp_add_inline_script ('twentysixteen-script', 'window.hkdc = {}', 'before'); } add_action ('wp_enqueue_scripts', 'enqueue_script'); // Salida: // // 

Lenguaje desplegable

La wp_dropdown_languages plantilla wp_dropdown_languages generará una opción HTML que muestra una lista de idiomas en su sitio de WordPress. Encontrará esta etiqueta de plantilla útil si necesita localizar su sitio web. Puede usarlo para mostrar sus opciones de idioma en la pantalla del Editor de usuario o en el front-end de su sitio para permitir a los usuarios seleccionar su preferencia de idioma.

Ejemplo :

 wp_dropdown_languages ​​(array ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages ​​(), 'translations' => array ('id_ID', 'ja'), // Indonesia, y Japón 'selected' => 'en_US', 'show_available_translations' => false, )); 

Obtener la URL de la imagen de Avatar

Como su nombre indica, esta etiqueta de plantilla, get_avatar_url(), recuperará la ruta de la imagen del avatar del usuario. Le permite mostrar y moldear el avatar de la manera que desee, en lugar de simplemente mostrarlo a través de la etiqueta de imagen HTML.

Desde : 4.2.0

Ejemplo :

 $ avatar = get_avatar_url ('[email protected]'); 

Obtener tema

Esta función recupera un objeto que contiene información del Tema actualmente activo. Esta información incluye el tema Slug, Nombre, Versión, Dominio de texto, Autor, etc.

En el siguiente fragmento de código, lo usamos para recuperar la versión y pasarla como la versión de script.

Desde : 3.4.0

Ejemplo :

 $ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // twentysixteen define ('THEME_NAME', $ theme-> get ('Nombre')); // Twenty Sixteen define ('THEME_VERSION', $ theme-> get ('Version')); //1.2 función load_scripts () {wp_enqueue_script ('script-ie', $ templateuri .'js / ie.js ', array ("jquery"), THEME_VERSION); wp_script_add_data ('script-ie', 'condicional', 'lt IE 9'); } add_action ('wp_enqueue_scripts', 'load_scripts'); 

20 diseños de invitación para eventos que impresionarán a tus invitados

Desde fiestas a la parrilla hasta bodas y cumpleaños, una tarjeta de invitación es casi tan esencial como el evento en sí. Aunque puede simplemente crear un evento en Facebook, enviar correos electrónicos personalizados o llamar a personas por teléfono . Sin embargo, en nuestro mundo digitalmente desordenado, se siente bastante especial recibir una invitación en papel de la vieja escuela por correo ordinario .Las t

(Consejos de tecnología y diseño)

¡40 anuncios de cartelera absolutamente brillantes!

¿Cuántas vallas publicitarias echó un vistazo durante su paseo o conducción en su vida? Lamento no poder recordar muchos de ellos, pero sinceramente creo que no es mi problema, ¡ya que el cartel en sí debería ser lo suficientemente bueno como para atraerme!¿Qué hace una gran valla publicitaria entonces? O hágas

(Consejos de tecnología y diseño)