Cómo adjuntar código reutilizable a publicaciones y páginas para WordPress

¿Está buscando una manera de agregar fácilmente fragmentos de código reutilizables a sus publicaciones y páginas en WordPress? En realidad, esta es una característica increíblemente útil, especialmente si incluye sistemas de publicación de anuncios, pancartas de afiliados o la misma llamada a la acción en varias ubicaciones.

Muchos de ustedes probablemente tendrán algunos archivos de Bloc de notas llenos de elementos de codificación que copian y pegan directamente en el contenido. Pero hay una manera mucho más fácil mediante el uso de fragmentos de publicaciones reutilizables en WordPress.

En este tutorial, le mostraré cómo adjuntar código reutilizable a publicaciones y páginas con solo unos pocos clics del mouse. Es una forma rápida y mucho más eficiente de distribuir ciertas adiciones dentro de su contenido.

¿Cuáles son algunos ejemplos de código reutilizable?

Quizás una de las piezas de código reutilizable más comunes es Google AdSense. Esta es la red de publicación de anuncios que mucha gente utilizará en sus sitios web para generar un poco de ingresos. También puede ser tedioso copiar y pegar este código en varias áreas de su publicación o página.

Los banners de afiliados y los enlaces de texto también se encuentran entre algunos de los fragmentos de código más comunes, especialmente si planea usar sistemas como Amazon para vender productos desde su sitio.

¿Tienes ese botón de llamada a la acción perfecto que incluyes en cada publicación? En lugar de copiar el código, puede simplemente hacer clic en uno o dos botones sin salir del editor de WordPress.

Incrustaciones de video, transmisiones en vivo, seminarios web y más en prácticamente cualquier área de las ediciones de texto compatibles con WordPress. Esto significa que también puede agregar código reutilizable en ciertos widgets de la barra lateral.

Uso de fragmentos de publicación

Hoy, repasaré rápidamente algunas de las cosas que puede hacer con Post Snippets . Esto es un poco diferente a las plantillas de contenido cubiertas en el pasado. Por un lado, Post Snippets no agregará automáticamente el código HTML para los párrafos como lo hace con las plantillas TinyMCE.

¿Qué pasa con los bloques de contenido global? Este fue un buen complemento en el pasado y tuvo una excelente crítica entre miles de usuarios. Desafortunadamente, Global Content Blocks ya no está disponible en WordPress.org y no se ha actualizado en un par de años.

Los fragmentos de publicación funcionan de manera similar a las plantillas TinyMCE en el sentido de que se le proporciona un código abreviado para usar con cualquier elemento que agregue al sistema. Simplemente seleccione el fragmento que desea y WordPress agrega el código abreviado por sí solo.

También puede optar por agregar el código usted mismo en lugar de usar el botón dentro del editor visual.

Configuración de fragmentos de publicación

Instale y active el complemento "Post Snippets".

Aparecerá un nuevo mensaje solicitando permiso para compartir sus datos con el desarrollador. Esto es opcional y no afecta directamente el uso del complemento. Sin embargo, simplemente voy a hacer clic en el botón "Omitir" para continuar.

La siguiente pantalla es la configuración real del complemento. Si en algún momento necesita encontrar esta sección, siempre se encuentra en Configuración en WordPress.

Vamos a crear un nuevo elemento para agregar a WordPress. Haga clic en el botón "Agregar nuevo fragmento".

Esto creará un nuevo fragmento "Sin título" para usar en sus publicaciones y páginas. Haga clic en la flecha hacia abajo a la derecha para expandir el campo de fragmentos reales.

Cambie el título del fragmento haciendo clic en el icono del lápiz. Asigne un nombre a esto que identificará en la lista cuando esté creando contenido. Esto es utilizado por el sistema para identificar cómo funcionará el shortcode.

Haga clic en la marca de verificación para guardar su título.

Ingrese el fragmento de código que desea reutilizar. En este ejemplo, voy a insertar un código incrustado de iFrame que modifiqué ligeramente de YouTube.

Haga clic en la casilla de verificación "Código corto" a la derecha. Esto es para mantener las cosas ordenadas y organizadas dentro de la publicación o página. Si deja este cuadro en blanco, se mostrará el código en sí en lugar del código abreviado.

Introduzca una descripción para el código. Esto es para ayudarlo a identificar qué hace este código en particular por usted.

Haga clic en el botón "Actualizar fragmentos" en la parte inferior.

Uso de fragmentos de publicación

Después de crear los fragmentos que usa con más frecuencia, es hora de colocarlos en sus publicaciones y páginas.

Haz clic en cualquier publicación o página que ya hayas guardado. También puede crear una nueva publicación si desea probar los fragmentos de publicación sin interferir con el texto.

Coloque el cursor en el texto donde desea que se muestre el fragmento.

Haga clic en el botón Publicar fragmentos del editor visual.

Haga clic en el fragmento que desea usar de la lista. Como solo tengo uno disponible, es el único que aparece.

Haga clic en el botón "Insertar" en la parte inferior derecha.

El shortcode se agrega automáticamente a su publicación o página.

Guarde o actualice su publicación o página.

El resultado final es su fragmento que aparece dentro de la publicación o página.

Otras cosas que puedes hacer con este complemento

Aunque funciona muy bien para incluir varios elementos de codificación HTML, también puede servir para implementar rápidamente combinaciones de cosas. Por ejemplo, ¿qué sucede si usa un enlace específico conectado a una determinada imagen mientras muestra una línea de texto? Toda esa configuración es texto reutilizable que es mucho más fácil de agregar a publicaciones y páginas con este complemento.

Usar casillas de autor es una buena manera de acreditar a un colaborador. ¿Qué pasa si codificas uno usando HTML que se adapta perfectamente a tu tema y diseño? Post Snippets le permite plantar el cuadro de autor sin complementos adicionales en cualquier parte de la publicación o página.

Post Snippets ofrece una increíble cantidad de flexibilidad para WordPress. Incluso puede colocar otros códigos abreviados dentro del fragmento para activar una serie de herramientas o efectos específicos.

Maximiza lo que puedes hacer en WordPress

El código reutilizable es solo una de las muchas cosas que puede personalizar en WordPress. Cosas como esta facilitan la administración de un sitio, agregar contenido o crear un diseño atractivo. Explore sus opciones y cree algo que conecte con sus visitantes.

¿Qué códigos te encuentras copiando y pegando en WordPress regularmente? ¿Con qué frecuencia utiliza elementos codificados en sus publicaciones?