{"id":5689,"date":"2012-12-26T22:23:16","date_gmt":"2012-12-26T22:23:16","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=5689"},"modified":"2019-03-20T11:15:59","modified_gmt":"2019-03-20T11:15:59","slug":"wordpress-shortcodes","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/","title":{"rendered":"WordPress Shortcodes"},"content":{"rendered":"<p>Los shortcodes de WordPress son peque\u00f1os c\u00f3digos que puedes a\u00f1adir en el editor de WordPress. <strong>Se usan para a\u00f1adir funciones al contenido de tus entradas y p\u00e1ginas<\/strong> sin tener que escribir un script cada vez que necesites hacer esa tarea.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/wordpress-shortcode.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5710\" alt=\"wordpress-shortcode\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/wordpress-shortcode.png\" width=\"250\" height=\"212\" \/><\/a><\/p>\n<p>Su mayor virtud es que <strong>te ahorran mucho tiempo en labores habitualmente repetitivas<\/strong>, y solo por eso merece la pena utilizarlos, e incluso saber como crearlos.<\/p>\n<p>Son como tags HTML que usan corchetes (<strong>[ ]<\/strong>) en vez de los s\u00edmbolos de \u201cmayor y menor qu\u00e9\u201d (<strong>&lt; &gt;<\/strong>). Vamos, algo as\u00ed:<\/p>\n<pre>[shortcode]<\/pre>\n<p>Puedes a\u00f1adir \u201cshortcodes\u201d manualmente mediante un c\u00f3digo en tu fichero <code>\"functions.php<\/code>\u00bb o plugin de funciones, desde el tema si ya los incluye o desde algunos plugins que te ofrecen \u201cshortcodes\u201d listos para utilizar (un buen ejemplo son los plugins para insertar v\u00eddeos, que usan shortcodes del tipo <code><\/code>\u201d.<\/p>\n<p>La principal es no tener que repetir c\u00f3digos o tareas habituales en el editor de WordPress. Los shortcodes son grandes ahorradores de tiempo. Tambi\u00e9n facilitan tareas habitualmente tediosas o que requiren mucho tecleo. Puedes usarlos para a\u00f1adir textos repetitivos, para hacer llamadas a funciones, para aplicar clases CSS, casi para todo.<\/p>\n<p>En este art\u00edculo vamos a crear un shorcode de ejemplo que podr\u00e1 ser muy \u00fatil para muchos bloggers. Se trata de a\u00f1adir un bot\u00f3n para visualizar el ejemplo en funcionamiento sobre lo que se est\u00e1 hablando. En blogs que hablan de programaci\u00f3n por ejemplo, estar\u00e1 pr\u00e1cticamente en todas las entradas.<\/p>\n<p>En el archivo functions.php a\u00f1adiremos la funci\u00f3n necesaria:<\/p>\n<pre>function shortcode_button_see_example($atts) {\r\n\u00a0\u00a0 \u00a0extract(shortcode_atts(array('url' =&gt; 'url'), $atts));\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0$output = '&lt;div id=\"button\"&gt;&lt;a href=\"'.$atts['url'].'\"&gt;Ver ejemplo en funcionamiento&lt;\/a&gt;&lt;\/div&gt;';\r\n\u00a0\u00a0 \u00a0return $output;\r\n}\r\nadd_shortcode('button_see_example', 'shortcode_button_see_example');<\/pre>\n<p>Y luego en todas las entradas o en las que se necesite a\u00f1adir el shordcode:<\/p>\n<pre>[button_see_example url=\"https:\/\/www.jose-aguilar.com\/\"]<\/pre>\n<p>De alguna manera estamos llamando a la funci\u00f3n que hemos creado en el archivo functions.php pas\u00e1ndole un par\u00e1metro como argumento. Con este par\u00e1metro a\u00f1adimos la url del link del bot\u00f3n.<\/p>\n<p>Solo faltar\u00e1 a\u00f1adir los estilos al bot\u00f3n utilizando un id o class en la hoja de estilos de tu tema.<\/p>\n<p><a href=\"http:\/\/codex.wordpress.org\/Shortcode_API\" target=\"_blank\" rel=\"noopener noreferrer\">Ver m\u00e1s posibilidades sobre shortcodes<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los shortcodes de WordPress son peque\u00f1os c\u00f3digos que puedes a\u00f1adir en el editor de WordPress. Se usan para a\u00f1adir funciones al contenido de tus entradas y p\u00e1ginas sin tener que escribir un script cada vez que necesites hacer esa tarea. Su mayor virtud es que te ahorran mucho tiempo en labores habitualmente repetitivas, y solo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5354,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[],"class_list":["post-5689","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wordpress Shortcodes - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wordpress Shortcodes - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Los shortcodes de WordPress son peque\u00f1os c\u00f3digos que puedes a\u00f1adir en el editor de WordPress. Se usan para a\u00f1adir funciones al contenido de tus entradas y p\u00e1ginas sin tener que escribir un script cada vez que necesites hacer esa tarea. Su mayor virtud es que te ahorran mucho tiempo en labores habitualmente repetitivas, y solo [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2012-12-26T22:23:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-03-20T11:15:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/wordpress1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"320\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/\",\"name\":\"Wordpress Shortcodes - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/wordpress1.png\",\"datePublished\":\"2012-12-26T22:23:16+00:00\",\"dateModified\":\"2019-03-20T11:15:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/wordpress1.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/wordpress1.png\",\"width\":320,\"height\":320},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Shortcodes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wordpress Shortcodes - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Wordpress Shortcodes - Jose Aguilar Blog","og_description":"Los shortcodes de WordPress son peque\u00f1os c\u00f3digos que puedes a\u00f1adir en el editor de WordPress. Se usan para a\u00f1adir funciones al contenido de tus entradas y p\u00e1ginas sin tener que escribir un script cada vez que necesites hacer esa tarea. Su mayor virtud es que te ahorran mucho tiempo en labores habitualmente repetitivas, y solo [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2012-12-26T22:23:16+00:00","article_modified_time":"2019-03-20T11:15:59+00:00","og_image":[{"width":320,"height":320,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/wordpress1.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/","url":"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/","name":"Wordpress Shortcodes - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/wordpress1.png","datePublished":"2012-12-26T22:23:16+00:00","dateModified":"2019-03-20T11:15:59+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/wordpress1.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/11\/wordpress1.png","width":320,"height":320},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/wordpress-shortcodes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress Shortcodes"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/5689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=5689"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/5689\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/5354"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=5689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=5689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=5689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}