{"id":90172,"date":"2022-05-21T02:06:11","date_gmt":"2022-05-21T00:06:11","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/"},"modified":"2021-03-03T13:55:07","modified_gmt":"2021-03-03T16:55:07","slug":"creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/","title":{"rendered":"Creating a toggle shortcode for the WordPress FAQ page"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#El-codigo-corto-de-alternancia\" >The toggle short code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#Alternar-JavaScript-CSS-e-imagenes\" >Toggle JavaScript, CSS, and images<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#Javascript\" >Javascript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#CSS\" >CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#Imagenes\" >Images<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#Usando-el-codigo-corto\" >Using the short code<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#Your-Toggle-Title\" >Your Toggle Title<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#%C2%BFDemasiado-perezoso-%C2%A1Obten-el-tema\" >Too lazy? Get the theme!<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<div class=\"container-med\">\n<div class=\"entry atype\">\n<p>After briefly launching my first theme on Themeforest, the &quot;Elegant WordPress Business Theme&quot;, I decided to share some tutorials and code on how I created some of the awesome features of the theme.<\/p>\n<p>I will not walk you through each and every step explaining each piece of code because it is so easy to understand, but will provide you with everything you need to cut \/ paste the shortcodes into your own theme (even! better!)<\/p>\n<h2><span class=\"ez-toc-section\" id=\"El-codigo-corto-de-alternancia\"><\/span>The toggle short code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Creating the Toggle shortcode is very simple. All we have to do is add a shortcode function to our functions.php file that has 2 options: title and color. This way, when you add the shortcode, you can choose the clickable title for the toggle effect and color so that you can add various color options to your toggle, as you can see from my demo link above , where I have added a white and gray style so people can create this alternating color effect.<\/p>\n<p>Just copy and paste the shortcode into your functions.php file:<\/p>\n<pre class=\"prism-pre line-numbers language-php\"><code class=\"language-php\">\/\/ Register the toggle shortcode\r\nfunction toggle_shortcode( $atts, $content = null ) {\r\n\t\r\n\textract( shortcode_atts( array(\r\n\t\t&#039;title&#039; =&gt; &#039;Click To Open&#039;,\r\n\t\t&#039;color&#039; =&gt; &#039;&#039;\r\n\t), $atts ) );\r\n\r\n\treturn &#039;&lt;h3 class=&quot;toggle-trigger&quot;&gt;&lt;a href=&quot;#&quot;&gt;&#039; . esc_html( $title  ) . &#039;&lt;\/a&gt;&lt;\/h3&gt;&lt;div class=&quot;toggle_container&quot;&gt;&#039; . do_shortcode( wp_kses_post( $content ) ) . &#039;&lt;\/div&gt;&#039;;\r\n\r\n}\r\nadd_shortcode( &#039;toggle&#039;, &#039;toggle_shortcode&#039; );<\/code><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Alternar-JavaScript-CSS-e-imagenes\"><\/span>Toggle JavaScript, CSS, and images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Below is all the code I used to create the switches in my premium WordPress theme if you want to achieve the same look.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Javascript\"><\/span>Javascript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Here is the Javascript. You can put this in your custom.js file or in your theme header.<\/p>\n<p><strong>Important<\/strong>: make sure you are already including the jQuery library as it is needed for the rest of js to work :)<\/p>\n<pre class=\"prism-pre line-numbers language-javascript\"><code class=\"language-javascript\">jQuery (function ($) {$ (document) .ready (function () {$ (&quot;.toggle_container&quot;) .hide (); $ (&quot;.toggle-trigger&quot;) .click (function () {$ (this) .toggleClass (&quot;active&quot;) .next (). slideToggle (&quot;normal&quot;); return false;});});});<\/code><\/pre>\n<h3><span class=\"ez-toc-section\" id=\"CSS\"><\/span>CSS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Here is the CSS. Just put it in your style.css file<\/p>\n<pre class=\"prism-pre line-numbers language-css\"><code class=\"language-css\">\/ * toggle * \/ .toggle-trigger {margin: 0px! important; font-size: 18px; padding: 10px; padding-left: 30px; background-color: #F5F5F5; background-image: url address (&#039;images \/ shortcodes \/ toggle-plus.png&#039;); background-position: 10px center; background-repeat: no-repeat; } .toggle-trigger a {color: #333; text-decoration: none; display: block; } .toggle-trigger to: hover {color: #0489B7; text-decoration: underline; } .toggle-trigger.active {background-image: url address (&#039;images \/ shortcodes \/ toggle-minus.png&#039;)! important; background-position: 10px center; background-repeat: no-repeat; } .toggle_container {overflow: hidden; padding: 20px 10px; }<\/code><\/pre>\n<h3><span class=\"ez-toc-section\" id=\"Imagenes\"><\/span>Images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Below are the two images of the short code. Just right click and hit &quot;save image as&quot; to save the images to your theme&#039;s image folder.<\/p>\n<p><img alt='toggle-plus-2713305' loading=\"lazy\" class=\"alignnone size-full wp-image-2508\" title=\"toggle-plus\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/toggle-plus-2713305.png' width=\"13\" height=\"13\"><\/p>\n<p><img alt='toggle-minus-6065176' loading=\"lazy\" class=\"size-full wp-image-2507 alignnone\" title=\"toggle-minus\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/toggle-minus-6065176.png' width=\"13\" height=\"13\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Usando-el-codigo-corto\"><\/span>Using the short code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Now that you have added all the required code for the short code, you can easily embed your switches on your site like this:<\/p>\n<pre class=\"prism-pre line-numbers language-php\"><code class=\"language-php\"><div class=\"toggle white\" data-inner-wrap=\"true\"><h3 class=\"toggle-title\"><span class=\"ez-toc-section\" id=\"Your-Toggle-Title\"><\/span><a href=\"#\" role=\"button\" class=\"toggle-heading\"><i role=\"presentation\" class=\"fa fa-plus\"><\/i>Your Toggle Title<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><div><div class=\"inner-toggle-wrap\">Toggle Content<\/div><\/div><\/div><\/code><\/pre>\n<h3><span class=\"ez-toc-section\" id=\"%C2%BFDemasiado-perezoso-%C2%A1Obten-el-tema\"><\/span>Too lazy? Get the theme!<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Click the image below to see my premium theme and buy it. \ud83d\ude42<\/p>\n<p><img alt='wordpress-toggles-8151515' loading=\"lazy\" class=\"size-full wp-image-2512 alignnone\" title=\"wordpress-toggle\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/wordpress-toggles-8151515.png' width=\"542\" height=\"500\"><\/p>\n<\/div>\n<p><script type=\"application\/ld+json\">{\n    \"@context\": \"http:\\\/\\\/schema.org\",\n    \"@type\": \"BlogPosting\",\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/www.wpexplorer.com\\\/wordpress-toggle-shortcode\\\/\"\n    },\n    \"headline\": \"Creating A Toggle Shortcode For WordPress FAQ&#8217;s Page\",\n    \"image\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\\\/\\\/www.wpexplorer.com\\\/wp-content\\\/uploads\\\/wp-toggle-shortcode.jpg\",\n        \"width\": 1500,\n        \"height\": 755\n    },\n    \"datePublished\": \"2011-08-27T23:35:18-06:00\",\n    \"dateModified\": \"2019-06-14T16:25:38-06:00\",\n    \"author\": {\n        \"type\": \"Person\",\n        \"name\": \"AJ Clarke\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"R Marketing Digital\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/www.wpexplorer.com\\\/wp-content\\\/themes\\\/wpexplorer\\\/images\\\/wpexplorer-organization-logo.png\",\n            \"width\": 400,\n            \"height\": 60\n        }\n    },\n    \"description\": \"A tutorial showing you how to easily create a toggle shortcode for WordPress using javascript and CSS so you can set up a FAQ's page on your site.\"\n}<\/script><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Despu\u00e9s de en resumen lanzar mi primer tema en Themeforest, el \u00abElegante tema empresarial de WordPress\u00bb, decid\u00ed compartir algunos tutoriales y el c\u00f3digo de c\u00f3mo cre\u00e9 algunas de las incre\u00edbles&#8230;<\/p>","protected":false},"author":1,"featured_media":90173,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1351],"tags":[],"class_list":["post-90172","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Creaci\u00f3n de un c\u00f3digo corto de alternancia para la p\u00e1gina de preguntas frecuentes de WordPress - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Despu\u00e9s de en resumen lanzar mi primer tema en Themeforest, el &quot;Elegante tema empresarial de WordPress&quot;, decid\u00ed compartir algunos tutoriales y el c\u00f3digo\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creaci\u00f3n de un c\u00f3digo corto de alternancia para la p\u00e1gina de preguntas frecuentes de WordPress\" \/>\n<meta property=\"og:description\" content=\"Despu\u00e9s de en resumen lanzar mi primer tema en Themeforest, el &quot;Elegante tema empresarial de WordPress&quot;, decid\u00ed compartir algunos tutoriales y el c\u00f3digo\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-21T00:06:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/wp-toggle-shortcode-2594119.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"755\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Creaci\u00f3n de un c\u00f3digo corto de alternancia para la p\u00e1gina de preguntas frecuentes de WordPress\",\"datePublished\":\"2022-05-21T00:06:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/\"},\"wordCount\":406,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/wp-toggle-shortcode-2594119.jpg\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/\",\"name\":\"Creaci\u00f3n de un c\u00f3digo corto de alternancia para la p\u00e1gina de preguntas frecuentes de WordPress - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/wp-toggle-shortcode-2594119.jpg\",\"datePublished\":\"2022-05-21T00:06:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Despu\u00e9s de en resumen lanzar mi primer tema en Themeforest, el \\\"Elegante tema empresarial de WordPress\\\", decid\u00ed compartir algunos tutoriales y el c\u00f3digo\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/wp-toggle-shortcode-2594119.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/wp-toggle-shortcode-2594119.jpg\",\"width\":1500,\"height\":755,\"caption\":\"wp-toggle-shortcode-2594119-8428076-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Creaci\u00f3n de un c\u00f3digo corto de alternancia para la p\u00e1gina de preguntas frecuentes de WordPress - R Marketing Digital","description":"After briefly launching my first theme on Themeforest, the &quot;Elegant WordPress Business Theme&quot;, I decided to share some tutorials and code","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Creaci\u00f3n de un c\u00f3digo corto de alternancia para la p\u00e1gina de preguntas frecuentes de WordPress","og_description":"Despu\u00e9s de en resumen lanzar mi primer tema en Themeforest, el \"Elegante tema empresarial de WordPress\", decid\u00ed compartir algunos tutoriales y el c\u00f3digo","og_url":"https:\/\/rmarketingdigital.com\/en\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/","og_site_name":"R Marketing Digital","article_published_time":"2022-05-21T00:06:11+00:00","og_image":[{"width":1500,"height":755,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/wp-toggle-shortcode-2594119.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Creaci\u00f3n de un c\u00f3digo corto de alternancia para la p\u00e1gina de preguntas frecuentes de WordPress","datePublished":"2022-05-21T00:06:11+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/"},"wordCount":406,"image":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/wp-toggle-shortcode-2594119.jpg","articleSection":["Wordpress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/","url":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/","name":"Creaci\u00f3n de un c\u00f3digo corto de alternancia para la p\u00e1gina de preguntas frecuentes de WordPress - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/wp-toggle-shortcode-2594119.jpg","datePublished":"2022-05-21T00:06:11+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"After briefly launching my first theme on Themeforest, the &quot;Elegant WordPress Business Theme&quot;, I decided to share some tutorials and code","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/wordpress\/creacion-de-un-codigo-corto-de-alternancia-para-la-pagina-de-preguntas-frecuentes-de-wordpress\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/wp-toggle-shortcode-2594119.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/wp-toggle-shortcode-2594119.jpg","width":1500,"height":755,"caption":"wp-toggle-shortcode-2594119-8428076-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/90172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=90172"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/90172\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/90173"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=90172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=90172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=90172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}