-
Un tutorial para Conversión de CSS para Wordpress
-
sitios de WordPress son "dinámica" en la que el código HTML que compone la estructura y el estilo del sitio se lleva a cabo en varios archivos PHP, y el contenido del blog se inserta en la plantilla a partir de una base de datos MySQL. Esto significa que si usted tiene un sitio web CSS que desea convertir a un tema de WordPress, usted debe segmentar sus archivos HTML en los archivos PHP separados que utiliza WordPress. Esto se logra fácilmente mediante la modificación de un "desarrollador" tema de WordPress, que contiene todas las funciones de WordPress, pero sin labrar.Instrucciones
1 Ir a starkerstheme.com y descargar el archivo ZIP para el tema. Este tema contiene todas las funciones y códigos necesarios para llamar al contenido del blog de la base de datos MySQL, pero por lo demás vacío de CSS y HTML.
2 Extrae el archivo ZIP descargado en el disco duro de su ordenador. Los archivos se extrae en una carpeta llamada "en blanco". Abrir esta carpeta.
3 Encuentra "header.php" en la carpeta "en blanco" y abrirlo en un editor de texto. Abra el archivo HTML para su sitio en una ventana separada, y copiar el código que define el área de encabezado superior de su sitio. Este se encuentra directamente debajo de la etiqueta <BODY>. Pegar el código en "header.php", de nuevo por debajo de la etiqueta <BODY>, borrar cualquier código ya existe. Guarde y cierre el archivo.
4 Abra el archivo "style.css". Copiar y pegar el archivo CSS aquí, a la derecha en la parte inferior del archivo. Guarde y cierre el archivo cuando haya terminado.
5 Abrir los archivos "archive.php", "page.php", "index.php", "single.php," y "search.php". Llamar al divisor que contiene la sección de contenido principal de su sitio CSS antes del bucle de WordPress. Esto se logra con el código siguiente:
<Div id = "nombre-de-divisor">
Poner el nombre real de su contenido divisor en las citas. El bucle de WordPress se inicia con el siguiente código:
<? Php if (have_posts ())
Llame a su divisor de contenido directamente encima de esta línea. Cierre el divisor después del final del bucle de WordPress, colocando </ div> directamente debajo de esta línea de código:
<? Php endif; ?>
Completar este proceso para todos los archivos que tenga abiertos, guardar y cerrar cada una de ellas a medida que avanza.
6 Copiar todas las imágenes para su sitio a la carpeta "Imágenes" dentro de la carpeta "en blanco".
7 Volver a la carpeta "en blanco" y subir un nivel por lo que se ve el icono de la carpeta. Girar la carpeta de nuevo en un archivo ZIP por ella y seleccionando "Añadir a archivar" en el Mac o "Enviar a" y luego "carpeta comprimida" en ordenadores Windows con el botón derecho. Su sitio CSS es ahora compatible con WordPress.
