es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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.

Desde : 4.0.0

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'); 

Cómo obtener Screensaver aéreo de Apple TV en tu Mac o PC

Cómo obtener Screensaver aéreo de Apple TV en tu Mac o PC

Los propietarios de la cuarta generación de Apple TV estarían familiarizados con Aerial, un protector de pantalla que muestra varias ciudades de todo el mundo desde una posición elevada. Para aquellos de nosotros que no poseemos un Apple TV, dos usuarios de Github han portado el protector de pantalla a Mac y PC, dándonos acceso a uno de los mejores protectores de pantalla.Ins

(Consejos de tecnología y diseño)

Esta aplicación móvil te ayudará a traducir palabras, expresiones y más

Esta aplicación móvil te ayudará a traducir palabras, expresiones y más

No hay escasez de aplicaciones de traducción en estos días. Por más comunes que sean estas aplicaciones, muchas aplicaciones de traducción fallan cuando se trata de expresiones y frases, ya que las aplicaciones tienden a hacer traducciones uno a uno con ellas. Softissimo Inc. es consciente de las limitaciones que tienen muchas aplicaciones de traducción, razón por la cual la compañía ha desarrollado Reverso Context .Disponi

(Consejos de tecnología y diseño)