Cómo ver y editar archivos de temas de WordPress










  • Los temas, también conocidos como plantillas, son máscaras que utiliza para cambiar la apariencia de su sitio web de WordPress. Con un par de clics del mouse, puede cambiar de un diseño blanco simple a uno de colores y características espectaculares. Sin embargo, no todos los temas son perfectos para cada diseño o tema. Aquí es cuando entra en juego la modificación.

    Al modificar los archivos del tema, puede personalizar aún más un sitio web de WordPress. Se puede cambiar los colores de fuente, agregar ubicaciones de imágenes y mucho más mediante la edición directa.

    En el tutorial de hoy, le mostraré cómo ver y editar archivos de temas de WordPress. Es una forma sencilla de realizar cambios de forma eficaz en la funcionalidad de su sitio web.

    Encontrar un tema de WordPress o archivos de plantilla

    La parte más difícil de editar temas es que los desarrolladores no siempre los diseñan de la misma manera. A veces, un creador nombrará un archivo con un nombre diferente al que usaría otro. Para este tutorial, estoy demostrando un complemento llamado » What The File «.

    Este complemento agregará una función a su barra superior de WordPress que le permite ver el nombre del archivo que está en uso. Es una herramienta útil si no está seguro de qué tipos de archivos necesita cambiar para modificar la apariencia de su sitio.

    Desde WordPress, vaya a la sección Complementos e instale «What The File».

    que el archivo

    Una vez que active el complemento, puede visitar su sitio web. En la barra de herramientas superior de WordPress, verá una función para What The File. Haga clic en esta herramienta para mostrar los tipos de archivos que se muestran.

    Haga clic en WTF

    Haga clic en «Partes de la plantilla» para ver todos los archivos relacionados con la página que está viendo. Estas son las secciones que editará si desea realizar cambios personalizados en el código.

    Partes de la plantilla

    Es posible que desee escribir las partes de su tema para que sea más fácil editarlo más adelante. Como puede ver en la imagen de arriba, hay un total de tres partes que van a la página principal de este sitio web en particular.

    • portada.php
    • contenido.php
    • navegación.php

    Estos tres archivos se utilizan para crear la página de inicio del tema ColorMag. Sus plantillas pueden ser muy diferentes según el desarrollador.

    Pero, ¿qué tema estás usando actualmente? Esta herramienta no te dice eso, desafortunadamente. Para ver qué tema está ejecutando su sitio, vaya al área Apariencia de WordPress y observe el tema que muestra, «Activo».

    Tema activo

    Edición de los archivos del tema

    Es importante tener en cuenta que cualquier cambio que realice en un tema puede sobrescribirse si esa plantilla recibe una actualización de su desarrollador. Sin embargo, muchos propietarios de sitios web solucionan este problema utilizando temas secundarios .

    Además, recuerde siempre crear copias de seguridad de su sitio web de WordPress antes de realizar cambios manuales en la codificación. Lo último que desea hacer es romper su sitio debido a una entrada incorrecta o incorrecta. Una copia de seguridad le dará los medios para recuperarse rápidamente en caso de que algo salga mal.

    Dicho esto, echemos un vistazo a cómo puede editar los archivos de su plantilla.

    Usando el administrador de archivos de cPanel

    Una manera fácil de acceder a los archivos de WordPress es a través del Administrador de archivos de cPanel . Esta es una herramienta de edición que está integrada directamente en su plataforma de alojamiento y viene con una variedad de características. De hecho, puede crear un archivo zip de copia de seguridad completo de su sitio dentro del Administrador de archivos.

    Para abrir esta herramienta, haga clic en el enlace «Administrador de archivos» dentro de cPanel.

    Administrador de archivos

    Esto abrirá una ventana que contiene todos los directorios y archivos de su cuenta de hosting. Haga clic en la carpeta etiquetada como «public_html». Aquí es donde se encuentra su sitio web.

    HTML público

    Ahora, la mayoría de las ediciones que probablemente termines haciendo serán para el tema específico que estás usando. Haga doble clic en el directorio «wp-content».

    Contenido de WP

    Haga clic en el directorio etiquetado como «temas».

    Temas

    Haga clic en el directorio de temas de la plantilla que está utilizando. Este es el tema que encontraste anteriormente en la sección Apariencia de WordPress.

    Directorio de temas

    Para abrir el editor del Administrador de archivos, seleccione el archivo que desea editar y haga clic en «Editar».

    Editar archivo

    Aparecerá una nueva ventana que le permitirá seleccionar el método de edición que desea utilizar. En la mayoría de los casos, simplemente utilizará el codificador «utf-8» integrado directamente en cPanel. Desde esta pantalla, haga clic en el botón «editar» para acceder al archivo.

    Botón Editar archivo

    Aparecerá una nueva ventana de la codificación para ese archivo en particular. Desde aquí, puede realizar sus ajustes en el código para personalizar su sitio. Cuando haya terminado con los ajustes de su código, haga clic en el botón «Guardar cambios» en la parte superior derecha.

    Botón Guardar cambios

    Sus modificaciones se publicarán inmediatamente en el sitio web.

    Usando el editor de WordPress

    WordPress viene con un editor de código básico integrado en su marco. Esto le da acceso directo a los archivos de temas para que pueda hacer ajustes. Sin embargo, hay dos desventajas principales al usar este editor: es más difícil hacer copias de seguridad y no tienes acceso completo a todos los archivos del sitio web.

    Por diseño, el editor solo le da acceso a los archivos que pertenecen a la plantilla. Lo cual es bueno si eso es todo lo que necesita para acceder. Si necesita modificar otros archivos fuera del tema, tendrá que usar el Administrador de archivos que mencioné anteriormente o las aplicaciones FTP. Voy a explicar FTP en un momento.

    Para acceder al editor de WordPress, vaya al área Apariencia y haga clic en «Editor».

    Editor de WordPress

    De forma predeterminada, el tema que está actualmente activo en WordPress se mostrará en esta pantalla. Haga clic en el archivo que desea editar en la columna derecha del editor.

    Columna derecha

    Quizás una de las mejores formas de crear una copia de seguridad del archivo que está a punto de editar en WordPress es copiar y pegar el código original en un editor de texto. Por ejemplo, puede copiar el código del archivo que está editando directamente en el Bloc de notas si está usando una PC y guardarlo.

    Realice los ajustes de codificación que desee en la pantalla de edición principal.

    Pantalla principal del editor

    Cuando haya completado los cambios, haga clic en el botón «Actualizar archivo» en la parte inferior. Sus cambios se reflejarán en el sitio web.

    Actualizar archivo

    Uso de programas FTP

    El Protocolo de transferencia de archivos , o FTP, es una herramienta útil si desea editar archivos o crear copias de seguridad. Estos son programas que le dan acceso directo a sus archivos de alojamiento. Aunque la mayoría no viene con su propio software de edición, los programas FTP aún ofrecen una forma de profundizar en el funcionamiento del sitio.

    Uno de los programas FTP más populares que puedes usar gratis es el de FileZilla . Esta aplicación es compatible con los sistemas operativos Windows, Mac y Linux y es fácil y rápida de descargar e instalar. Incluso si elige no usarlo para editar archivos, FileZilla es muy útil si desea cargar imágenes a granel o crear una copia de seguridad completa de su sitio en una computadora.

    Para configurar FTP, deberá crear cuentas de conexión y contraseñas para acceder al servidor. Haga clic en «Cuentas FTP» en cPanel para crear conexiones al sitio web.

    Cuentas FTP

    La personalización es parte de WordPress

    Una de las principales razones por las que WordPress es una plataforma tan poderosa y popular para crear sitios web es la personalización. Ya sea que esté instalando complementos para funciones o elementos de codificación manual, el sistema es bastante flexible. Sólo asegúrese de que está haciendo las modificaciones correctas. Agregar demasiados complementos o usar prácticas de codificación incorrectas podría llevar a un sitio web comprometido.

    ¿Con qué frecuencia te encuentras activando nuevos temas? ¿Qué tipo de funciones le gustaría ver en un tema en lugar de personalizar el código?