10 etiquetas de plantillas de WordPress que quizás no conozcas
WordPress se envía con una gran cantidad de etiquetas de plantilla desde su inicio. Estas etiquetas de plantilla en WordPress son funciones de PHP que se pueden usar para salida tanto como recuperar un dato.
Si ha estado desarrollando un tema de WordPress, puede estar familiarizado con algunas de estas etiquetas de plantilla, como el título
que muestra el título del post, el autor
que muestra el nombre del autor de la publicación y el enlace de la publicación.
WordPress sigue evolucionando. Cada nuevo lanzamiento a menudo introduce algunas nuevas etiquetas de plantillas. Tanto es así que mantenerse al día con todas estas etiquetas de plantilla, antiguas o nuevas, puede ser un gran desafío. Echa un vistazo a estas 20 etiquetas de plantilla que podrías haber pasado por alto.
Capital p
WordPress, de acuerdo con su pauta y norma, tiene que se escribirá con la P mayúscula, es decir, WordPress es un no, no; la manera correcta es deletrearlo como WordPress.
La capital “PAG” es un tema con tanta importancia en la medida en que Matt Mullenweg (fundador de WordPress) lo incluyó en su resolución en 2009. El capital_p_dangit ()
La función se introduce como parte de la iniciativa..
Ya que: 3.0.0
// Usándolo directamente $ footer_text = get_theme_mod ("footer_text", ""); $ footer_text = captial_p_dangit ($ footer_text); // Cualquier texto de WordPress se gira con mayúscula P. // O, usándolo en un filtro de WordPress. add_filter ("the_excerpt", function ($ 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 soporte de tema: agregando add_theme_support ('site-logo')
, El logo aparecerá en el Personalizador..
Esta característica lleva al uso de algunas etiquetas de plantilla nuevas que pueden manejar la salida de imagen de logotipo en temas, a saber: has_custom_logo ()
, get_custom_logo ()
, y the_custom_logo ()
.
Ya que: 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. Usando el 'get_custom_logo' para envolver el logo con un div; add_filter ("get_custom_logo", function ($ html) return ''. $ html. '';);
URL de 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 la plantilla, the_post_thumbnail ()
, Muestra la etiqueta de la imagen junto con sus atributos..
Pero, ¿qué sucede si desea mostrar la miniatura de la imagen como fondo a través de CSS? Use la etiqueta de plantilla, get_the_post_thumbnail_url ()
.
Ya que: 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á utilizando esta función internamente para generar una contraseña aleatoria. Probablemente pueda usarlo para generar un número de cupón al azar para su sitio WooCommerce.
Ya que: 2.6.2
Ejemplo:
// Generar 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
La mayoría de los temas están utilizando actualmente the_comments_navigation ()
que dará la “Siguiente” y “Prev” Tipo de enlace de navegación. Si desea mostrar una navegación numerada (paginación), reemplace la etiqueta con the_comments_pagination ()
en lugar.
Tenga en cuenta que la etiqueta de plantilla solo está disponible en WordPress 4.4.0 hacia arriba. Asegúrese de ejecutar una comprobación antes de implementarla.
Ya que: 4.4.0
Ejemplo:
'ol', 'short_ping' => true, 'avatar_size' => 42,)); ?>
URL de acortamiento
Esta etiqueta de plantilla acortará la longitud de una url. Y una URL tan larga no entrará en una nueva línea dentro del contenido del cuerpo. Hay 2 opciones que puedes tomar: agregar overflow-wrap: break-word;
en su CSS, o recorte la longitud de la URL con el url_shorten ()
Etiqueta de plantilla.
Ya que: 1.2.0
Ejemplo:
$ link = get_the_permalink (); $ url_text = url_shorten ($ link); // p.ej. www.hongkiat.com/blog/css… echo ''. $ url_text. '';
Añadir secuencias de comandos en línea
Siempre hemos usado el wp_enqueue_script
Registrarse, cargar un script y sus dependencias.. Cargando un script interno Sin embargo, no fue tan sencillo, hasta que esta etiqueta de plantilla, wp_add_inline_script
es presentado.
Agregar un script en línea requiere un script en cola conocido al que se adjuntará. Esta entrenador de animales Se pasa como el primer parámetro de la secuencia de comandos similar a la wp_localize_script ()
función. El segundo parámetro debe pasar el contenido del script. Los terceros parámetros especifican si el inline debe mostrarse 'antes' o 'después' .
Ya que: 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
los wp_dropdown_languages
La etiqueta de plantilla 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 el Editor de usuario o en la parte delantera de su sitio para permitir a los usuarios seleccionar su preferencia de idioma.
Ya que: 4.0.0
Ejemplo:
wp_dropdown_languages (array ('id' => 'lang_options', 'name' => 'lang_options', 'languages' => get_available_languages (), translations '=> array (' id_ID ',' ja '), // y Japón 'seleccionado' => 'en_US', 'show_available_translations' => false,));
Obtener la URL de la imagen de avatar
Como su nombre lo 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 forma que desee, en lugar de simplemente mostrarlo a través de la etiqueta de imagen HTML.
Ya que: 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.
Ya que: 3.4.0
Ejemplo:
$ theme = wp_get_theme (); define ('THEME_SLUG', $ theme-> template); // twentysixteen define ('THEME_NAME', $ theme-> get ('Name')); // 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', 'conditional', 'lt IE 9'); add_action ('wp_enqueue_scripts', 'load_scripts');