{"id":8782,"date":"2019-07-01T23:08:43","date_gmt":"2019-07-01T23:08:43","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=8782"},"modified":"2025-01-31T10:56:18","modified_gmt":"2025-01-31T09:56:18","slug":"editar-plantillas-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/editar-plantillas-wordpress","title":{"rendered":"\u00bfC\u00f3mo editar las plantillas de WordPress?"},"content":{"rendered":"<p>Un <a href=\"\/mx\/tutoriales\/temas-wordpress-mas-rapidos\">tema de WordPress<\/a> es un conjunto de archivos que incluye im&aacute;genes, hojas de estilo y c&oacute;digo. El tema define la apariencia visual de tu sitio web y determina su funcionalidad.<\/p><p>Sin embargo, los temas no siempre incluyen todo lo que un sitio web puede necesitar. Por eso es bueno saber c&oacute;mo personalizar sus plantillas para incluir m&aacute;s funciones y mejorar la experiencia del usuario.<\/p><p>En este art&iacute;culo, explicaremos c&oacute;mo editar las plantillas de WordPress para conseguir el sitio web que necesitas. Tambi&eacute;n mencionaremos otros m&eacute;todos que puedes utilizar para personalizar tu <a href=\"\/mx\/tutoriales\/que-es-wordpress\">sitio web de WordPress<\/a> de forma segura.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-personalizar-wordpress-video\">C&oacute;mo personalizar WordPress &ndash; Video<\/h2><p>En la Academia de Hostinger hemos creado un video por si prefieres un formato audiovisual. <\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"C&oacute;mo Personalizar WordPress (2024)\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/FKp0dvhEN8o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure><p>\n\n\n\n  <div class=\"youtube-shortcode\">\n    <div class=\"row\">\n      <div class=\"col-7 col-sm-8 d-flex align-items-center\">\n        <img decoding=\"async\" class=\"channel-logo\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/youtube-channels\/hostinger-spain.jpg\" alt=\"youtube channel logo\">\n        <div class=\"d-flex flex-column justify-content-between\">\n          <span class=\"slogan d-none d-sm-block\">Suscribirse \u00a1Para m\u00e1s videos educativos!<\/span>\n          <span class=\"channel-name\">Academia de Hostinger<\/span>\n                    <\/div>\n      <\/div>\n      <div class=\"col-5 col-sm-4 d-flex align-items-center justify-content-end\">\n        <a class=\"subscribe-button\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/www.youtube.com\/channel\/UCYmKCu1yo_L0fqKe3U_oMnw?sub_confirmation=1\">\n          <img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/themes\/tutorialsthemeuplift\/public\/images\/icons\/youtube.svg\" alt=\"subscribe\">\n          <span>Suscribirse<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-que-es-el-editor-de-temas-de-wordpress\">&iquest;Qu&eacute; es el editor de temas de WordPress?<\/h2><p>El editor de temas de WordPress es un sencillo editor de texto dentro del <a href=\"\/mx\/tutoriales\/acceder-al-escritorio-wordpress\">panel de control de WordPress<\/a>. Permite a los usuarios personalizar los archivos del tema, ya sea adjuntando una barra lateral adicional, haci&eacute;ndola compatible con los dispositivos m&oacute;viles o incrustando v&iacute;deos personalizados en el header.<\/p><p>Para editar las <a href=\"\/mx\/tutoriales\/mejores-plantillas-wordpress\">plantillas de WordPress<\/a>, puedes acceder al editor desde <strong>Apariencia<\/strong> -&gt; <strong>Editor de temas<\/strong>. La parte derecha de la ventana muestra una lista de los archivos de plantilla que incluye el tema. Al hacer clic en uno de ellos, se mostrar&aacute; el c&oacute;digo en el editor de temas, donde los usuarios pueden empezar a hacer cambios.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1137\" height=\"508\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/vista-del-editor-de-plantillas-de-wordpress.png\" alt=\"interfaz de editor de plantillas de wordpress\" class=\"wp-image-8788\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/vista-del-editor-de-plantillas-de-wordpress.png 1137w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/vista-del-editor-de-plantillas-de-wordpress-150x67.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/vista-del-editor-de-plantillas-de-wordpress-300x134.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/vista-del-editor-de-plantillas-de-wordpress-768x343.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/vista-del-editor-de-plantillas-de-wordpress-1024x458.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/vista-del-editor-de-plantillas-de-wordpress-990x442.png 990w\" sizes=\"(max-width: 1137px) 100vw, 1137px\" \/><\/figure><\/div><p>Para seleccionar otros temas a modificar, ve a la esquina superior derecha de la pantalla y hacer clic en el men&uacute; desplegable.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1139\" height=\"505\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/seleccionar-plantilla.png\" alt=\"Men&uacute; desplegable para seleccionar temas en el editor de plantillas de WordPress\" class=\"wp-image-8789\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/seleccionar-plantilla.png 1139w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/seleccionar-plantilla-150x67.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/seleccionar-plantilla-300x133.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/seleccionar-plantilla-768x341.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/seleccionar-plantilla-1024x454.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/seleccionar-plantilla-990x439.png 990w\" sizes=\"(max-width: 1139px) 100vw, 1139px\" \/><\/figure><\/div><p>Seleccionar otro tema aqu&iacute; s&oacute;lo abrir&aacute; los archivos del tema pero no lo activar&aacute;. Si quieres activar uno, debes ir a <strong>Apariencia<\/strong> -&gt; <strong>Temas<\/strong>.<\/p><p>Como todos los archivos de plantillas est&aacute;n escritos en <a href=\"\/mx\/tutoriales\/que-es-php\">PHP<\/a>, <a href=\"\/mx\/tutoriales\/anadir-css-personalizado-wordpress\">CSS<\/a>, JS y <a href=\"\/mx\/tutoriales\/que-es-json\">JSON<\/a>, es crucial que te sientas c&oacute;modo editando esos archivos, ya que no hay opci&oacute;n de deshacer los cambios.<\/p><p>Una vez que hayas terminado de personalizar el tema, haz clic en el bot&oacute;n <strong>Actualizar archivo<\/strong>. Una cosa buena del editor de temas de WordPress es que evitar&aacute; que se guarden accidentalmente cambios no deseados cuando haya errores en el c&oacute;digo, permiti&eacute;ndote volver atr&aacute;s f&aacute;cilmente.<\/p><p>Sin embargo, hay que asegurarse de editar los archivos correctamente y tener cuidado al pegar fragmentos de c&oacute;digo. Pegar el c&oacute;digo de forma incorrecta podr&iacute;a dar lugar a errores de sintaxis y provocar el bloqueo de tu sitio.<\/p><p>Si eres un desarrollador y est&aacute;s trabajando para un cliente, puede que sea mejor desactivar el acceso al editor de temas. Esto evitar&aacute; errores no deseados, ya que el cliente podr&iacute;a no darse cuenta de los riesgos potenciales de editar el c&oacute;digo fuente.<\/p><p>Adem&aacute;s, deshabilitar el acceso al editor de c&oacute;digo del tema puede evitar que los hackers introduzcan c&oacute;digo malicioso en el sitio.<\/p><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Consejo profesional<\/h4>\n                    <p>Crea siempre copias de seguridad si est&aacute;s personalizando el c&oacute;digo del tema. Aprende c&oacute;mo <a href=\"\/mx\/tutoriales\/una-copia-seguridad-sitio-wordpress\">crear una copia de seguridad<\/a> de WordPress con nuestra gu&iacute;a.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-otras-formas-de-personalizar-tu-tema-de-wordpress\">Otras formas de personalizar tu tema de WordPress<\/h2><p>Adem&aacute;s de utilizar el editor de temas, hay varias otras formas de editar la apariencia de tu sitio web de WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-usar-constructores-de-paginas\">Usar constructores de p&aacute;ginas<\/h3><p>Muchos temas de WordPress son compatibles con varios constructores de p&aacute;ginas, como <a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Divi<\/a> y <a href=\"https:\/\/www.wpbeaverbuilder.com\/\" target=\"_blank\" rel=\"noopener\">Beaver Builder<\/a>. La mayor&iacute;a de los constructores ofrecen la funci&oacute;n de arrastrar y soltar, lo que permite personalizar el tema sin tener que cambiar manualmente una sola l&iacute;nea de c&oacute;digo.<\/p><p>Para personalizar tu sitio usando un constructor de p&aacute;ginas, simplemente instala uno que sea compatible con tu tema y usa las opciones proporcionadas para empezar a modificar el dise&ntilde;o de tus p&aacute;ginas.<\/p><p>Aunque los constructores de p&aacute;ginas ofrecen una gran flexibilidad a la hora de modificar el contenido de tu sitio web, tambi&eacute;n hay que tener en cuenta las desventajas.<\/p><p>Los constructores de WordPress transforman el dise&ntilde;o en shortcodes espec&iacute;ficos que dependen del plugin. Esto significa que si desactivas el plugin del constructor de p&aacute;ginas, los shortcodes dejar&aacute;n de funcionar y perder&aacute;s tu dise&ntilde;o.<\/p><p>Adem&aacute;s, los shortcodes tambi&eacute;n pueden afectar negativamente al tiempo de carga de la p&aacute;gina de tu sitio.<\/p><h3 class=\"wp-block-heading\" id=\"h-editar-los-archivos-del-tema\">Editar los archivos del tema<\/h3><p>Otra forma de editar las plantillas de WordPress es directamente desde los archivos del tema. Para ello, ve al panel de control de hPanel y haz clic en <strong>Administrador de archivos<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"425\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-hpanel.png\" alt=\"Administrador de archivos en el hPanel de Hostinger\" class=\"wp-image-14329\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-hpanel.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-hpanel-300x125.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-hpanel-150x62.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-hpanel-768x319.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-hpanel-1536x638.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\">\n<li>Busca la carpeta <strong>public_html<\/strong>.<br><img decoding=\"async\" class=\"aligncenter wp-image-14330 size-full\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-1.png\" alt=\"Carpeta public_html en el Administrador de archivos\" width=\"1589\" height=\"415\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-1.png 1589w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-1-300x78.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-1-1024x267.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-1-150x39.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-1-768x201.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-1-1536x401.png 1536w\" sizes=\"(max-width: 1589px) 100vw, 1589px\" \/><\/li>\n\n\n\n<li>Haz clic en una carpeta denominada <strong>wp_content -&gt; themes<\/strong>.<br><img decoding=\"async\" class=\"aligncenter wp-image-14331 size-full\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-2.png\" alt=\"Carpeta themes en el Administrador de archivos de Hostinger\" width=\"1590\" height=\"536\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-2.png 1590w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-2-300x101.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-2-1024x345.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-2-150x51.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-2-768x259.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-2-1536x518.png 1536w\" sizes=\"(max-width: 1590px) 100vw, 1590px\" \/><\/li>\n\n\n\n<li>Esta carpeta contiene todos los temas que has descargado en tu sitio de WordPress. Haz doble clic en el archivo del tema actualmente activo que quieras editar.<br><img decoding=\"async\" class=\"aligncenter wp-image-14332 size-full\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-3.png\" alt=\"Elegir el archivo tu tema de WordPress\" width=\"1584\" height=\"638\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-3.png 1584w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-3-300x121.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-3-1024x412.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-3-150x60.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-3-768x309.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-3-1536x619.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/li>\n\n\n\n<li>Luego, selecciona el archivo del tema que quieres personalizar y haz clic en el icono <strong>Editar<\/strong> en la barra del men&uacute;.<\/li>\n\n\n\n<li>Esto abrir&aacute; el editor de texto que se puede utilizar para personalizar el c&oacute;digo seg&uacute;n tus necesidades. Al hacer clic en el bot&oacute;n <strong>Save<\/strong>, los cambios se actualizar&aacute;n en tu sitio.<br><img decoding=\"async\" class=\"aligncenter wp-image-14333 size-full\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-4.png\" alt=\"Editar plantilla de WordPress en el Administrador de archivos\" width=\"1583\" height=\"674\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-4.png 1583w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-4-300x128.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-4-1024x436.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-4-150x64.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-4-768x327.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2019\/07\/administrador-archivos-4-1536x654.png 1536w\" sizes=\"(max-width: 1583px) 100vw, 1583px\" \/><\/li>\n<\/ol><p>La lista de archivos del tema puede variar dependiendo del tema. Sin embargo, todos los temas de WordPress incluyen estos archivos esenciales:<\/p><ul class=\"wp-block-list\">\n<li><strong>Stylesheet (style.css)<\/strong> &ndash; caracter&iacute;sticas relacionadas con el dise&ntilde;o, como fuentes, colores y dise&ntilde;os.<\/li>\n\n\n\n<li><strong>Functions.php<\/strong> &ndash; caracter&iacute;sticas y funcionalidad del tema, como <a href=\"\/mx\/tutoriales\/crear-widgets-wordpress-personalizados\">widgets<\/a> y logotipos personalizados.<\/li>\n\n\n\n<li><strong>Archivos de plantilla<\/strong> &ndash; una combinaci&oacute;n de HTML, etiquetas de plantilla y c&oacute;digo PHP que generan el contenido de tu sitio web.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-usar-plugins-de-wordpress\">Usar plugins de WordPress<\/h3><p>Si lo que le falta a tu sitio es s&oacute;lo una funci&oacute;n b&aacute;sica, bastar&aacute; con <a href=\"\/mx\/tutoriales\/plugins-en-wordpress-gratis\">instalar un plugin adicional<\/a>. Hay miles de opciones en el <a href=\"https:\/\/es.wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener\">directorio de plugins de WordPress<\/a>, que van desde plugins de comercio electr&oacute;nico y seguridad hasta de integraci&oacute;n con redes sociales y <a href=\"\/mx\/tutoriales\/que-es-seo\">optimizaci&oacute;n SEO<\/a>.<\/p><p>Para asegurarte de que est&aacute;s instalando el plugin adecuado, conviene que prestes atenci&oacute;n a cu&aacute;ndo se actualiz&oacute; por &uacute;ltima vez, cu&aacute;l es la valoraci&oacute;n de los usuarios y si es compatible con la <a href=\"\/mx\/tutoriales\/como-saber-version-de-wordpress\/\">&uacute;ltima versi&oacute;n de WordPress<\/a>.<\/p><p>Adem&aacute;s, si simplemente quieres editar el estilo y el dise&ntilde;o del tema, puedes utilizar un plugin como <a href=\"https:\/\/www.csshero.org\/\" target=\"_blank\" rel=\"noopener\">CSS Hero<\/a>. Este plugin genera una copia de la hoja de estilos y anula la original. Permite a los usuarios modificar el dise&ntilde;o y el estilo de su sitio web sin tocar los archivos originales del tema.<\/p><h3 class=\"wp-block-heading\" id=\"h-instalar-un-tema-hijo\">Instalar un tema hijo<\/h3><p>Un <a href=\"\/mx\/tutoriales\/utilizar-child-theme\">tema hijo<\/a> act&uacute;a como un subtema que hereda todas las caracter&iacute;sticas del tema padre. Anula las caracter&iacute;sticas y funciones del tema principal, permitiendo a los usuarios realizar cambios sin perder la funcionalidad principal del tema padre.<\/p><p>Tambi&eacute;n ayuda a preservar tus ediciones en caso de que el tema padre se actualice.<\/p><p>Un tema hijo tiene sus propios archivos <strong>style.css<\/strong> y <strong>functions.php<\/strong> y se almacena en un directorio separado del tema padre. All&iacute; puedes a&ntilde;adir nuevos archivos y realizar cambios en el estilo, los par&aacute;metros del dise&ntilde;o, la programaci&oacute;n y los scripts.<\/p><p>Hay varias formas de crear temas hijo en WordPress. Por ejemplo, puedes configurar una carpeta de temas hijo a trav&eacute;s del Administrador de Archivos o instalar un plugin, como <a href=\"https:\/\/es.wordpress.org\/plugins\/child-theme-generator\/\" target=\"_blank\" rel=\"noopener\">Child Theme Generator<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-consejos-adicionales-para-editar-las-plantillas-de-wordpress\">Consejos adicionales para editar las plantillas de WordPress<\/h2><p>Aunque editar el c&oacute;digo original con el editor de temas te da control total, tambi&eacute;n es posible que tu sitio se caiga y se pierdan las partes de c&oacute;digo necesarias.<\/p><p>No hay que preocuparse, ya que en la secci&oacute;n que sigue veremos algunas pr&aacute;cticas de seguridad que hay que aplicar antes de empezar a personalizar un tema de WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-crea-siempre-una-copia-de-seguridad-de-los-archivos\">Crea siempre una copia de seguridad de los archivos<\/h3><p>Crear una copia de seguridad de tu sitio de WordPress es fundamental a la hora de realizar ediciones importantes. Esto puede evitar tener que rehacer la configuraci&oacute;n y las personalizaciones desde cero si algo va mal. En su lugar, puedes simplemente descargar los archivos de la copia de seguridad y tener tu sitio de nuevo en funcionamiento.<\/p><p>A veces puede que no necesites una copia de seguridad completa. En este caso, guardar una copia del <strong>stylesheet.css<\/strong> es una buena idea. Si algo va mal, puedes borrar el archivo y subir el original para sobrescribir los cambios.<\/p><h3 class=\"wp-block-heading\" id=\"h-configura-un-servidor-de-prueba-local\">Configura un servidor de prueba local<\/h3><p>Cuando personalizas el c&oacute;digo o utilizas un tema hijo, siempre es recomendable hacerlo primero en un servidor local. Esto te permitir&aacute; previsualizar las personalizaciones que realices antes de aplicarlas a tu sitio en vivo.<\/p><p>Para ello, necesitar&aacute;s <a href=\"\/mx\/tutoriales\/como-instalar-wordpress\">instalar WordPress<\/a> localmente usando <strong>MAMP<\/strong> o <strong>WampServer<\/strong>. Esto te dar&aacute; acceso a un <a href=\"\/mx\/tutoriales\/entorno-staging-wordpress\">entorno de ensayo<\/a>.<\/p><p>All&iacute; podr&aacute;s probar las ediciones que has hecho en tu tema de WordPress y revisar el contenido de tu sitio web, como las p&aacute;ginas o las entradas. Una vez que est&eacute;s conforme con los cambios, puedes subirlos a tu sitio web en vivo.<\/p><h3 class=\"wp-block-heading\" id=\"h-utiliza-el-control-de-versiones\">Utiliza el control de versiones<\/h3><p>Con el control de versiones, los usuarios pueden rastrear y deshacer los cambios dentro de su sitio web de WordPress. Tambi&eacute;n permite restaurar las versiones anteriores y ahorra la molestia de hacer ediciones manuales.<\/p><p>El control de versiones es especialmente &uacute;til si trabajas en equipo, ya que es una excelente herramienta para el trabajo colaborativo.<\/p><p>Existen m&uacute;ltiples soluciones para el control de versiones en WordPress, desde el uso de repositorios Git, como <a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\">GitHub<\/a> y <a href=\"\/mx\/tutoriales\/que-es-gitlab\">GitLab<\/a>, hasta la instalaci&oacute;n de un plugin, como <a href=\"https:\/\/es.wordpress.org\/plugins\/wp-rollback\/\" target=\"_blank\" rel=\"noopener\">WP Rollback<\/a>, <a href=\"https:\/\/versionpress.com\/\" target=\"_blank\" rel=\"noopener\">VersionPress<\/a> y <a href=\"https:\/\/revisr.io\/\" target=\"_blank\" rel=\"noopener\">Revisr<\/a>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/mx\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/mx-tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>Al ser una plataforma CMS flexible, WordPress ofrece a sus usuarios una gran cantidad de opciones de personalizaci&oacute;n, incluyendo su editor de c&oacute;digo de temas. Este proporciona una manera f&aacute;cil de acceder al c&oacute;digo fuente del tema, permiti&eacute;ndote personalizar el dise&ntilde;o de tu sitio.<\/p><p>Sin embargo, el editor de temas de texto s&oacute;lo se recomienda si tienes los conocimientos de programaci&oacute;n adecuados, ya que puede romper tu sitio y perder las modificaciones realizadas antes de una actualizaci&oacute;n. Como alternativa, existen otros m&eacute;todos que implican menos riesgos, como instalar un plugin que responda a tus necesidades y crear un tema hijo.<\/p><p>En definitiva, sea cual sea el m&eacute;todo que elijas para editar las plantillas de WordPress, aseg&uacute;rate de tener en cuenta los consejos de seguridad mencionados en este art&iacute;culo para obtener los mejores resultados. &iexcl;Buena suerte!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un tema de WordPress es un conjunto de archivos que incluye im&aacute;genes, hojas de estilo y c&oacute;digo. El tema define la apariencia visual de tu sitio web y determina su funcionalidad. Sin embargo, los temas no siempre incluyen todo lo que un sitio web puede necesitar. Por eso es bueno saber c&oacute;mo personalizar sus plantillas [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/mx\/tutoriales\/editar-plantillas-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":85,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"\u00bfC\u00f3mo editar una plantilla en WordPress? Gu\u00eda y consejos","rank_math_description":"El editor de temas se utiliza para editar las plantillas de WordPress. Mira este art\u00edculo para aprender c\u00f3mo usarlo y personalizar tu sitio.","rank_math_focus_keyword":"editar plantillas wordpress","footnotes":""},"categories":[4747,14344],"tags":[14225],"class_list":["post-8782","post","type-post","status-publish","format-standard","hentry","category-wordpress","category-temas","tag-editar-plantillas-wordpress"],"hreflangs":[{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/editar-plantillas-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/editar-plantillas-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/editar-plantillas-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/editar-plantillas-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/8782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/comments?post=8782"}],"version-history":[{"count":19,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/8782\/revisions"}],"predecessor-version":[{"id":44357,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/8782\/revisions\/44357"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media?parent=8782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/categories?post=8782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/tags?post=8782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}