Cómo editar HTML en WordPress: la solución sin estrés
Hay muchas razones por las que WordPress es popular; es fácil de usar y viene con una amplia variedad de complementos, como wpDataTables, que ofrecen una funcionalidad avanzada con una configuración muy simple. Sin embargo, hay algunas situaciones en las que necesita saber cómo editar HTML en WordPress.
Sin embargo, de vez en cuando, debe acceder al código fuente de su sitio web. Por ejemplo, cuando su sitio es atacado por un malware, puede colapsar todo su sitio web y no hay otra forma de arreglar las cosas, excepto jugar un poco con el código.
Por otro lado, puede haber situaciones en las que simplemente desee realizar algunos cambios personalizados avanzados y necesite saber cómo editar HTML en WordPress.
Sepa lo que desea cambiar
Antes de comenzar a editar código HTML para un sitio web, debe saber qué es exactamente lo que desea cambiar. Decida qué resultados desea, sepa cómo personalizar un tema de WordPress, cómo cargar el archivo HTML en WordPress, cómo comentar CSS, etc.
Tal vez solo quiera experimentar para aprender más o tal vez simplemente quiera cambiar algún texto o editar el diseño de un sitio. Sin embargo, no importa cuál sea su objetivo aquí, sepa exactamente qué es lo que quiere hacer antes de comenzar a editar el código.
Además, no olvides preguntarte si esto realmente vale la pena. Si no tiene ganas de dedicar mucho de su valioso tiempo a editar HTML, considere contratar a un profesional para que haga el trabajo pesado por usted.
Reúna sus herramientas
La buena noticia es que no hay muchas herramientas que necesite para poder editar HTML WordPress. Puede encontrarlos todos a continuación y, para mejorar aún más, son gratuitos.
- Un cliente FTP como Filezilla o WinSCP para obtener acceso directo a sus archivos en su servidor web; para descargarlos y subirlos fácilmente.
- Un editor para realizar cambios en el archivo descargado, como Notepad ++, que es gratuito y tiene un resaltador de sintaxis para los lenguajes de programación más comunes.
Haz tus copias de seguridad
Antes de comenzar a entrometerse con su código fuente HTML, asegúrese de saber dónde están sus copias de seguridad y cómo restaurarlas inmediatamente si es necesario. Puede crear los archivos de copia de seguridad a través del cPanel del proveedor de alojamiento si no le gusta hacer sus propias copias de seguridad.
Cambiar una publicación o página normal de WordPress
Si desea cambiar el código fuente HTML en una página normal de WordPress, todo lo que tiene que hacer es usar el editor HTML de WordPress. Cambiar un código de WordPress de esta manera es bastante fácil. Simplemente edite la página y notará que hacer clic en la pestaña Texto le mostrará el código HTML detrás de lo que aparece en esta pestaña Visual.
Edición de HTML en WordPress
Para explicar cómo editar HTML en WordPress, primero debemos saber cómo acceder a él.
Deberá acceder al código fuente del sitio web antes de acceder al editor HTML de WordPress.
Pero, ¿cómo editas HTML de WordPress en tu página de inicio?
Si no sabe cómo editar la página de inicio de WordPress, no se preocupe. Por lo general, puede hacer esto en Apariencia > Widgets, donde simplemente puede ajustar el contenido en las áreas de widgets individuales.
Sin embargo, en algunos casos, notará que la página de inicio actúa como una página individual y no podrá editarla en el área de Widgets. Si eso sucede, puede encontrar el contenido de la página de inicio en Páginas o puede hacer clic en la opción Editar página en la barra de administración superior de la página de inicio.
Si esas dos opciones no funcionan para usted, existe la posibilidad de que esté utilizando un creador de páginas o un tema con un editor de página de inicio incorporado. Si ese es el caso, puede editar el código HTML de formas específicas descritas en la documentación provista con el generador de páginas o el tema en cuestión.
Cómo editar temas de WordPress
Ahora, vamos a explicar cómo personalizar el tema de WP. Simplemente vaya a Apariencia → Editor en su panel de WordPress y busque el tema en cuestión.
No se confunda si solo ve uno o dos archivos; normalmente style.css y functions.php. No hay nada inusual en eso, no te preocupes.
Desafortunadamente, cambiar un archivo de plantilla no es algo que pueda hacer desde el editor del tablero. Deberá copiar el archivo a su tema secundario mediante una aplicación FTP.
Por ejemplo, si desea editar un archivo HTML en el tema Twenty Eighteen, digamos el pie de página, primero deberá copiar el archivo footer.php en nuestro tema secundario mediante una aplicación FTP.
Simplemente cópielo en su computadora y luego cópielo nuevamente en la carpeta del tema. Una vez hecho esto, vaya a Apariencia → Editor en su panel de control de WordPress, seleccione su tema secundario y el nombre del archivo footer.php en la barra lateral derecha.
Actualice su código y luego haga clic en el botón azul grande Actualizar archivo debajo del editor.
En algunos casos, no verá el botón Actualizar archivo de inmediato. Si ese es el caso, probablemente tenga que cambiar los permisos en el archivo usando su aplicación FTP. Simplemente, haga clic derecho en el nombre del archivo en la aplicación FTP y elija la opción de cambio de permisos.
Prueba
Ahora que sabe cómo editar WordPress, puede probar los cambios que realizó en su navegador recargando el sitio web (Presione F5 ). Si todo funciona sin problemas, hizo un gran trabajo al editar sus códigos HTML.
Si las cosas no son exactamente como esperabas que fueran, no te preocupes. Siempre puede deshacer los cambios o simplemente reinstalar su copia de seguridad e intentarlo de nuevo.
Pensamientos finales sobre cómo editar HTML en WordPress
Aprender a codificar HTML no es fácil, pero aprender a editar HTML en WordPress no es tan malo, ¿verdad?
En este tutorial, repasamos algunos de los cambios más básicos que son un excelente comienzo si recién está aprendiendo a usar HTML. Saber cómo codificar su propio sitio web puede ser muy útil, pero no tiene que ser un experto en codificación para hacer algunos cambios simples por su cuenta.
Tenga en cuenta que si las cosas no salen según lo planeado, siempre puede deshacer los cambios o reinstalar la copia de seguridad.
Si disfrutó leyendo este artículo sobre cómo editar HTML en WordPress, debe consultar este sobre cómo restablecer WordPress.
También escribimos sobre algunos temas relacionados, como incrustar videos en WordPress, cómo cambiar la URL de WordPress, cómo agregar JavaScript a WordPress, cómo duplicar una página en WordPress, cómo editar los roles de usuario de WordPress y cómo agregar una imagen destacada de WordPress. .