Ok… rapidito y funcional…
Necesitas conocer a fondo HTML, CSS y PHP.
Primero tienes que crear una carpeta para tu theme y ponerlo en la carpeta wp-content/themes/.
Después creas un archivo llamado style.css y un archivo llamado index.php.
style.css
En el archivo style.css copias el siguiente código:
/*
Theme Name: 512Megas
Theme URI: http://www.512megas.com/theme/
Description: Theme para el proyecto 512Megas.com
Version: 3.0
Author: Jesus Sanchez
Author URI: http://jesus.512megas.com
*/
Ese código ayudará a WordPress a identificar tu theme, no olvides cambiar los datos que están ahí con los datos de tu theme (ubicación del theme, descripción, versión, autor y url del autor, respectivamente).
Después de eso escribirás todo el CSS que quieras.
Los archivos
WordPress funciona más o menos como en esta imagen lo muestro:
Ok, el archivo index.php se carga de llamar al archivo header.php, luego procesa el loop (o muestra el/los post/posts), después llama al archivo sidebar.php y por último al footer.php
Ahora crea un archivo html (ponle cualquier nombre, es solo para tomarlo como base), ahí escribirás el código de cualquier blog, como se te venga a la mente. Te propongo el siguiente ejemplo: ejemplo de blog en html.
Fíjate en los comentarios, está comentado y puedes dividir de esa forma tu theme. Pon mucha atención en la lógica de WordPress y la semántica de tu theme, en especial, en los archivos header.php y footer.php, porque ellos abren y cierran contenedores generales.
Cortas cada parte de tu archivo de muestra y lo pegas en su archivo correspondiente (header.php, sidebar.php, footer.php).
El archivo single.php será como el index.php, solo que single.php solo se usará cuando alguien lee un post. De hecho, puedes usar el index.php siempre, pero mejor lo dividimos, porque si no lo haces, el código no será entendible.
(more…)
Compartir!
