Cómo editar el código de WordPress (HTML, CSS, PHP)

Si bien WordPress proporciona una gran flexibilidad debido a innumerables complementos y temas, es posible que no tenga la configuración específica que está buscando. El kilometraje de cada uno es diferente y es imposible que los desarrolladores proporcionen cada escenario, pero lo implementen. Afortunadamente, WordPress facilita la edición del código y realiza los cambios necesarios para su proyecto. Dicho esto, debe tener al menos algo de experiencia en trabajar con archivos HTML, CSS y PHP antes de probar cualquier ajuste. En esta publicación aprenderás a:
Editar HTML a través del tablero de WordPress
Editar código CSS a través del tablero de WordPress
Editar PHP a través del tablero de WordPress
Edite sus archivos de tema a través de FTP/SFTP
Recomendaciones generales Algunos consejos rápidos que deberían ayudarlo con las enmiendas de código.
Use un tema para niños. En términos simples, es un subterráneo al que puede hacer cambios sin cambiar el tema principal (el padre). Como resultado, puede mantener intactos los archivos de origen, implementando los cambios necesarios a través del tema infantil. Otra razón para usar un tema infantil es evitar la pérdida de personalización a una actualización que sobrescribe todos los cambios. Si su tema no tiene uno para niños, puede crearlo fácilmente siguiendo este tutorial. Crea hijos de repuesto. La preparación de niños de repuesto siempre es una buena idea cuando se trabaja con los archivos de su sitio, esto le permite cancelar los cambios en cualquier momento, simplemente recarga el archivo original. Es particularmente importante para cualquier código PHP que cambie.
Cómo editar el código HTML a través del tablero de WordPress
Bloque Editor (bloque HTML personalizado) Si tiene que agregar parte de un código HTML, la forma más rápida (y más simple) de hacerlo es usar el bloque HTML personalizado. Elija un lugar donde desee agregar el código HTML.
Haga clic en el signo + y busque bloque HTML personalizado
Después de haberlo encontrado, seleccione y simplemente agregue el código HTML al campo de texto:

El editor clásico ahora, si tiene que editar el código HTML de su contenido existente y HTML personalizado no lo reducirá, WordPress también le permite cambiar al editor de códigos.

Para hacer esto, use este acceso directo desde el teclado: Ctrl + Shift + Al + M, o cámbielo en la configuración de la página, como se muestra en la captura de pantalla:
Al cambiar, toda la página o publicación aparecerá en formato HTML.

Para volver al editor de bloques, haga clic en el botón de salida en el editor de códigos en la esquina superior derecha:

Los widgets también existe una forma útil de agregar contenido HTML a las áreas de sus widgets. Dependiendo de su tema, puede tener más de ellos. Por lo general, tendrá sus widgets en el área del sótano.

Todo lo que tiene que hacer es navegar por la personalización en la placa de WordPress y acceder a la pestaña Widgets. Allí, puede manejar sus widgets, así como agregar HTML a través del bloque HTML personalizado con el que hemos adquirido anteriormente.
Cómo editar el código CSS a través del tablero de WordPress

Cómo agregar el código CSS personalizado de WordPress le permite agregar código CSS personalizado sin cambiar ninguno de los archivos. Este método es bastante útil, porque puede realizar fácilmente los cambios necesarios sin meterse con las hojas de estilo. Sin embargo, para los cambios en el nivel de todo el sitio, le recomendamos que primero verifique la configuración del tema o trabaje directamente con los archivos del tema. Para agregar el código CSS personalizado, navegue> Personalización en el tablero de WordPress y haga clic en la pestaña CSS adicional . Luego copie o escriba su regla CSS y presione la publicación.
Una cosa importante que debe recordar sobre el CSS adicional es que el código CSS que agrega allí solo se almacena en la base de datos de WordPress, por lo que es posible que desee hacer una copia de seguridad de vez en cuando. Cómo editar CSS a través del editor de temas Cuando se trata de cambios CSS a nivel de sitio, como cambiar el esquema de color de su sitio, puede editar el archivo style.css de su tema activo. Puede encontrarlo en apariencia> Editor de temas en el tablero de WordPress.

Recuerde hacer cambios solo en la hoja de estilo de su hijo. Cómo el código PHP es editado por el tablero de WordPress antes de pasar al código PHP en WordPress, debemos advertir que cualquier cambio de archivo PHP debe hacerse. Con precaución. Cambiar la sintaxis PHP es más fácil de lo que piensa y puede destruir fácilmente su sitio web hasta que restaure el archivo original. Otra razón para no hacer cambios directos en su código PHP es que generalmente hay complementos para casi cualquier personalización que desee en su sitio web. Desde los tipos de publicaciones personalizadas hasta la adición del código de seguimiento al encabezado de su sitio web. Al considerar esto, recomendamos insistentemente el código PHP solo después de haber agotado todas las demás opciones. Editor de temas para agregar o modificar el código PHP a través del tablero de WordPress, primero, acceda al Editor de temas de aspecto>. Luego elija el tema activo y localice funciones.php (funciones temáticas).

Cómo editar el código a través de FTP/SFTP Aunque la edición HTML en WordPress a través del tablero es agradable y fácil, hay una forma alternativa de hacer el código, es decir, accediendo a los archivos del sitio a través de SFTP. Si no sabe cómo conectarse al servidor a través de FTP/SFTP, puede seguir estas instrucciones. Tenga en cuenta que necesitará software como Filezilla o Total Commander, ambos ser gratuitos. Los usuarios de EasyWP también pueden consultar este tutorial rápido.

Hay una ventaja innegable para cambiar los archivos de WordPress a través de SFTP. Es mucho más seguro. Siempre podrá cancelar los cambios recargando la versión original del archivo. Es muy recomendable mantener una copia de seguridad de sus archivos si, por ejemplo, ya no puede acceder a su sitio web después de que se hayan realizado cambios. En este escenario, solo puede cambiar el archivo editado con el original y restaurar su sitio de WordPress al estado anterior. Una vez que haya iniciado sesión en el servidor, vaya a temas de WP-Content> y abra la carpeta de tema secundaria desde la que desea cambiar los archivos. Después de mencionar anteriormente, solo debe hacer cambios en el tema infantil, porque el padre será sobrescrito en el caso de una actualización. Conclusión Esperamos que este artículo le haya demostrado ser útil y que haya tenido éxito en cambios exitosos en su sitio de WordPress. Si tiene alguna pregunta, no dude en dejar un comentario o enviarnos un ping en Twitter. ¿Le gustaría aprender más sobre WordPress? Vea nuestras últimas publicaciones sobre cómo apagar los comentarios de WordPress o nuestra guía para detectar y eliminar el malware de WordPress.