Cómo usar el código corto de WordPress de WordPress a corto plazo [tutorial rápido]

¡La introducción será rápida! Queríamos mostrar a nuestros usuarios cómo usar el código personalizado corto de WordPress en los sitios de WordPress. Los métodos son bastante simples. Por lo tanto, no tiene que preocuparse por su implementación. Este tutorial rápido se ocupará del uso de códigos cortos cortos dentro de los bloques de WordPress Gutenberg, Elementor y TinyMCE. Pero antes de eso, aquí hay una nota rápida sobre cuáles son los códigos cortos en WordPress.
Se esconde el contenido
1. Introducción
2 Códigos cortos de WordPress: ¿Qué son?
2.1 Código corto simple
2.2 Código corto con parámetros dados
2.3 Shortcode con parámetro y contenido
3 Anuncio rápido en WordPress Shortcodes por Shortcodes Ultimate Plugin
4 Agregar códigos cortos a los bloques de WordPress Gutenberg
5 Cómo agregar código corto de WordPress al elemento
6 Cómo usar el código personalizado personalizado de WordPress con TinyMCE (herramientas de editor avanzado)
7 Agregar su propio código corto personalizado
8 Finalmente,
Códigos cortos de WordPress: ¿Qué son? En WordPress CMS, es fácil usar la codificación HTML para escribir su contenido. Pero no puede hacer esto usando la codificación de PHP, simplemente porque los creadores de WordPress no quieren que usted u otros agregue algo dañino a su base de datos.
Por lo tanto, no puede personalizar el contenido para su sitio web de WordPress. ¿Ahora que? Aquí es donde intervienen los códigos cortos de WordPress. Básicamente, es un conjunto de reglas predefinidas (funciones) que le permiten agregar contenido especial a su sitio de WordPress. Los códigos cortos tienen soportes cuadrados a su alrededor. Por ejemplo, WordPress tiene el siguiente código corto:
[Galería] Esto agrega una galería de imágenes a su contenido de WordPress. Además de tener códigos cortos prefabricados, los usuarios pueden construir sus propios códigos cortos personalizados y prepararlos para WordPress. Puede crear fácilmente su propio código corto y prepararlo para WordPress, siguiendo las reglas del código de WordPress. Por ejemplo, el siguiente es un ejemplo de un código corto simple:
Función prefix_hello_function ($ atts) {
Regrese “¡Hola mundo!”;
}
add_shortcode (‘hola’, ‘prefix_hello_function’);
Usamos el código corto [hola] para ver el efecto del código mencionado anteriormente. En este ejemplo, add_shortcode es la función que registra el controlador de código corto personalizado. Tiene 2 parámetros, como puede ver en el ejemplo.
add_shortcode (‘myshortcode’, ‘my_shortcode_handler’);
Shortcode con parámetros dados en el siguiente ejemplo, veremos el uso de los tres parámetros que puede usar, con autoproducción e inclusión de códigos cortos utilizando WordPress Shortcode:
Función prefix_hello_pram_function ($ atts) {
$ a = shortcode_atts (array (
‘Nombre’ => ‘John Doe’,
), $ atts);
Regrese ‘Hola’. $ ATTS [‘Nombre’]. ‘!’;
}
add_shortcode (‘hola’, ‘prefix_hello_pram_function’);
Este es un ejemplo de un código corto de inclusión en WordPress. Usamos el siguiente código corto para ver el efecto:
[Hello Name = “Albert Einstein”] Shortcode con el parámetro y contenía las siguientes funciones de código corto aceptó los parámetros de WordPress junto con el contenido. También es un ejemplo de un código corto con autoproducción:
Función prefix_hello_with
‘Nombre’ => ‘John Doe’,
), $ atts);
$ html = ‘hola’. $ ATTS [‘Nombre’]. ‘!’;
$ html. = ‘
‘. $ content. ‘
‘;
devolver $ html;
}
add_shortcode (‘hola’, ‘prefix_hello_with_content_function’);
Para ver el resultado, utilizamos el siguiente código corto:
[Hello Name = “Albert Einstein”] Albert Einstein era un físico teórico nacido en alemán [/hola] Anuncio rápido en los códigos cortos de WordPress de los códigos cortos Ultimate para aliviar la vida de nuestros usuarios, utilizaremos los códigos cortos de complemento Ultimate. Este complemento viene con muchas opciones preconstruidas y la capacidad de usar este complemento es excelente. Mostraremos la implementación utilizando este complemento. Mientras hablamos de este tema, esto es lo que nos gusta de este complemento:
WordPress Library Shortcodes Ultimate Plugin
Funciona con casi cualquier tema y complemento.

Es una de las opciones más fáciles de usar que he encontrado.
Todo lo que tiene que hacer es copiar y pegar el código e ingresar el Shocode.
También hay otras opciones de complementos para códigos cortos que puede usar.
Ahora le mostraremos cómo hacerlo, porque estamos hablando de agregar un código corto de WordPress en diferentes configuraciones. Agregar códigos cortos a WordPress Gutenberg WordPress Gutenberg Blocks Blocks permite al usuario agregar contenido dinámico a sus sitios web. En muchos sentidos, son mejores en contraste con el uso de códigos cortos en su contenido de WordPress. Pero, ¿qué sucede si desea agregar una forma recién diseñada o algo que sea exclusivamente para su propio sitio web? En este caso, puede agregar el código personalizado personalizado a su contenido directo. Para hacer esto: vaya a la publicación/página donde desea usar el código corto.
Haga clic en el signo “+”.
Escriba el brevemente en el cuadro de búsqueda. Debe aparecer de inmediato.
Agregar un código corto
Presionarlo.
Dentro del cuadro de código corto, inserte el código corto personalizado o use un código corto predefinido. Usaremos un código corto predefinido del menú del complemento para mostrarle cómo hacerlo.

Opciones para ingresar el código corto Si accede a la vista previa de la página/Contenido, ahora verá la pieza de contenido personalizada que ha agregado utilizando códigos cortos.
La salida del código corto cambia cómo agregar el código corto de WordPress en el elemento El uso de códigos cortos con el elemento es muy fácil. Todo lo que tienes que hacer es:
Vaya a la página/publicación que desea editar.

Si tiene un elemento instalado, haga clic en el botón Editar con Elementor.


Es posible que desee copiar el código corto de antemano.
Copie el texto del código de complemento corto
Ahora lo llevarán a la página de edición de Elementer, donde puede agregar elementos de la biblioteca Elementer.
Buscar “Shortcode” en el cuadro de widget de búsqueda de elementor. Aplica Shortcode

Ahora todo lo que tiene que hacer es sacarlo del widget en su página de página/publicación.
Luego pegue el código corto que desea usar. Usaremos un botón corto para mostrar sus efectos.
Cambio final en el contenido Cómo usar el código corto de WordPress con TinyMCE (Advanced Editor Instruments) Las herramientas avanzadas del editor se conocían anteriormente como TinyMCE. Para decir en términos simples, ayude a agregar opciones adicionales a su editor de WordPress.

Herramientas del editor TinyMCE Para aquellos entre ustedes que usan el editor clásico, esta opción será útil. Porque con los instrumentos avanzados del editor, puede agregar características específicas a su editor de publicaciones clásicas. Agregar un código corto es muy simple. Todo lo que tienes que hacer es:
Abra el editor clásico para su publicación/página.
Encontrará una opción Insertar Shortcode en la parte superior [debe tener el complemento que usamos para ver esta opción].

Editor clásico de WordPress

Puede elegir cualquier código corto para agregar. Usaremos el texto corto del texto inactivo para generar un texto inactivo.
Presione Insertar el código corto.
Opciones para códigos cortos

Verá que el código corto se ha agregado a su publicación/página.
Finalmente se agregó un corto código, si previsualiza la página/publicación, verá el texto inactivo generado. Agregando su propio código corto personalizado, le mostraremos cómo puede agregar su propio código personalizado usando WordPress. Usaremos el ejemplo del código corto WordPress [Hello Name = “Albert Einstein”]: Aquí está el código:
Función prefix_hello_pram_function ($ atts) {

$ a = shortcode_atts (array (‘name’ => ‘John Doe’,
), $ atts);

Regrese ‘Hola’. $ ATTS [‘Nombre’]. ‘!’;
}
add_shortcode (‘hola’, ‘prefix_hello_pram_function’);
En primer lugar, acceda al editor de temas de aspecto> desde el tablero de WordPress.
En el lado correcto, busque las funciones del tema del archivo (functions.php).
Vaya a la parte inferior de esta página y copie el código.
Luego haga clic en “Actualizar el archivo”.
Agregar el código personalizado corto de WordPress, todo lo que tiene que hacer es agregar el código corto al contenido. Para esto:
Vaya a una página/contenido de su elección.
Seleccione el código corto.
Ingrese el código corto [Hello Name = “Albert Einstein”].
Guárdelo y previsualice el contenido.

Se agregó un código corto personalizado ahora, debería ver la siguiente salida:
Sorprendentemente, la salida personalizada eventualmente, nos gustaría agregar que esta fue una breve presentación general de cómo funciona WordPress Custom Shortcode y cómo puede usarlos. Si tiene alguna pregunta, deje un comentario a continuación. De nuevo, no solo intentas aprender de nosotros. ¡Queremos aprender de ti también!