Conversión de sitios HTML en sitios de WordPress

Al principio (de la web) todos los sitios web se hicieron con solo texto y HTML estático. Ahora, sin embargo, más de 20 años después, la web es un lugar muy diferente. Los sitios web son mucho más complejos. Ofrecen experiencias más ricas y agradables tanto para los creadores de sitios como para los visitantes.

Esto se debe en gran parte a proyectos de código abierto como WordPress. Lo cual, en los últimos diez años, ha tenido éxito en su misión principal de democratizar la publicación en línea (y muchos más en el proceso), por lo que cualquiera tiene una instalación de WordPress y el tema / complementos correctos tiene un sitio web moderno, con un diseño y funcionalidad avanzados. No se requiere codificación, ¡ni siquiera html!
Esta es la razón por la cual los fanáticos de los usuarios de WordPress como yo, es casi difícil creer que en 2018 alguien podría continuar trabajando en un sitio web HTML estático en lugar de un sitio web de WordPress con un tema y complementos. El hecho es que todavía hay una cantidad significativa de sitios HTML activos solo allí. (O HTML con un poco de CSS). Permitido, estos propietarios del sitio pueden tener razones bien fundadas para no actualizar o conversión. ¿Quizás el contenido de su sitio nunca cambia y el mero formato y el diseño ya existente son accesibles? ¿O tal vez es menos difícil que preocuparse por actualizar un sitio de WordPress? Ambas son razones válidas (entre otras). Ejemplos principales de “No arregle lo que no está roto”.
Sin embargo, tengo la sensación de que esta puede no ser la razón principal por la cual algunos (tal vez muchos) no han dado el salto. Lo más obvio es que simplemente no sé cómo convertir HTML en un sitio de WordPress. Especialmente sin perder contenido o necesitar hacer un formato excesivo basado en la página. Afortunadamente, como sucede a menudo con WordPress, hay varias formas de resolver este problema. Compilé algunas opciones a continuación. Suscríbase a nuestro canal de YouTube. código. Deberá ser el único para decidir cuál es mejor para usted, pero con los resúmenes a continuación debe poder decidir rápidamente y pasar directamente a la información más relevante en esta publicación para su situación específica.
Hay tres opciones principales: 1. Cree manualmente un tema de WordPress basado en su sitio HTML actual. Esto le pedirá que ingrese su código. Deberá acceder al director actual del sitio a través de FTP y usar el código existente como punto de partida. A partir de ahí, deberá crear los archivos necesarios para un tema de WordPress y copiar el código de codex de WordPress. Esto es bastante simple y directo si tiene una experiencia con HTML, CSS y un poco de PHP. 2. Instale un tema prefabricado y simplemente migre el contenido. Esta es probablemente la mejor opción en la intersección entre simplicidad y valor. Suponiendo que ya tenga alojamiento para su sitio actual, solo tendrá que gastar dinero si elige comprar un tema premium. El complemento que utilizaremos para la importación de contenido está disponible de forma gratuita en el almacén oficial de complementos de WordPress. Pague para tener un servicio de conversión HTML en WordPress, recree su sitio. Esta es la solución más fácil porque no le pide que haga mucho. Sin embargo, no hará mucho para familiarizarse con WordPress, y el costo variará dependiendo de a quién elija contratar. No cubriré esta opción en las secciones a continuación, porque si esta es la ruta que le interesa, simplemente puede buscar proveedores de servicios rápidamente y se ocuparán del resto. Preparación para la conversión HTML a WordPress, independientemente de la ruta que decida tomar a continuación, hay algunas cosas que querrá hacer antes de hundirse.
El primero es la elección de un plan de alojamiento. ¿Desea analizar las opciones disponibles y decidir un paquete que mejor se adapte a sus necesidades o que desee crear una instalación local de WordPress? Siempre puede migrarlo a un servicio de alojamiento más adelante. Una vez que haya elegido, deberá instalar WordPress e iniciar sesión en WP Admin. Este es el punto donde nuestras dos formas posibles se dividen. Conversión manual de su sitio HTML estático Si su objetivo no es solo contener su contenido en su sitio estático HTML, sino también duplicar su diseño actual, esto significa que deberá crear su propio tema personalizado. Afortunadamente, esto no es tan aterrador como podría parecer al principio. Esto solo implica crear algunos archivos y archivos, un poco de copia y vinculación y luego cargar el resultado. Vea que necesitaba un editor de código como Sublime o NotPad ++ y acceso tanto al Director del Sitio HTML como al nuevo Director. . De la instalación de WordPress. Paso 1: cree una nueva carpeta temática y archivos necesarios en el escritorio, cree una nueva carpeta para mantener los archivos temáticos. NÚLETARIO de todos modos. Todavía no haces nada. Déjelos abiertos para una mayor edición.
Style.css
Index.php
Encabezado.php
Barra lateral.php
Pie de página.php
Paso 2: Copie el CSS existente en una nueva hoja de estilo si desea copiar un diseño, esto probablemente significa que tiene al menos el CSS que desea guardar. Entonces, el primer archivo que desea editar es el archivo style.css.
Para empezar, agregue lo siguiente a la parte superior del archivo. /*Nombre del tema: Reemplace con el nombre de su ME.
Tema Uuri: Tu eres tú
Descripción: una breve descripción.
Versión: 1.0
Autor: Tú
Autor: la dirección de su sitio web.
*/
Después de esta sección, simplemente pegue el CSS existente a continuación. Guarde y cierre el archivo. Paso 3: Separe el código HTML actual antes de pasar al paso tres, permítame darle una nota rápida sobre cómo funciona WordPress. WordPress usa PHP para llamar y tomar fragmentos de datos desde su base de datos. Cada archivo que usamos en este pequeño tutorial está diseñado para decir WordPress qué parte del contenido de su sitio debe mostrarse y dónde.
Entonces, cuando digo que “cortaremos” su código HTML existente, lo que hacemos es cortar y pegar las partes de su código existente en los diferentes archivos que acabamos de crear, para que WordPress sepa dónde mostrarlos.
Empezamos. Primero, abra el archivo index.html del sitio actual. Destaca todo, desde la parte superior del archivo hasta la etiqueta de apertura de clase = “principal”. Copie y pegue esta sección al archivo de encabezado.php, guarde y cierre. Segundo, regrese al archivo index.html. Resalte el elemento a un lado class = “barra lateral” y todo lo que está dentro de él. Copie y pegue esta sección en su archivo SideBar.php, guarde y cierre.
En tercer lugar, en el índice.html seleccione todo después de la barra lateral y cópielo y péguelo al archivo Footer.php, guarde y cierre. Finalmente, en el archivo index.html, seleccione todo lo que quede (esta debería ser la sección de contenido principal) y péguelo en el archivo index.php. Ahorre pero no cierres todavía. Sin embargo, puede cerrar el archivo index.html ahora y pasar a los pasos finales. ¡Casi listo! Paso 4: Complete su archivo index.php para completar el archivo index.php del nuevo tema, debe asegurarse de que pueda llamar a la otra sección (aparte del contenido principal) que se encuentran en los otros archivos que ha creado. O, en otras palabras, coloque los elementos que simplemente “corte”. En la parte superior del archivo index.php, coloque la siguiente línea PHP.
Luego, justo en la parte inferior del archivo index.php, coloque estas líneas PHP.

Y finalmente, debemos agregar lo que se llama el bucle. Este es el bit PHP principal que WordPress usa para mostrar el contenido de publicación de sus visitantes. Entonces, el último paso para crear el archivo index.php del nuevo tema es agregar el código a continuación a la sección de contenido.

<div id = "post- ” >

<a href="?> “rel =” bookmark “title =” enlace permanente a “>