Cree un código corto en WordPress con estos tres complementos

Los códigos cortos proporcionan una forma conveniente de insertar contenido personalizado en sus páginas web, publicaciones de blog y barras secundarias. En resumen, pegue una pequeña pieza de código a su sitio de WordPress para realizar ciertas funciones o para mejorar otros elementos preexistentes. Esta característica es especialmente útil cuando necesita mostrar un elemento animado, como un carrusel de imagen, una lista de videos incorporados o diapositivas interactivas. Los códigos cortos le dan control sobre el diseño de su sitio, convirtiéndolo en una plataforma intuitiva para su audiencia.
Si desea más ideas, consulte esta lista de códigos cortos posibles para comenzar a agregar funciones receptivas para sus usuarios. Tres complementos de código con codificación corta para su sitio de WordPress desaparecen los tiempos en que tiene que manejar los códigos cortos en su sitio web de WordPress. Si no es un desarrollador de back-end, ni tiene la intención de ingresar una llamada en sus archivos PHP, puede leer este tutorial para comprender cómo crear un código corto utilizando tres complementos diferentes-Codos Ultimate, Shortcoder e Insertar HTML Snippet.
Aquí hay tres complementos recomendados para la implementación de códigos cortos:

1. Códigos cortos Ultimate: esto es lo que llamaría un complemento para todo en todo. Tiene una gran colección de elementos optimizados para mejorar su página de Página/Post, barra lateral y área de widgets. Los elementos visuales y funcionales de Shortcode Ultimate son compatibles con todo tipo de temas junto con muchos suplementos premium si desea actualizar. Tiene acceso a más de 50 códigos cortos únicos: puede obtener una vista previa de fragmentos, puede organizarlos con Gutenberg y puede diseñar utilizando el editor CSS. Para obtener una guía completa, visite el sitio de documentación para explorar una amplia selección de códigos cortos disponibles, desde pantallas emergentes hasta barras de progreso de carga. Corredor de cortocoder: este complemento de códigos cortos se explica por sí mismo. Le permite crear fragmentos en HTML y JavaScript, uno para el marcado y el otro para dar vida a los elementos. Puede nombrar códigos cortos, ingresar el contenido y luego insertar [sc name = “my_shortcode”] al final para rastrear para que el código corto se ocupe del resto. Para obtener más información, consulte la sección de preguntas frecuentes. Este es un complemento poderoso que automatiza las pruebas de los códigos cortos para usted. Si tiene que solucionar problemas del código, puede alternar entre la visión, el código y los editores de texto para descubrir qué afecta el resultado. Además, puede cambiar los valores de los parámetros de cada fragmento para marcarlos para su uso posterior.

3. Inserte el fragmento HTML: este complemento habla por sí mismo, capaz de convertir HTML, CSS y JavaScript en códigos cortos simples. Proporciona un soporte confiable para agregar widgets de código corto a través de un contenedor personalizado. La mejor parte es que los códigos cortos existentes aparecerán en el menú desplegable, por lo que no tiene que copiar/pegar. Inserte el fragmento HTML para acelerar la integración de códigos cortos en sus páginas y publicaciones, ya que sus fragmentos guardados se enumeran en el editor de WordPress. Es fácil configurar Google Adsense si tiene la intención de generar dinero del tráfico o subir videos para aumentar la participación de su blog. Lo mismo es cierto para su herramienta para compartir redes sociales. Aumentar un código corto con los códigos cortos Ultimate Access The Plugin Director, presione “Nuevo” y busque un complemento llamado “Plugin de los códigos cortos de WordPress – Codos cortos Ultimate”, que tiene más de 800,000 instalaciones activas. Primero, instale y active los mejores códigos cortos. En el tablero de WordPress, debería ver códigos cortos en el menú izquierdo. Haga clic en “Códigos cortos disponibles” para revelar la colección completa. Aunque hay opciones premium, como el panel de iconos que requiere una extensión de códigos cortos adicionales, en mi opinión, solo puede hacer muchas usando funciones de código corto gratuito.

Para el propósito de este tutorial, demostraré cómo agregar un código corto a una nueva publicación. Por ejemplo, decidí ir con un acordeón. En esta página, hay una vista previa de la plantilla de acordeón para interactuar. – Un acordeón estacula verticalmente una lista de elementos ocultos y extiende un elemento en el panel si hace clic. En este momento, todos los títulos están etiquetados, pero puedes llamarlos algo más más tarde. El código corto a continuación es el que debe copiar e insertarlo en las páginas/editor de publicaciones, como se muestra a continuación: una vez que se ajuste, notará cómo las opciones de código corto se dividen en dos partes: se asigna un acordeón CSS clase, mientras que la otra determina el título, el contenido visible, el estilo y el tipo de icono.
Esta tabla contiene los valores posibles (parámetros) que cada opción acepta. Para cambiar la configuración, debe seleccionar una de ellas o dejarla como un valor predeterminado. A continuación, hice algunos cambios: configuré la clase Su_accordion = “Acc1”, style = “Simple”, Su_Spoiler title = “Página 1-3” e Icon = “Arrow”. Entonces, ¿qué sucede cuando inserto el código corto en el editor de publicaciones de WordPress? Averigüemos si funciona como se predijo. Ahora vaya a publicar> Agregar nuevo e ingrese el código de copia corta directamente en cualquier párrafo. Seleccione la vista previa y un acordeón debe aparecer inmediatamente en la página.

Por el momento, no parece mucho, pero sin embargo, sabemos que este complemento puede hacer el trabajo con un esfuerzo mínimo de nuestra parte. Puede disfrutar de la combinación de diferentes códigos cortos para producir efectos interesantes en su página web. Insertar un código corto con un código corto para observar el Anexo B: complemento de código corto. Comience instalando y activando este complemento. Vaya a su página de arado y desplácese hacia abajo hasta que encuentre brevecoder. Haga clic en Administrar los códigos cortos y lo llevará al editor predeterminado. No se preocupe por las nuevas actualizaciones, aunque V5.3.1 ha mejorado en la interfaz de usuario, no estamos aquí para remediar los errores menores. En el generador de código corto, puede nombrar su código corto o copiar el fragmento después de haber agregado los últimos toques.

También puede cambiar entre el editor de códigos, el visual y el texto si desea verificar su progreso. Observe cómo el editor visual se parece mucho al diseñado para publicar publicaciones. Es bastante conveniente tener códigos cortos prefabricados para cuadrículas, acordeones, botones, consejos e incluso carteras. Ingrese el contenido del código corto en el cuadro de texto. Su código real debe estar en HTML, CSS o JavaScript, por lo que no lo cambie a menos que sepa que esto no hará que el código sea inutilizable.
Para verificar si el script funciona, simplemente pegue a la zona de contenido para obtener una vista previa del código. Dado esto, si quiero compartir un video de YouTube, obtendría la URL de video e insertaría un formato HTML en el cuadro de contenido.

Aquí hay un ejemplo de cómo se vería el código corto: [nombre SC = “Video YouTube” Width = “560” Height = “340” id = “FJIKMHBFH6W”] *Los números variarían según el tamaño del video.En el menú de caída, se ofrecen parámetros de código corto, se le ofrece la opción de agregar valores dinámicos, incluidos, pero sin limitar, la información de WordPress, el contenido incluido en el código corto, campos personalizados y más.Básicamente, lo que hace aquí es reemplazar los parámetros existentes con los suyos.Por ejemplo, si desea ajustar la fecha y la hora, puede elegir el día, el mes o el año y asignarles un valor.
Shortcoder brinda a los usuarios la oportunidad de configurar su configuración de código corto. Pueden ingresar un nuevo nombre de pantalla o deshabilitar temporalmente los códigos cortos que se utilizan actualmente en otras páginas. Para probar el grado de uso, puede restringir el código corto para ejecutar solo en dispositivos móviles o de escritorio. Una última característica para mostrar es la adición de nuevas etiquetas a los códigos cortos. Esto debería ayudarlo a rastrear sus fragmentos si tiene demasiado para crear. Navegue a todos los códigos cortos, donde cada uno se etiquetará para que coincida con sus elementos visuales y funciones. Para evitar cualquier pérdida de datos, asegúrese de guardar a menudo. Una vez que todo esté dicho y listo, presione la “publicación” y sus códigos cortos estarán disponibles de inmediato. Crear un código corto en Insertar el fragmento HTML Insertar el fragmento HTML por XYZcripts es otro complemento para códigos cortos que vale la pena analizar. Una vez más, debe descargar y activar el complemento. Desde XYZ HTML, seleccione Fragmentos HTML> Agregue un nuevo fragmento HTML para crear su propio HTML corto.

Este es, relativamente hablando, el complemento más simple, porque los usuarios solo tienen que etiquetarlo con un nombre de seguimiento y completar el campo de texto con su código HTML único. Por supuesto, puede agregar CSS y JavaScript en cualquier momento, siempre que las etiquetas de apertura/cierre estén allí. Junto con el bloque de escasos cortos Gutenberg, tiene la flexibilidad de insertar fragmentos en el área del widget, el menú de navegación o entre el contenido de publicación. Para explicar lo que hace, te enviaré a un fragmento, por ejemplo, en mi blog. Por ejemplo, guardamos el código CSS para una superposición de imagen que muestra texto sobre una imagen en el modo de paso del mouse. Funciona como un encanto si usa la sintaxis correcta (por ejemplo, , o ). Aquí hay un ejemplo de un fragmento almacenado en el editor de código HTML: Cuando presiona “Actualización”, el complemento almacena automáticamente su fragmento como un código corto con la misma etiqueta. En términos de configuración, insertar fragmentos HTML le permite organizar fragmentos en orden ascendente o descendente, dependiendo de la fecha en que se crearon. Puede restringir cuántos códigos cortos se muestran en la página o publicar para evitar que el sitio se desacelere. Si tiene curiosidad sobre la versión premium y desea ver una comparación detallada, está disponible en la pestaña “Acerca de”. Aunque el complemento gratuito no acepta la administración de privilegios basados ​​en el usuario, tiene suficiente para realizar la mayoría de las tareas básicas. Para ser entendido, el plan premium ofrece varios servicios, desde la orientación de dispositivos hasta la exportación/importación de fragmentos, pero no creo que sean esenciales para este tutorial.

Por supuesto, intente insertar el fragmento HTML porque compila piezas de bacalao para usted. Todavía hay una captura, ni siquiera es amigable para principiantes debido a la falta de elementos de plantilla construidos. Algunos problemas técnicos. ¿Qué es mejor: inserción manual de códigos cortos o el uso del bloque de código corto de Gutenberg? Se han lanzado códigos cortos en la versión 2.5 de la API de WordPress y permiten a los usuarios crear un fragmento de código incluido entre los soportes correctos, como se muestra “[]”. Se comportan como un widget en la barra lateral, porque ambos son capaces de almacenar elementos prefabricados desde una ubicación separada. Aunque los códigos cortos ofrecen una amplia gama de funcionalidades dinámicas, pueden ser algo confusos para aquellos que no tienen experiencia en programación. Esto ha cambiado cuando se lanzó el editor de bloques de Gutenberg, dando a los usuarios una gran plantilla de bloque para organizar como desean en una página.

Esto significaba que los usuarios podían agregar un código corto con una copia rápida e inserción al bloque de código corto. Aparentemente, el antiguo método difiere ligeramente por el hecho de que tenía que pegar el código corto en una línea separada. Sin embargo, no todos eran fanáticos de Gutenberg: muchos usuarios volvieron al editor de contenido clásico. En la mayoría de los casos, las personas han instalado complementos para generar códigos cortos para ellos que podrían realizar tareas significativas, como la importación de audio de otro sitio. Esto es cierto para los complementos populares, como se muestra en WPFFORMS, OptInmonster e incluso WooCommerce. Para crear fragmentos originales, tenía que escribir funciones personalizadas para producir el resultado deseado. En cualquier caso, un código corto obtiene el mismo resultado que cambia el código en sí, pero, por supuesto, sin el riesgo de destruir su sitio. Definitivamente es una mejor alternativa que editar archivos con el tema. Haga un orden corto en el diseño de WordPress con códigos de códigos cortos puede ayudarlo a guardar no solo el mantenimiento del sitio, sino también para integrar nuevas funciones. Con esta funcionalidad adicional, puede mejorar fácilmente su contenido ajustando los parámetros individuales e insertando fragmentos en su editor de WordPress. Cuando se trata de elementos fáciles de usar, tiene acceso a una amplia gama de opciones. Hay numerosos complementos de código corto disponibles en WordPress, ya sea que obtenga gratis o suscriptores. Los códigos cortos son particularmente útiles para cambiar partes de su sitio, ya que otros complementos pueden confiar en ellos para realizar las acciones necesarias.