Saltar al contenido

WordPress shortcode

julio 19, 2022

Ejemplo de shortcode en WordPress

Si alguna vez has tenido que hacer algún tipo de desarrollo en WordPress, te habrás encontrado con la situación de necesitar alguna funcionalidad personalizada o un elemento de diseño especializado. Por razones de seguridad, WordPress elimina muchas etiquetas HTML y todo el código PHP de las entradas y páginas.

Aquí es donde necesitas crear tu funcionalidad. No sé lo que quieres lograr, pero aquí hay un ejemplo muy simple de un shortcode que me permite inyectar un mensaje personalizado en un post. Esto es sólo para fines de demostración, pero debe conseguir su imaginación encendida:

Así que tenemos una pequeña función PHP muy simple. Usted podría literalmente poner cualquier cosa en esta función que desea ejecutar en su sitio – un formulario personalizado, el marcado HTML especial, o las llamadas a una base de datos externa.

Mientras que usted puede almacenar el código anterior dentro del archivo functions.php, yo estaría preparando para el fracaso a largo plazo si realmente lo aconsejara. Le recomiendo encarecidamente que cree un archivo separado para sus propios códigos cortos personalizados. Llámalo como quieras y guárdalo en la carpeta wp-content, o crea un plugin (consulta mi artículo sobre la creación de plugins para WordPress).

WordPress shortcode con parámetros

¿Alguna vez has deseado poder utilizar los shortcodes de WordPress directamente en los archivos de tu plantilla de tema o, en general, ejecutarlos a través de PHP? Con la función do_shortcode de WordPress, puedes hacer realidad tu deseo – y vamos a mostrarte cómo.

Pero si alguna vez ha intentado añadir un shortcode directamente a los archivos de la plantilla de su tema, probablemente se habrá dado cuenta de que este enfoque simplemente no funcionará. El shortcode se mostrará como texto plano – no se ejecutará el shortcode y se mostrará el contenido que quieres mostrar.

  Integrar instagram wordpress

Para lograrlo, necesitarás encontrar la plantilla single.php de tu tema. Para añadir el shortcode debajo del contenido, deberá añadir la función do_shortcode debajo de la función the_content en el archivo de la plantilla.

Para terminar las cosas, sólo tiene que añadir la función do_shortcode con el shortcode dentro en la ubicación adecuada. Asegúrese de hacer eco de la función do_shortcode – de lo contrario, no verá la salida en el frontend.

Esto puede parecer obvio, pero en realidad puede ser un poco complicado. Algunos plugins utilizarán exactamente la misma sintaxis del shortcode pero implementarán las cosas de forma ligeramente diferente para que no sea realmente un shortcode de WordPress.

El shortcode de WordPress no funciona

Códigos cortos de WordPress. ¿Alguna vez has visto un texto entre paréntesis en WordPress? Entonces has visto un shortcode. Los shortcodes añaden nuevas funciones a tu contenido y te facilitan el trabajo. ¿Quieres añadir un vídeo, un botón o una encuesta sin usar un código? WordPress shortcodes: cómo insertar shortcodes en¿Qué son los shortcodes?

Un contenido tan dinámico necesitaría escribir mucho código. Los códigos cortos simplifican este proceso de añadir funciones a un sitio web de WordPress. Añaden HTML y otros lenguajes de marcado dinámicos. En el post, página, widget o comentario. Dondequiera que el usuario de WordPress quiera que aparezcan. En una sola línea.

Los shortcodes específicos no son necesarios si sólo se crea una característica en un post o página específica. Pero, si vas a utilizar ese shortcode en muchos posts o páginas diferentes, es posible que quieras utilizar un plugin para añadir un shortcode. Esto facilitará el estilo de un elemento específico de WordPress. También es más fácil de eliminar si quieres cambiar de tema, por ejemplo.

  Web mega menu

Estos son códigos cortos incluidos en la Plantilla de WordPress elegida bajo el editor de contenido. Como por ejemplo: “audio, caption, embed, gallery y video”. Estos códigos cortos dejan de funcionar, cuando se cambia la plantilla de WordPress.

Atributos del shortcode de WordPress

Los shortcodes de WordPress se utilizan para 1) reducir la cantidad de código que necesita escribir; 2) simplificar el uso de los plugins, temas y otras funciones de WordPress. Se comportan como macros, cuando usted inserta un shortcode, éste es reemplazado por un fragmento de código. Puede ser cualquier cosa.

En este post, te llevaremos paso a paso a través del proceso de creación y uso de tus propios shortcodes personalizados. Te guiaremos a través de todo el proceso de creación de un nuevo shortcode y te mostraremos cómo modificar y controlar los atributos y funciones del shortcode.

Tenga en cuenta que este es un post más avanzado que entrará en detalles sobre cómo crear shortcodes. Si trabajar con código está más allá de su experiencia técnica, y sólo quiere la forma más fácil de empezar a crear y utilizar shortcodes puede querer empezar con un plugin de shortcode.

En el ejemplo anterior, no había mucho espacio para cambiar las cosas. Digamos que, en lugar de empujar una sola imagen, nos gustaría ser capaces de establecer qué imagen usar usando un parámetro. Puedes hacerlo añadiendo algunos atributos ($atts).

Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad