{"id":1794,"date":"2024-12-17T10:47:10","date_gmt":"2024-12-17T09:47:10","guid":{"rendered":"https:\/\/wpmastertoolkit.com\/module\/code-snippets\/"},"modified":"2025-01-01T12:03:22","modified_gmt":"2025-01-01T11:03:22","slug":"code-snippets","status":"publish","type":"module","link":"https:\/\/wpmastertoolkit.com\/es\/module\/fragmentos-de-codigo\/","title":{"rendered":"Fragmentos de c\u00f3digo"},"content":{"rendered":"<h1 class=\"wp-block-heading\">Todo lo que necesitas saber sobre el m\u00f3dulo \"Fragmentos de c\u00f3digo\" de WPMasterToolKit<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Introducci\u00f3n<\/h2>\n\n\n\n<p>El m\u00f3dulo Fragmentos de c\u00f3digo de <strong>WPMasterToolKit<\/strong> est\u00e1 dise\u00f1ado para simplificar el proceso de a\u00f1adir peque\u00f1as piezas de c\u00f3digo personalizado a su sitio WordPress. Tanto si desea incluir c\u00f3digo PHP ejecutado globalmente como crear shortcodes reutilizables, este m\u00f3dulo sustituye la necesidad de plugins adicionales dedicados a esta tarea. Con una interfaz f\u00e1cil de usar y opciones de validaci\u00f3n integradas, este m\u00f3dulo se centra en la seguridad y el rendimiento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfA qu\u00e9 plugin puede sustituir el m\u00f3dulo \"Fragmentos de c\u00f3digo\"?<\/h2>\n\n\n\n<p>El m\u00f3dulo Code Snippets puede sustituir a plugins populares como <strong>Fragmentos de c\u00f3digo<\/strong>, <strong>WPCode<\/strong>o cualquier otro plugin que te permita a\u00f1adir scripts PHP o shortcodes a tu sitio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Caracter\u00edsticas principales<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Dos tipos de fragmentos<\/h3>\n\n\n\n<p>El m\u00f3dulo ofrece dos tipos de fragmentos, en funci\u00f3n de sus necesidades:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Incluir archivo<\/strong> El c\u00f3digo PHP se incluye directamente en el sitio, ejecut\u00e1ndose antes que los hooks de WordPress. Este tipo es ideal para a\u00f1adir acciones personalizadas o filtros a trav\u00e9s de <code data-no-auto-translation=\"\">add_action()<\/code> o <code data-no-auto-translation=\"\">add_filter()<\/code>.<\/li>\n\n\n\n<li><strong>C\u00f3digo corto<\/strong> El c\u00f3digo est\u00e1 asociado a un shortcode que puede ser utilizado en tus p\u00e1ginas o art\u00edculos. Este tipo es ideal para mostrar contenido de forma din\u00e1mica donde quieras.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Editor de c\u00f3digo optimizado<\/h3>\n\n\n\n<p>El m\u00f3dulo ofrece un editor de c\u00f3digo compatible con <strong>CodeMirror<\/strong>que ofrece prestaciones como :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sintaxis PHP coloreada<\/li>\n\n\n\n<li>Autocompletar<\/li>\n\n\n\n<li>Comentarios r\u00e1pidos (<code data-no-auto-translation=\"\">Ctrl-\/<\/code>)<\/li>\n\n\n\n<li>B\u00fasqueda avanzada (<code data-no-auto-translation=\"\">Alt-F<\/code>)<\/li>\n\n\n\n<li>Indicadores de error gracias a un validador integrado<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img alt=\"Interfaz de edici\u00f3n de fragmentos de WordPress con c\u00f3digo PHP.\" fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"408\" src=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-30-1024x408.png\" class=\"wp-image-2910\" srcset=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-30-1024x408.png 1024w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-30-300x120.png 300w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-30-768x306.png 768w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-30-1536x612.png 1536w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-30.png 1825w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Validaci\u00f3n autom\u00e1tica de fragmentos<\/h3>\n\n\n\n<p>Para evitar errores fatales, el m\u00f3dulo incluye un validador de c\u00f3digo PHP. Antes de publicar o activar un fragmento, se analiza su c\u00f3digo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Se detectan errores de sintaxis.<\/li>\n\n\n\n<li>Si hay un error, se muestra con detalles (l\u00ednea afectada y descripci\u00f3n).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img alt=\"Error de sintaxis en el c\u00f3digo PHP.\" decoding=\"async\" width=\"638\" height=\"358\" src=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-31.png\" class=\"wp-image-2911\" srcset=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-31.png 638w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-31-300x168.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">4. Gesti\u00f3n de fragmentos en la interfaz de WordPress<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Los fragmentos se gestionan mediante un <strong>Tipo de entrada personalizado<\/strong> titulado \"Fragmentos de c\u00f3digo\".<figure class=\"wp-block-image size-full\"><img alt=\"Interfaz de fragmentos de WordPress\" decoding=\"async\" width=\"158\" height=\"134\" src=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-32.png\" class=\"wp-image-2912\"><\/figure><\/li>\n\n\n\n<li>Una lista clara muestra todos tus snippets, con columnas espec\u00edficas para su descripci\u00f3n, tipo y estado (activo o inactivo).<figure class=\"wp-block-image size-large\"><img alt=\"Captura de pantalla de la interfaz de gesti\u00f3n de fragmentos de WordPress.\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-33-1024x464.png\" class=\"wp-image-2913\" srcset=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-33-1024x464.png 1024w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-33-300x136.png 300w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-33-768x348.png 768w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-33.png 1256w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li>\n\n\n\n<li>Los fragmentos activos se generan autom\u00e1ticamente en forma de archivos PHP, lo que garantiza su ejecuci\u00f3n eficaz.<figure class=\"wp-block-image size-large\"><img alt=\"Extracto de c\u00f3digo PHP que muestra la fecha actual.\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"762\" src=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-34-1024x762.png\" class=\"wp-image-2914\" srcset=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-34-1024x762.png 1024w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-34-300x223.png 300w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-34-768x572.png 768w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-34.png 1252w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. Modo seguro<\/h3>\n\n\n\n<p>En caso de problema, active el modo seguro a\u00f1adiendo la siguiente constante a su archivo <strong>wp-config.php<\/strong> :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\" data-no-auto-translation=\"\">define('WPMASTERTOOLKIT_SNIPPETS_SAFE_MODE', true);\n<\/code><\/pre>\n\n\n\n<p>Esto desactivar\u00e1 temporalmente todos los fragmentos para permitir una soluci\u00f3n de problemas segura.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo se utiliza el m\u00f3dulo \"Fragmentos de c\u00f3digo\"?<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Crear un nuevo fragmento<\/strong> :\n<ul class=\"wp-block-list\">\n<li>Vaya a \"Fragmentos de c\u00f3digo\" en el panel de control de WordPress.<\/li>\n\n\n\n<li>Haga clic en \"A\u00f1adir nuevo\" e introduzca un t\u00edtulo descriptivo para el fragmento.<\/li>\n\n\n\n<li>Inserte su c\u00f3digo PHP en el editor.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Elija el tipo de fragmento<\/strong> :\n<ul class=\"wp-block-list\">\n<li>Seleccione <strong>Incluir archivo<\/strong> para ejecutar c\u00f3digo directamente.<\/li>\n\n\n\n<li>Seleccione <strong>C\u00f3digo corto<\/strong> para generar un shortcode que se puede utilizar en sus p\u00e1ginas, por ejemplo : <code data-no-auto-translation=\"\">[wpmtk_code_snippets id=\"123\"]<\/code><figure class=\"wp-block-image size-full\"><img alt=\"imagen\" loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"254\" src=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-35.png\" class=\"wp-image-2915\"><\/figure><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Activar o desactivar un fragmento<\/strong> :\n<ul class=\"wp-block-list\">\n<li>Utilice la opci\u00f3n \"Estado\" para activar o desactivar un fragmento sin tener que borrarlo.<figure class=\"wp-block-image size-full\"><img alt=\"Par\u00e1metros del plugin con el bot\u00f3n activado\" loading=\"lazy\" decoding=\"async\" width=\"292\" height=\"241\" src=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-36.png\" class=\"wp-image-2916\"><\/figure><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Validar y guardar<\/strong> :\n<ul class=\"wp-block-list\">\n<li>Antes de publicar, el validador analizar\u00e1 autom\u00e1ticamente el c\u00f3digo para detectar posibles errores.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Regenerar todos los fragmentos activos<\/strong> :\n<ul class=\"wp-block-list\">\n<li>Si es necesario, utilice el bot\u00f3n \"Regenerar archivos de fragmentos\" para regenerar todos los archivos de fragmentos activos.<figure class=\"wp-block-image size-large\"><img alt=\"Interfaz de WordPress para gestionar extractos de c\u00f3digo.\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-37-1024x457.png\" class=\"wp-image-2918\" srcset=\"https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-37-1024x457.png 1024w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-37-300x134.png 300w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-37-768x343.png 768w, https:\/\/wpmastertoolkit.com\/wp-content\/uploads\/2024\/12\/image-37.png 1250w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Nuestras opciones t\u00e9cnicas<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Generaci\u00f3n de archivos PHP<\/h3>\n\n\n\n<p>Los fragmentos activos se convierten en archivos PHP almacenados en un directorio espec\u00edfico (<code data-no-auto-translation=\"\">wp-content\/wpmastertoolkit\/code-snippets<\/code>). Esto ofrece dos ventajas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Rendimiento<\/strong> : Los fragmentos se incluyen a trav\u00e9s de <code data-no-auto-translation=\"\">require_once<\/code>reduciendo la carga de la base de datos.<\/li>\n\n\n\n<li><strong>Seguridad<\/strong> Los fragmentos inactivos o no v\u00e1lidos no se cargan.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Validaci\u00f3n estricta<\/h3>\n\n\n\n<p>Gracias a la <code data-no-auto-translation=\"\">WPMastertoolkit_PHP_Code_Validator<\/code>Analizamos el c\u00f3digo antes de ejecutarlo. Esto reduce considerablemente el riesgo de errores que podr\u00edan romper el sitio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compatibilidad con las mejores pr\u00e1cticas de WordPress<\/h3>\n\n\n\n<p>El m\u00f3dulo est\u00e1 dise\u00f1ado para integrarse perfectamente en el ecosistema de WordPress:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Utiliza la API REST y acciones\/filtros est\u00e1ndar.<\/li>\n\n\n\n<li>Funciones como la gesti\u00f3n personalizada de columnas y los tipos de mensajes enriquecen la experiencia del usuario.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3digos cortos prevalidados<\/h3>\n\n\n\n<p>Para evitar comportamientos imprevistos, los shortcodes generados s\u00f3lo se activan si el snippet correspondiente est\u00e1 correctamente validado y publicado.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>El m\u00f3dulo Code Snippets de WPMasterToolKit es una herramienta esencial para cualquier administrador de WordPress que desee a\u00f1adir c\u00f3digo personalizado de forma segura y sencilla. Sustituyendo varios plugins especializados por este \u00fanico m\u00f3dulo, podr\u00e1 centralizar la gesti\u00f3n de sus fragmentos de c\u00f3digo al tiempo que mejora el rendimiento de su sitio. Pru\u00e9belo hoy mismo para sacar el m\u00e1ximo partido a sus proyectos de WordPress.<\/p>","protected":false},"excerpt":{"rendered":"<p>Simplifique el proceso de a\u00f1adir c\u00f3digo personalizado a su sitio WordPress con el m\u00f3dulo Code Snippets de WPMasterToolKit. Este m\u00f3dulo todo en uno le permite crear, gestionar y validar de forma segura fragmentos de c\u00f3digo PHP o shortcodes sin necesidad de plugins adicionales. Con un editor integrado, un modo seguro y una gesti\u00f3n de archivos optimizada, \u00a1mejore el rendimiento y la flexibilidad de su sitio en un abrir y cerrar de ojos!<\/p>","protected":false},"featured_media":0,"parent":0,"template":"","meta":{"_acf_changed":true,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Optimisez WordPress avec Code Snippets sans plugins !","_seopress_titles_desc":"Simplifiez l'ajout de code sur WordPress avec \u00ab Code Snippets \u00bb. Gagnez en s\u00e9curit\u00e9 et performance tout en rempla\u00e7ant les plugins d\u00e9di\u00e9s.","_seopress_robots_index":"","_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true},"class_list":["post-1794","module","type-module","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpmastertoolkit.com\/es\/wp-json\/wp\/v2\/module\/1794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmastertoolkit.com\/es\/wp-json\/wp\/v2\/module"}],"about":[{"href":"https:\/\/wpmastertoolkit.com\/es\/wp-json\/wp\/v2\/types\/module"}],"wp:attachment":[{"href":"https:\/\/wpmastertoolkit.com\/es\/wp-json\/wp\/v2\/media?parent=1794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}