¿Cuáles son los pasos para agregar un blog a un sitio web basado en una plantilla HTML existente? Gana Dinero y Mejora Vida

Vaya al sitio que desea clonar, haga clic con el botón derecho en la página de inicio, elija Ver código fuente y copie el código fuente en un editor de texto como Notepad ++.

Cambie las rutas de imagen relativas a rutas de imagen absolutas. Por ejemplo, las URL de las imágenes a menudo se ven así: images / picture.jpg. La ruta de la imagen absoluta suele ser algo. Busque y reemplace para realizar estos cambios en toda la página. Esto es para que pueda ver correctamente el sitio en un dominio diferente (tengo un dominio de scratchpad en Thenextrex para construir mis sitios).

Tome un tema de WordPress existente que sea algo básico, como el tema predeterminado de Kubric o Upstart Blogger Minim y úselo como su modelo.

Mirando a través de su tema de WordPress, seleccione las etiquetas de plantilla de WordPress relevantes en el archivo index.php y empalmelas en el código de la página de inicio del sitio original (lo que copió en el paso 1). Aquí es donde necesita una comprensión básica de las etiquetas de plantilla de WordPress. Básicamente, ¿algo que esté rodeado por es una etiqueta de plantilla de WordPress. Las etiquetas de plantilla extraen información de la base de datos de WordPress. La etiqueta de plantilla más importante que debe reconocer es el Loop, la llamada fundamental que extrae publicaciones de su base de datos de WordPress. Otras etiquetas de plantilla extraen información del autor, fechas de publicación, comentarios y otros detalles.

Las etiquetas de plantilla a menudo están rodeadas de estilos CSS, como

. La mayoría de los estilos que querrás omitir, pero para el contenido que aún no tenga un estilo, puedes conservar las etiquetas CSS. Por ejemplo, probablemente puede tirar la etiqueta de estilo que define el contenedor de la página (porque el sitio existente que está copiando ya tiene uno), pero puede mantener las etiquetas de estilo que definen la fecha, la hora y el autor debajo de cada publicación. Asegúrese de agregar los nuevos estilos a la hoja de estilo del sitio original.

Cambie el nombre del archivo a index.php.

Instale un nuevo blog de WordPress en una subcarpeta en el sitio original, usualmente llamándolo “blog”. Si su cliente está usando Yahoo, debe pasar por un proceso de instalación especial adicional que en realidad es un poco complicado. Yahoo y WordPress es una discusión completamente separada, pero solo vean esta página del Codex.

Cargue su archivo index.php modificado en el tema del blog, sobrescribiendo el archivo index.php original del blog. En este punto, la página de inicio del blog debería ser similar al sitio original. De lo contrario, mire las etiquetas de plantilla, asegúrese de que todo el bucle esté intacto y verifique que haya ajustado los estilos correctos alrededor de las áreas correctas de contenido. Suena confuso, pero una vez que entras, las cosas se aclaran.

Corta la parte superior de la página de inicio en un archivo header.php, el lado en un archivo sidebar.php y la parte inferior en un archivo footer.php. De hecho, puede hacer un juicio arbitrario sobre exactamente dónde cortarlos.

En su archivo index.php, inserte php incluye en los archivos de encabezado, barra lateral y pie de página, según corresponda. Consulte el archivo index.php original de su blog para ver el código de inclusión de php que llama a estos componentes.

Category.php: se llama cuando un usuario hace clic en una categoría

Archive.php: se llama cuando un usuario hace clic en una fecha pasada

Single.php: se llama cuando un usuario hace clic en el título de una publicación

Tag.php: se llama cuando alguien hace clic en una etiqueta

Author.php: se llama cuando alguien hace clic en el nombre de un autor

404.php: se llama cuando alguien recibe un error

Searchresults.php: se llama cuando alguien busca en su sitio

BloggingDesarrollo webHTMLoptimización de motores de búsquedaWordPress