Cómo convertir una página HTML estática en una página de WordPress

Si está convirtiendo un sitio HTML estático en un sitio de WordPress y desea convertir las páginas en páginas de WordPress, puede hacerlo. Sin embargo, las nuevas páginas de WordPress deberían crearse manualmente una por una. Si solo hay contenido de texto en las páginas, es bastante fácil. Pero, ¿qué pasa si tienes imágenes mezcladas dentro del contenido? Esto puede resultar complicado. Esta guía de WordPress le mostrará cómo copiar una página HTML existente y convertirla en una página de WordPress.

Dependiendo de la versión de WordPress que tenga al crear una nueva página o publicación, tendrá una pestaña de Código en la parte superior izquierda en versiones anteriores o una pestaña HTML en la parte superior derecha de la pantalla de escritura de publicación / página.

Crear una página de WordPress de solo texto a partir de una página existente es bastante fácil, simplemente copie el texto y péguelo en el editor de código o HTML cuando cree una nueva página de WordPress. Es muy importante pegar el texto que copió en el editor de código o HTML. A continuación, puede cambiar al editor visual y formatear la nueva página utilizando las herramientas disponibles en el editor visual.

Si tiene imágenes mezcladas dentro de una página HTML existente y desea mantener el formato, puede copiar el HTML de la página existente y pegarlo también en el editor de código / HTML. No me gusta esta solución porque es posible que el código HTML de la página existente no se muestre correctamente en la página de WordPress, pero puede probarlo. La parte difícil de esto para un novato en HTML es saber qué código copiar. No quiere todo, solo se necesita el área de contenido. ¡No pegue todo el código de una página existente!

Primero, copie el código de una página existente. Esto se puede hacer de varias formas; al ver la página con su navegador, haga clic en Ver en la barra de herramientas del navegador y seleccione Fuente o fuente de la página. O consígalo desde el panel de control de su cuenta de hosting. Ahora, si sabe dónde comienza y dónde se detiene el área de contenido, cópielo y péguelo en el editor de código / HTML en WordPress. Si no tiene idea de dónde comienza y termina el código, necesitará un editor HTML para encontrarlo.

Utilizo Frontpage para un editor de HTML simplemente porque vino con la versión de Office que tengo, si no tiene un editor de HTML, le sugiero que descargue uno gratuito llamado NVU. Copie el código fuente de la página existente y péguelo en el editor de código o fuente en su editor HTML. Asegúrese de que no haya nada más en el editor HTML antes de pegar su código.

Después de pegar su código, cambie a la pestaña normal (no a la vista previa) y busque el inicio del área que desea copiar. Coloque el mouse justo delante del contenido para copiar y escribir una serie de X.

A continuación, desplácese hacia abajo hasta el final del área que desea y resalte el final del área que desea haciendo clic con el botón izquierdo y manteniendo presionado mientras arrastra el mouse. Luego cambie a la vista HTML y el final del área que desea debe estar resaltado.

Coloque el mouse detrás de la última etiqueta de cierre de la sección que desea, haga clic con el botón izquierdo, mantenga presionado y arrastre hacia arriba resaltando todo el código hasta el área donde debería ver todas las x que ingresó anteriormente.

Ahora simplemente pegue el código que acaba de copiar en el editor de código / HTML cuando cree su nueva página de WordPress. Vuelva al editor visual en WordPress para ver cómo se ve y si necesita agregarle algún formato. Es muy importante obtener todas las etiquetas de cierre al copiar el código. Si deja una etiqueta abierta, puede estropear el resto de su blog.

Te mostré el método para colocar una marca en el código para copiar usando X’s. Si está familiarizado con el código HTML, entonces, por supuesto, no se moleste. Sugiero esto para aquellos que son nuevos o se sienten intimidados por jugar con el código HTML.

[elementor-template id=»33″]