Una de las preguntas más comunes que escuchamos de los usuarios de WordPress es: “Quiero personalizar mi tema, pero no sé qué archivo editar.”
Y honestamente, esa confusión tiene todo el sentido. Editar el archivo incorrecto puede dañar tu sitio o hacer que tus cambios desaparezcan la próxima vez que se actualice tu tema.
Además, no ayuda que la mayoría de los temas contengan docenas de archivos con nombres misteriosos. Esto puede resultar abrumador cuando solo intentas cambiar una cosa.
A lo largo de los años, hemos trabajado en todo tipo de proyectos de WordPress y hemos tenido que rastrear los archivos de plantilla correctos más veces de las que podemos contar. Esa es exactamente la razón por la que hemos preparado esta guía.
Te guiaremos a través de los pasos exactos que usamos para averiguar qué archivo de plantilla editar, cómo funciona la jerarquía de plantillas de WordPress y cómo hacer cambios que realmente perduren. 🎨
Entendiendo los archivos de plantilla de temas de WordPress
Los temas de WordPress constan de varios archivos. Estos incluyen archivos de plantilla, etiquetas y funciones de plantilla personalizadas, partes de plantilla, imágenes, JavaScript y archivos CSS.
Todos los mejores temas de WordPress siguen las mejores prácticas oficiales. Esto significa que organizan todo el código utilizando la estructura estándar de archivos y plantillas.
Por ejemplo, todos los temas de WordPress tienen archive.php, single.php, functions.php y otros archivos.
Cada archivo se utiliza como plantilla para mostrar un área particular de tu sitio web de WordPress.
Por ejemplo, la plantilla single.php muestra las publicaciones individuales. Mientras tanto, la plantilla page.php muestra una página individual.
Comprender la jerarquía de plantillas de WordPress te da una mejor comprensión de cómo funciona WordPress. Si alguna vez necesitas agregar o editar código en tu tema de WordPress, esto también te ayudará a determinar qué archivos necesitas editar.
Para más detalles, consulta nuestra hoja de referencia para la jerarquía de plantillas de WordPress.
Con esto en mente, te mostraremos cómo encontrar fácilmente qué archivos editar en un tema de WordPress. Esto es lo que cubriremos:
- Encontrar archivos de plantilla para editar en un tema de WordPress
- Consejo adicional: Agregar código personalizado de encabezado y pie de página en WordPress
- Preguntas frecuentes: Qué archivos editar en tu tema de WordPress
- Recursos adicionales: Más consejos y trucos para temas de WordPress
¡Vamos a empezar!
Encontrar archivos de plantilla para editar en un tema de WordPress
Lo primero que necesitas hacer es instalar y activar el plugin What The File. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
El plugin funciona directamente, y no hay configuraciones que debas ajustar.
🚨 Importante: Ten en cuenta que este plugin está un poco desactualizado y no ha sido probado con las últimas actualizaciones de WordPress. Sin embargo, lo hemos probado recientemente en nuestros sitios de prueba y descubrimos que todavía funciona bien.
Si tienes dudas, te recomendamos consultar nuestra guía para ver si es seguro usar plugins desactualizados para más información.
Al activarse, deberás visitar el front-end de tu sitio web y notarás un nuevo menú ‘What The File’ en la barra de administración de WordPress.
Ahora, solo necesitas pasar el mouse sobre el elemento del menú. Esto mostrará un menú desplegable que lista los archivos de plantilla utilizados para mostrar esta página.
Al hacer clic en el nombre del archivo, serás dirigido al editor de archivos predeterminado de WordPress, donde podrás editar ese archivo en particular.
Sin embargo, no recomendamos usar el editor de archivos de WordPress para editar archivos de temas porque carece de una opción de deshacer. Si cometes un error y te bloqueas el acceso a tu sitio web, necesitarás usar un cliente FTP para solucionarlo.
En su lugar, sugerimos usar un cliente FTP o la aplicación File Manager en el panel de control de tu hosting de WordPress.
Con estas herramientas, puedes editar archivos de tema usando cualquier editor de texto plano, como el Bloc de notas.
No se recomienda hacer cambios directos a tu tema de WordPress. Estos cambios se borrarán cuando actualices tu tema.
Hacer cambios directos a tu tema de WordPress también es una mala idea. Esto se debe a que esos cambios desaparecerán cuando actualices tu tema.
Si solo necesitas agregar algo de CSS, puedes hacerlo como CSS personalizado en WordPress.
Para cambios más extensos en los archivos de tu tema, deberías crear un tema hijo. El plugin 'What The File' puede ayudarte a localizar los archivos de tema que necesitas copiar y editar en tu tema hijo.
☝ Nota: El elemento de menú agregado por el plugin en la barra de administración será visible para todos los usuarios conectados y enlazará a un sitio externo. Solo debes usar este plugin en un entorno de desarrollo, como un sitio de staging.
Consejo adicional: Agregar código personalizado de encabezado y pie de página en WordPress
A veces, no necesitas editar los archivos de tu tema para agregar funcionalidad a tu sitio web de WordPress.
Por ejemplo, es posible que solo quieras agregar código personalizado al área de encabezado o pie de página de tu sitio para insertar scripts de seguimiento o códigos de verificación.
En tales casos, puedes usar plugins para agregar fragmentos de código sin editar los archivos del tema, como WPCode.
Usamos WPCode para administrar fragmentos de código en varios de nuestros sitios web, y nos encanta. Si tienes curiosidad sobre nuestras experiencias, consulta nuestra reseña detallada de WPCode.
WPCode tiene una interfaz sencilla para pegar tu código. De esta manera, los archivos de tu tema permanecen intactos y tus cambios se mantienen seguros durante las actualizaciones.
Por ejemplo, aquí agregamos un código de seguimiento personalizado en el encabezado de nuestro sitio de demostración:
Usar plugins como este ahorra tiempo y reduce errores. Es una forma más segura de agregar nuevas funciones a tu sitio web. Para más detalles, puedes ver nuestra guía sobre cómo agregar código de encabezado y pie de página en WordPress.
Preguntas frecuentes: Qué archivos editar en tu tema de WordPress
¿Todavía no estás seguro por dónde empezar o cómo evitar errores comunes? Estas preguntas frecuentes pueden ayudarte a tomar decisiones más inteligentes y seguras al personalizar tu tema de WordPress.
¿Por qué no debería editar los archivos de mi tema principal de WordPress?
Editar los archivos de tu tema principal directamente es arriesgado porque cualquier cambio que realices se sobrescribirá la próxima vez que se actualice el tema. Las actualizaciones de WordPress generalmente reemplazan toda la carpeta del tema, lo que significa que tus personalizaciones podrían desaparecer sin previo aviso.
¿Qué es un tema hijo y por qué es importante?
Un tema hijo es un tema separado que hereda la funcionalidad y el estilo de un tema padre. Es la forma más segura de personalizar tu sitio porque mantiene tus ediciones separadas de los archivos del tema original. De esta manera, puedes actualizar el tema padre de forma segura sin perder tus cambios.
¿Puedo previsualizar los cambios antes de publicarlos?
Absolutamente. Usar un sitio de staging es una de las mejores maneras de previsualizar cambios sin afectar tu sitio en vivo. También puedes usar el Personalizador de Temas o el Editor de Sitio Completo (si tu tema lo soporta) para probar ajustes de diseño sencillos en tiempo real antes de publicarlos.
¿Necesito habilidades de codificación para editar los archivos del tema de WordPress?
Si deseas editar directamente archivos del tema como header.php, functions.php o single.php, entonces sí, es importante tener un conocimiento básico de HTML, CSS y PHP para evitar que tu sitio se rompa.
Sin embargo, para personalizaciones sencillas como cambiar colores, fuentes o diseños, muchos temas ofrecen opciones de personalización integradas en el Personalizador de Temas o el Editor de Sitio Completo. También puedes usar constructores de páginas como SeedProd y Elementor para realizar cambios visuales sin tocar el código.
¿Existen herramientas que me ayuden a encontrar qué archivo del tema debo editar?
¡Sí! Herramientas como el plugin What The File te pueden decir exactamente qué archivo de plantilla se está utilizando en cualquier página. También puedes consultar la jerarquía de plantillas de WordPress para entender cómo se cargan los diferentes archivos del tema dependiendo del tipo de contenido que se esté mostrando.
¿Cómo agrego CSS personalizado de forma segura a mi sitio de WordPress?
Una de las formas más sencillas de agregar CSS personalizado es a través del Personalizador de Temas en Apariencia » Personalizar » CSS Adicional.
Alternativamente, puedes usar un plugin de fragmentos de código como WPCode o la hoja de estilos de un tema hijo. Estos métodos aseguran que tus estilos no se pierdan durante las actualizaciones del tema.
Recursos adicionales: Más consejos y trucos para temas de WordPress
Esperamos que este artículo te haya ayudado a encontrar qué archivos editar en tu tema de WordPress. A continuación, también te pueden interesar nuestras guías sobre:
- Cómo usar el personalizador de temas de WordPress como un profesional
- Una guía completa para principiantes sobre la edición de sitios completos en WordPress
- Cómo mostrar información de plugins y temas en WordPress
- Cómo agregar un efecto parallax a cualquier tema de WordPress
- Cómo Agregar un Efecto de Desplazamiento Suave Hacia Arriba en WordPress Usando jQuery
- ¿Qué es un framework de tema de WordPress?
- Hoja de trucos para el desarrollo de temas de WordPress
- Clases CSS generadas por WordPress para estilizar tus temas
- Temas de WordPress gratuitos vs. Premium (Pros y contras para propietarios de sitios)
- Los mejores temas sencillos de WordPress que deberías probar
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Dennis Muthomi
Aprecio particularmente su énfasis en usar temas hijos para cambios extensos.
Este es un consejo crucial que muchos principiantes pasan por alto.
En mi experiencia, crear un tema hijo me ha ahorrado incontables horas de frustración al actualizar temas.
kzain
¿Hay alguna forma de previsualizar los cambios realizados en los archivos del tema antes de publicarlos en el sitio? Esto sería muy útil para evitar interrupciones no deseadas. ¡Gracias por proporcionar consejos tan claros y prácticos!
Comentarios de WPBeginner
Una opción sería usar un sitio de staging o un servidor local para probar el tema antes de que los cambios se publiquen.
Moinuddin Waheed
Esta es una tarea un poco orientada a desarrolladores, pero sí, a veces nos encontramos con la pregunta de editar el archivo y entramos en el dilema de cuál editar para lograr los cambios deseados.
Solía pensar que siempre era el archivo functions.php el que debía cambiarse, pero no, el cambio debe hacerse donde se desee.
Exploraré el plugin para ver dónde necesitaremos hacer la edición y los cambios.
Gracias por esta guía tutorial. Es realmente útil para comprender mejor estos conceptos.
Soporte de WPBeginner
You’re welcome
Administrador
Jiří Vaněk
Gracias por el consejo. A veces, necesito hacer un cambio en un sitio web y uno no sabe inmediatamente qué archivo editar. Este plugin puede ser un gran ayudante para averiguar qué archivo de plantilla se está utilizando actualmente.
Soporte de WPBeginner
Glad we could share this plugin
Administrador
Riyaz
Instalar este plugin me facilitó la vida. Sin embargo, algunos de los temas simplemente dejan algo como esto:
$has_sidebar = is_active_sidebar( ‘single-blog’ );
do_action( ‘mytheme_page_header’ );
y hasta algunas funciones que no encuentro en ninguna parte:
mytheme_get_listings_image(‘mytheme-list’)
¿ Hay alguna forma de encontrar estas cosas ?
Soporte de WPBeginner
Necesitarías revisar los archivos manualmente, normalmente esos se encontrarían en el archivo functions.php
Administrador
mark Swift
Hola,
buen artículo,
pero ¿qué pasa si los archivos no están disponibles en el tema hijo que tengo que editar??
Cos
Si copias archivos de plantilla (.php) a tu tema hijo (para poder editarlos y no perder tus cambios cuando se actualice el tema), ¿qué sucede si el archivo que copiaste y editaste es actualizado por el desarrollador del tema? ¿Entonces pierdes el beneficio de su actualización?
Susan Sheridan
¿Qué tal este mismo tipo de herramienta para averiguar qué hojas de estilo se están aplicando?
Bond Shands
Esperaba usar estas instrucciones para cambiar la línea de Dirección Postal de la Oficina de Correos en la parte inferior de mi blog. Sin embargo, instalar y activar el plugin What The File no produjo resultados discernibles. Nada nuevo apareció en mi barra de menú. Además, para ser honesto, tus instrucciones me dejaron en la oscuridad sobre cómo vería el plugin cuando viera la página del blog que quería ver. (Además, ya soy suscriptor a través de una dirección de correo electrónico alternativa).
Soporte de WPBeginner
Hola Bond Shands,
Cada sitio de WordPress utiliza un par de plantillas que se cargan en cada página. Por ejemplo, las plantillas de encabezado y pie de página. Para cambiar tu dirección postal, necesitarás editar el archivo footer.php. Sin embargo, asegúrate de hacer una copia de seguridad de tu tema de WordPress antes de realizar cualquier cambio directo.
Gracias
Administrador