Reusable Snippets in WordPress: [shortcodes] by Rhonalf Martinez

WPBQ - https://www.meetup.com/es-ES/WordPress-Barranquilla/events/239666861/

Transcript

2. ¡Hello! Rhonalf Martinez/ @rhonaldomaster / Koombea #WPBQ
3. Reusable Snippets in WordPress: [shortcodes]
4. Reusa … qué?! • Reusable Snippets = Código reutilizable • Puede usarse en cualquier parte del sitio • Lo mejor, lo haces como quieres #WPBQ
5. Entiendo … y esto para qué me sirve? Para lo que quieras! Personaliza tu sitio con esta herramienta a tu gusto. No tienes que repetir código. Puedes hacerlos tú mismo o buscar alguno implementado en internet.
6. Excelente! Y como los creo? • Son código, asi que puedes usar tu editor preferido • Agrégalos al archivo functions.php del tema • Úsalos en tu sitio! #WPBQ
7. • Un shortcode se agrega en el sitio usando la sintaxis [nombreshortcode] • Puede recibir parámetros [nombreshortcode parametro="Hola"] • También puedes enviar contenido [nombreshortcode]Hola mamá![/shortcode] • El shortcode devolverá un string que se escribirá en la página
8. Me gusta … ¿Cómo lo escribo en el código? Con el teclado!! Ahora en serio ... es sencillo. Escribe una función en tu archivo functions.php (si, suena raro ...) #WPBQ
9. Luego de crear tu shortcode, le decimos a wordpress que lo queremos usar. Para ello, se usa la siguiente instrucción: add_shortcode('nombre_a_usar','funcion_que_lo_crea'); En nuestro caso: add_shortcode('nombreshortcode','saludar_a_mama');
10. Y luego qué? Tranquilo, superman … ahora viene lo sencillo :) Ya con el shortcode, solo tienes que colocarlo en el editor en tu entrada o página. #WPBQ
11. Y en tu post/página verás Y si … así de sencillo Puedes colocar cualquier cantidad de html que quieras, todo se mostrará
12. Un ejemplo real (que quede entre nosotros, shh) #WPBQ
13. Y existen shortcodes predefinidos? Claro! Wordpress cuenta con los siguientes: • [audio] - https://codex.wordpress.org/Audio_Shortcode • [caption] - https://codex.wordpress.org/Caption_Shortcode • [embed] - https://codex.wordpress.org/Embed_Shortcode • [gallery] - https://codex.wordpress.org/Gallery_Shortcode • [playlist] - https://codex.wordpress.org/Playlist_Shortcode • [video] - https://codex.wordpress.org/Video_Shortcode
14. Algunos recursos en línea • https://codex.wordpress.org/Shortcode • https://ayudawp.com/que-son-los-shortcodes-y-como-crearlos/ • http://manuelvicedo.com/wordpress/guia-shortcodes/ • https://codex.wordpress.org/Shortcode_API • https://generatewp.com/shortcodes/ • https://www.nimbusthemes.com/add-shortcode-wordpress-snippet-generator/ • http://wptricks.net/added-permalinks-shortcode-on-wordpress/ • http://programacionmultimedia.net/php-crear-un-shortcode-personalizado-par a-wordpress/ #WPBQ
15. Gracias! :)
16. #WPBQ