Tecnología

Inicio

Cómo convertir HTML para Temas de WordPress

Cómo convertir HTML para Temas de WordPress


sitios de WordPress no son páginas HTML estáticas - que contienen código que actualiza las diferentes secciones del sitio en función de lo que está en una base de datos MySQL. Si ha creado una plantilla HTML WordPress y quiere convertirlo en un tema de WordPress en pleno funcionamiento, la forma más fácil de hacerlo es tomar un tema de WordPress "en blanco", también llamado un tema "desarrolladores", y simplemente copiar y pegar su plantilla en los diferentes archivos del tema, teniendo cuidado de conservar el código dinámico y el bucle de WordPress.

Instrucciones

1 Visita starkerstheme.com y haga clic en el botón grande "Descargar el .zip". Starkers es un tema en blanco libre, con licencia GPL que puede ser modificado para contener a su plantilla HTML. Sitios hechos usando Starkers también se pueden usar para fines comerciales.

2 Busque el archivo ZIP en su disco duro y extraerlo. Abra la carpeta y verá una carpeta con una larga lista de archivos - va a copiar secciones de su plantilla en los archivos relevantes al tema.

3 header.php abierta. Copiar la barra superior de su plantilla por debajo de la etiqueta <BODY>. Habrá un poco de código aquí ya, que llama el nombre del sitio y la etiqueta de línea del sitio. Usted puede cortar y pegar éstos en las etiquetas de cabecera para su propio sitio, o si quieres un título o una imagen estática como su cabecera, simplemente borre el código ya existente. Guarde el archivo cuando haya terminado.

4 style.css abierta. Desplazarse hasta la parte inferior y comenzar una nueva línea, a continuación, copiar y pegar todo su hoja de estilo CSS aquí. Guarda el archivo.

5 footer.css abierta. Eliminar el código anterior, pero no incluyendo, el "<? Php wp_footer ();?>" La línea, y copiar y pegar el código de pie de página de la plantilla en el espacio que acaba de realizar. Guarda el archivo.

6 Anote el nombre de la que contiene <div> que contiene área de contenido principal de su plantilla. Típicamente, esto se llama simplemente "contenido" y es llamado por el código: <div id = "contenido">. Esta <div> debe envolver el WordPress "Loop", con una etiqueta de cierre </ div> al final del bucle. El bucle se encuentra en los siguientes archivos: archive.php. index.php, page.php, search.php y single.php. Se inicia con cualquiera y termina con "<? Php if (have_posts ())?" "<? Php endif;?>". por lo tanto su apertura <div> etiqueta debe ser pegado en la línea de abajo "<? php get_header ();?>" y el cierre <div> etiqueta debe ser pegado directamente encima "<? php get_sidebar ();?>". Guardar cada archivo después de pegar las etiquetas en.

7 Comprimir la carpeta de nuevo en un archivo ZIP. En un Mac, haga clic en la carpeta y luego "Añadir al archivo". En Windows, haga clic en, haga clic en "Enviar a" y luego "carpeta comprimida." Su plantilla HTML es ahora un tema de WordPress listos para cargarse en el blog.