El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

WordPress: Trucos semanales

Uso de shortcodes en todo WordPress

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
WordPress como herramienta de gestión y creación se ha convertido por méritos propios es una completa solución de desarrollo de proyectos digitales que puedes adaptar a prácticamente todo tipo de necesidades. En esta serie semanal, dedicada por completo al desarrollo de proyectos digitales empleando WordPress, verás un amplio surtido de trucos, técnicas y plugins variados con los que podrás añadir nuevas posibilidades a todos nuestros proyectos orientados al mundo web. De esta forma conseguirás ahorrar tiempo y los esfuerzo necesarios para dar con ellos, aportándonos nuevos conocimientos de aplicación directa desde el primer momento.
06:48
  Añadir a marcadores

Transcripción

Un "shortcode" es, para que todos nos entendamos, una especie de atajo, un acceso directo a una porción de código o una funcionalidad que queremos emplear y de esta forma no tenemos que escribir siempre. En vez de coger todo el código, lo encapsulamos, definimos un "shortcode" y cada vez que queramos usar ese código, simplemente hacemos la llamada al acceso directo y listo. De esta forma, mantenemos un poco más de orden en nuestros "templates" y en nuestra forma de trabajar. Lamentablemente, a la hora de trabajar con "shortcodes" dentro de WordPress, nos encontramos con alguna limitación: no poder usarlos dentro de "widgets", en el área de comentarios, el extracto, etc. Pero para eso estoy hoy aquí. Lo siguiente que vamos a ver a continuación son los pequeños ajustes que vamos a poder realizar en nuestra instalación de WordPress para dar rienda suelta al uso de "shortcodes" en el proyecto. Puede que no todos nos interesen o sean necesarios, pero de lo que estoy seguro es que te va a venir superbién el poder conocer estas posibilidades. Ya sabemos que a la hora de trabajar con WordPress vamos a ver en múltiples ocasiones los "shortcodes", que no dejan de ser, bueno, pues, atajos a diferentes porciones de código que podemos utilizar e incluir en algunas secciones dentro de nuestro tema de WordPress. El problema es que estamos limitados en algunas ocasiones, hay determinadas zonas o situaciones en las que no podemos emplearlos y realmente están muy presentes. En el momento en que empezamos a instalar "plugins", empezamos a ver "shortcodes" por todas partes. Por ejemplo, tengo ya unos cuantos instalados como Social Locker y usa "shortcodes". También tenemos alguno como Ad Changer, que también usa "shortcodes", incluso alguno que nos permite crear listas de correo con MailChimp, pues, también lo usan. Realmente, la mayoría de los "plugins" que tienen algún tipo de funcionalidad que podamos incorporar y que tenga reflejo en la parte pública, pues, va a tener la posibilidad de mostrarse mediante estos "shortcodes". ¿Qué es lo que quiero hacer en este vídeo? Bueno, pues, mostrar lo sencillo que sería poder extender los lugares donde nosotros podríamos usar estos "shortcodes" y que, por defecto, de manera nativa no se pueda hacer dentro de WordPress. Lo único que tenemos que hacer es abrir el archivo'functions. php' que tendríamos dentro del directorio donde tengamos nuestro tema. En este caso, yo lo tengo aquí, tengo este tema, y me fijo en el archivo de'functions . php'. Lo abro con cualquier editor y ya tengo aquí las líneas de código que voy a necesitar para poder extender el uso de estos atajos de código dentro de WordPress. Por ejemplo, que quiero usar "shortcodes" dentro de "widgets" de texto, bueno, pues, bastaría con incluir estas dos líneas. Que quiero añadir "shortcodes" en los comentarios, bueno, pues, podría utilizar estas dos líneas. Hay otras zonas en las que podría incorporarlo también, por ejemplo, en la zona de extractos, es decir, ese pequeño resumen que podemos incluir a la hora de escribir una entrada dentro de WordPress o también, bueno, pues, en páginas donde tengamos presentes etiquetas, categorías y cualquier tipo de taxonomía en general. No tengo que poner las ocho líneas si quiero hacer uso de los "shortcodes" en todas estas ubicaciones. Realmente, si nos fijamos, estoy repitiendo la primera línea en cada una de las opciones que acabo de definir. Esta línea es para intentar evitar que se rompa el código o que se meta el "shortcode" dentro de un párrafo cuando lo metemos, por ejemplo, dentro de un "widget" y tenemos marcada la casilla de Añadir saltos de párrafo automáticamente. Por lo tanto, si quisiésemos incorporarlo en todas estas zonas, bueno, pues, realmente bastaría con quitar la primera línea de todos ellos y quedarnos solo con estas opciones. Todo dependerá de las opciones que nosotros necesitemos. En cualquier caso, para verlo en práctica, bueno, pues, vamos a coger, por ejemplo, vamos a deshacerlo y vamos a quedarnos solo con los que me interesan para mostrar este ejemplo. Vamos a quedarnos, por ejemplo, con la opción de poder mostrar "shortcodes" en los comentarios, porque por defecto no se muestran. Nosotros escribimos un "shortcode" en nuestro comentario, en un comentario cualquiera, y no se van a ejecutar, es decir, solo vamos a escribirlo pero no va a pasar nada. Lo que voy a hacer va a ser coger este código de los comentarios y voy a usarlo como ejemplo. Vamos a mostrar aquí en pantalla, yo ya tengo un archivo'functions. php', en este caso de Criterion, y lo que voy a hacer es copiar este código, lo copio y lo pego en el archivo de'functions'. Vamos a ponerlo aquí debajo, vamos a actualizar el archivo y lo que voy a hacer es, bueno, pues, dejar que guarde, irme a la parte pública, ir a un "post" cualquiera –en este caso, pues, este que ya tengo aquí abierto–, me voy a dirigir a la sección de comentarios y aquí además de poder escribir cualquier cosa, ahora podría integrar cualquier "shortcode" que yo tuviese activo actualmente en el tema. Con lo cual, bueno, pues, a lo mejor me interesa escribir en un comentario, pues, meter algún formulario de contacto o algún formulario de suscripción a alguna a lista de correo, un bloque de publicidad... lo que yo quisiera. Vamos a aprovechar que ya tengo abierto, pues, por ejemplo, este formulario de MailChimp. Voy a copiar este mismo, lo copio y voy a pegarlo dentro del campo de texto para poder publicar el comentario. Vamos a escribir antes cualquier cosa: "Esto sería un comentario", le voy a hacer clic en Enviar y teóricamente, pues, ya este "shortcode" automáticamente se ejecutaría dentro de lo que es el área definida para los comentarios. Y aquí lo tenemos, aquí sería el texto, aquí estaría cómo funcionaría la programación que tenía ese "shortcode" asociado. Si no tuviese estas líneas, realmente no funcionaría el "shortcode". Vamos a probar a eliminarlas, vamos a guardar el archivo y vamos a dirigirnos a la parte pública en el momento en que guarde. Recargamos y aquí tendríamos el comentario. Si nos fijamos, sí que aparece el "shortcode", pero evidentemente no funciona. Con esto tenemos la libertad total para poder empezar a usar "shortcodes" allá donde los necesitemos.