En la clase de hoy del curso de WordPress avanzado aprenderemos a crear nuestros propios shortcodes, y a ver qué uso práctico les podemos dar.
8 - Crear shortcodes en WordPress
Hoy vamos a aprender algo que tiene una utilidad tremenda en WordPress, y que nos será muy útil no solo para nosotros, sino también para clientes, si somos una agencia: Los shortcodes.
Los shortcodes son códigos simples que podemos colocar en el editor de WordPress, y que al mostrarse en la web se remplazarán por algo totalmente distinto. Eso nos dará muchisimas posibilidades, veamos algunas:
Como podéis ver, las opciones son ilimitadas, pero el concepto es el mismo: Tener una palabra "comodín" que nos mostrará lo que queramos, donde queramos.
Pongamos un caso práctico en formato "deberes" para que veáis a lo que me refiero:
- Shortcode "banner"
- Crear un shortcode que sea una imagen en formato banner a vuestra tienda
- Con el atributo "enlace" que por defecto se dirija a la home de la tienda
- Colocar el shortcode en un par de posts, sin atributo (se dirigirá a la tienda)
- Colocar el shortcode con el atributo "enlace" hacia un producto concreto (se dirigirá a ese producto)
- Shortcode "CTA"
- Crear un shortcode que sea un párrafo de 3 líneas hablando de vuestro producto o servicio o newsletter.
- Con el atributo "producto" y el atributo "enlace".
- Usad el shortcode en una página y en una entrada, sustituyendo el producto y el enlace en varias ocasiones
- Modificad el código
- Ahora modificad la imagen del primer shortcode, y el texto del segundo shortcode. Debería actualizarse ambas cosas de toda la web :)
Una vez más, como os digo, para sacarle el máximo provecho a los shortcodes, os recomiendo muy encarecidamente que hagáis el curso de introducción a PHP, pues allá veréis mucho más.
Y ya lo sabéis, si os surge alguna duda, podéis contactar a través del formulario de soporte de la Intranet :)
Bien, pues esto es todo por hoy. Nos vemos en la siguiente clase, en la que veremos más formas de modificar WordPress. ¡Hasta entonces, muy buenos días!
Todos los capítulos de este curso:
- Curso de WordPress Avanzado #1: Modificar WordPress
- Curso de WordPress Avanzado #2: Custom Post Types
- Curso de WordPress Avanzado #3: Taxonomías
- Curso de WordPress Avanzado #4: Ubicaciones de menús
- Curso de WordPress Avanzado #5: Widget Areas
- Curso de WordPress Avanzado #6: Menús en la toolbar
- Curso de WordPress Avanzado #7: Métodos de contacto del usuario
- Curso de WordPress Avanzado #8: Crear shortcodes
- Curso de WordPress Avanzado #9: Scripts y estilos
- Curso de WordPress Avanzado #10: Hooks