{"id":88862,"date":"2022-07-02T11:30:47","date_gmt":"2022-07-02T09:30:47","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/"},"modified":"2021-03-03T16:02:51","modified_gmt":"2021-03-03T19:02:51","slug":"como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/","title":{"rendered":"How to Add Custom Code to Your WordPress Site (It&#039;s Easier Than You Think!)"},"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\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#Complementos-de-WordPress\" >WordPress plugins<\/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\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#Escribir-sus-propios-complementos\" >Write your own plugins<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#Archivos-CSS-personalizados\" >Custom CSS files<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#Temas-para-ninos-de-WordPress\" >WordPress Kids Themes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#Mostrando-codigo\" >Showing code<\/a><\/li><\/ul><\/nav><\/div>\n<div class=\"container-med\">\n<div class=\"entry atype\">\n<p>Writing PHP, CSS, and HTML5 to modify a WordPress site can be quite frustrating, but a good guide can make it easier. This is not that guide. It&#039;s just about how to add the code to your site once it&#039;s done. Regardless, don&#039;t worry, that&#039;s just as important. Since there are quite a few ways to do this, it helps to know the differences between the various options. But first, two caveats:<\/p>\n<ol>\n<li>Before modifying anything, please make a backup copy. In fact, keep supporting their work throughout the process. At the same time it is useful to have a separate file into which to paste discarded or soon-to-be-used code snippets.<\/li>\n<li>If you installed someone else&#039;s theme, never add code to the <em>functions.php<\/em> or <em>style.css<\/em> records. If you do, when the theme is updated, all your hard work will be gone.<\/li>\n<\/ol>\n<p>Throughout the rest of this article, I&#039;ll explore a few alternatives, ordered from the simplest to the most complex.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Complementos-de-WordPress\"><\/span>WordPress plugins<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img alt='php-wordpress-plugins-9492929' loading=\"lazy\" class=\"alignnone size-full wp-image-32611\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/php-wordpress-plugins-9492929.png' width=\"800\" height=\"297\"><\/p>\n<p>Just as there are multiple types of code modification, there are multiple types of custom code plugins. The 2 most common types are PHP and CSS. As you may know, PHP governs the architecture and function of WordPress. So if you are trying to modify the main functions of your website, please add or modify a function, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" title=\"Free PHP WordPress Plugins\" href=\"https:\/\/wordpress.org\/plugins\/search\/php\/\">there are many PHP plugins available for download<\/a> to help you with that.<\/p>\n<p>In the same way, you probably know what CSS does at the same time: it beautifies things. And if that&#039;s all you want to modify, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" title=\"Simple Custom CSS WordPress Plugin\" href=\"https:\/\/wordpress.org\/plugins\/simple-custom-css\/\">Custom CSS plugin<\/a> It will allow you to do that with minimal hassle. Lurking in the background is JavaScript, which has a complex relationship with plugins. To clarify, it&#039;s a bit different because it works amazingly well if you add it to the header, footer, or a child topic, but to use it in a post, you have to use a special plugin. Something like <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" title=\"CSS &amp; Javascript Toolbox WordPress Plugin\" href=\"https:\/\/wordpress.org\/plugins\/css-javascript-toolbox\/\">CSS and JavaScript toolbox<\/a> should do the trick. As a side note, for the sake of your page speed, it&#039;s best to put it in the footer.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Escribir-sus-propios-complementos\"><\/span>Write your own plugins<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>There are tons of WordPress code snippets available on the internet to change, disable or modify certain functions. Regardless, knowing where to place them is critical to functionality. As an example, if you have a snippet that modifies the function of a plugin, you want it to work no matter what theme you have activated. The same is true for fragments that deal with site-wide alterations. So whatever the case, it might be a good idea to create a new plugin for them. Don&#039;t worry, it is <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/codex.wordpress.org\/Writing_a_Plugin#Standard_Plugin_Information\">not so intimidating<\/a> it looks like.<\/p>\n<p>One of the main benefits of creating a plugin is that it will allow you to activate or deactivate the plugin on demand. At the same time it makes it possible to view contextual information about the plugin on the plugin pages. The only big drawback is that anyone else who has permission to modify the site can accidentally disable it, but a severe warning should be able to prevent it.<\/p>\n<p>As a side note, at the same time you can create a folder called <em>mu-plugins<\/em> in your<em> wp content<\/em> binder. Any PHP file inserted there will always run and cannot be enabled or disabled. This keeps custom code out of theme and plugin folders. But only do it with plugins that you always feel comfortable running in the background.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Archivos-CSS-personalizados\"><\/span>Custom CSS files<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If the changes you are planning are minor, you can create a <em>custom-style.css<\/em> proceedings. If you want to preview your changes before making them, you can always use <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" title=\"Chrome DevTools\" href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/\">DevTools<\/a> if you are running Chrome or an identical application. Another possibility is to add custom CSS through your WordPress theme. Some premium themes, like our <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/total.wpexplorer.com\/\">Total frame<\/a>, includes a theme panel option to add custom CSS where you can easily find and modify it. At the same time, when you update your theme, your theme&#039;s panel settings shouldn&#039;t change, so your custom CSS will remain intact.<\/p>\n<p>Remember that CSS cascades backwards, which means that rules that appear later always take precedence over rules that appear earlier. So any CSS applied to a separate sheet will override the page&#039;s default code. That at the same time applies to CSS embedded in ...<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Temas-para-ninos-de-WordPress\"><\/span>WordPress Kids Themes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img alt='create-a-child-theme-5288220' loading=\"lazy\" class=\"alignnone size-full wp-image-32608\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/create-a-child-theme-5288220.png' width=\"780\" height=\"150\"><\/p>\n<p>For the uninitiated, a child theme inherits the functionality of another theme, making it possible for you to modify its layout at will (you can learn everything you want to know in our WordPress child theme guide). They were invented for the specific purpose of allowing you to modify a theme without losing the changes when updating. Child themes reflect all the changes you make to the external or &quot;main&quot; theme. So, like applying a Photoshop layer effect, you are not actually editing the content; you can remove it at any time to get things back to the way they were.<\/p>\n<p>Creating a child theme when you want to modify your code will save you a lot of headaches and is quite easy (as WordPress modifications progress). Just access your site via FTP and create a folder, then create one <em>style.css<\/em> file that corresponds to that folder. It is standard practice to name it <em>theme-name-child<\/em>. After that, all you need is a line on your new <em>style.css&#039;<\/em>s header to determine the template. But at the same time there are some useful things to have, which can be found in the <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" title=\"WordPress Child Themes\" href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">WordPress Codex Page<\/a>.<\/p>\n<p>Then make any necessary changes to the current theme below the <em>@to import<\/em> line. The only downside to secondary themes is the amount of research you have to do on the main theme before you can modify it, without causing any freaks or weird side effects. And remember that with child themes, you just need to specify what will be different from the original theme. To apply the changes, simply ZIP, upload it through the <em>Appearances&gt; Themes<\/em> page in your WordPress dashboard and activate it through WordPress. This is assuming your main theme is loaded at the same time, of course.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mostrando-codigo\"><\/span>Showing code<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img alt='showing-added-code-2051977' loading=\"lazy\" class=\"alignnone size-full wp-image-32607\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/showing-added-code-2051977.png' width=\"759\" height=\"336\"><\/p>\n<p>There is one more type of adding code that we haven&#039;t covered: displaying it. If you are a web designer and would like to show how something is done, presented in a way that viewers can copy and paste, it is important to write it down in the right way. How WordPress will interpret your code depends on whether you use the HTML section of the Visual Post Editor. Entering it directly into the visual editor will work to neutralize it, but there is no way to put it in the proper format or in a code box. The visual editor will simply format it in the same way as normal text. Apart from this, the HTML editor will convert it to code and ruin your website. Don&#039;t worry, you can undo that.<\/p>\n<p>Despite everything, there is a compromise. You can highlight and put your code in a block using the <em><c\u00f3digo><\/em> and <em><\/code><\/em> tags, but that won&#039;t stop the code from firing. All you will do is put it in the montoype font, in a box, to show that it is officially code. To prevent it from firing, you need to change the active symbols to what is called <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" title=\"Fun Character Entities\" href=\"https:\/\/wordpress.org\/support\/article\/fun-character-entities\/\">funny character entities<\/a>. The most common versions of these, and the ones that are enough to neutralize most of the code, are changing <y> for <em>&amp; lt;<\/em> and <em>&amp; gt;<\/em>, respectively (you can learn more about displaying code in our post about writing custom code in your WordPress posts).<\/p>\n<hr>\n<p>As you can see, there are many ways to add custom code to WordPress, and I encourage you to experiment, play around with them, and see which ones are right for you. Any additional ways to add custom code that I have missed? Let me know in the comments.<\/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\\\/add-custom-code-wordpress\\\/\"\n    },\n    \"headline\": \"How to Add Custom Code to Your WordPress Site (Itu2019s Easier Than You Think!)\",\n    \"image\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\\\/\\\/www.wpexplorer.com\\\/wp-content\\\/uploads\\\/adding-custom-code-to-wordpress.jpg\",\n        \"width\": 850,\n        \"height\": 450\n    },\n    \"datePublished\": \"2014-09-09T16:17:51-06:00\",\n    \"dateModified\": \"2019-06-05T22:25:40-06:00\",\n    \"author\": {\n        \"type\": \"Person\",\n        \"name\": \"tom_ewer\"\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\": \"How to add custom PHP and CSS code to your WordPress website. Learn ways to add and display code on your WordPress blog using plugins and other resources.\"\n}<\/script><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Escribir PHP, CSS y HTML5 para modificar un sitio de WordPress puede resultar bastante frustrante, pero una buena gu\u00eda puede hacerlo m\u00e1s f\u00e1cil. Esta no es esa gu\u00eda. Se trata&#8230;<\/p>","protected":false},"author":1,"featured_media":88863,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1351],"tags":[1434,1439],"class_list":["post-88862","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wordpress","tag-chrome","tag-plugins"],"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>C\u00f3mo agregar c\u00f3digo personalizado a su sitio de WordPress (\u00a1es m\u00e1s f\u00e1cil de lo que piensa!) - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Escribir PHP, CSS y HTML5 para modificar un sitio de WordPress puede resultar bastante frustrante, pero una buena gu\u00eda puede hacerlo m\u00e1s f\u00e1cil. Esta no es\" \/>\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\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo agregar c\u00f3digo personalizado a su sitio de WordPress (\u00a1es m\u00e1s f\u00e1cil de lo que piensa!)\" \/>\n<meta property=\"og:description\" content=\"Escribir PHP, CSS y HTML5 para modificar un sitio de WordPress puede resultar bastante frustrante, pero una buena gu\u00eda puede hacerlo m\u00e1s f\u00e1cil. Esta no es\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-02T09:30:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/php-wordpress-plugins-2774435.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"297\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"C\u00f3mo agregar c\u00f3digo personalizado a su sitio de WordPress (\u00a1es m\u00e1s f\u00e1cil de lo que piensa!)\",\"datePublished\":\"2022-07-02T09:30:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/\"},\"wordCount\":1449,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/php-wordpress-plugins-2774435.png\",\"keywords\":[\"Chrome\",\"Plugins\"],\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/\",\"name\":\"C\u00f3mo agregar c\u00f3digo personalizado a su sitio de WordPress (\u00a1es m\u00e1s f\u00e1cil de lo que piensa!) - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/php-wordpress-plugins-2774435.png\",\"datePublished\":\"2022-07-02T09:30:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Escribir PHP, CSS y HTML5 para modificar un sitio de WordPress puede resultar bastante frustrante, pero una buena gu\u00eda puede hacerlo m\u00e1s f\u00e1cil. Esta no es\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/php-wordpress-plugins-2774435.png\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/php-wordpress-plugins-2774435.png\",\"width\":800,\"height\":297,\"caption\":\"php-wordpress-plugins-2774435-9836102-png\"},{\"@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":"C\u00f3mo agregar c\u00f3digo personalizado a su sitio de WordPress (\u00a1es m\u00e1s f\u00e1cil de lo que piensa!) - R Marketing Digital","description":"Writing PHP, CSS, and HTML5 to modify a WordPress site can be quite frustrating, but a good guide can make it easier. This is not","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\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/","og_locale":"en_US","og_type":"article","og_title":"C\u00f3mo agregar c\u00f3digo personalizado a su sitio de WordPress (\u00a1es m\u00e1s f\u00e1cil de lo que piensa!)","og_description":"Escribir PHP, CSS y HTML5 para modificar un sitio de WordPress puede resultar bastante frustrante, pero una buena gu\u00eda puede hacerlo m\u00e1s f\u00e1cil. Esta no es","og_url":"https:\/\/rmarketingdigital.com\/en\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/","og_site_name":"R Marketing Digital","article_published_time":"2022-07-02T09:30:47+00:00","og_image":[{"width":800,"height":297,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/php-wordpress-plugins-2774435.png","type":"image\/png"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"C\u00f3mo agregar c\u00f3digo personalizado a su sitio de WordPress (\u00a1es m\u00e1s f\u00e1cil de lo que piensa!)","datePublished":"2022-07-02T09:30:47+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/"},"wordCount":1449,"image":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/php-wordpress-plugins-2774435.png","keywords":["Chrome","Plugins"],"articleSection":["Wordpress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/","url":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/","name":"C\u00f3mo agregar c\u00f3digo personalizado a su sitio de WordPress (\u00a1es m\u00e1s f\u00e1cil de lo que piensa!) - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/php-wordpress-plugins-2774435.png","datePublished":"2022-07-02T09:30:47+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Writing PHP, CSS, and HTML5 to modify a WordPress site can be quite frustrating, but a good guide can make it easier. This is not","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/wordpress\/como-agregar-codigo-personalizado-a-su-sitio-de-wordpress-es-mas-facil-de-lo-que-piensa\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/php-wordpress-plugins-2774435.png","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/php-wordpress-plugins-2774435.png","width":800,"height":297,"caption":"php-wordpress-plugins-2774435-9836102-png"},{"@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\/88862","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=88862"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/88862\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/88863"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=88862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=88862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=88862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}