Como crear un tema de Wordpress, sesión 2
9 02 2010Ahora que ya tenemos nuestro diseño. Empecemos con la siguiente sesión.
Este diseño es para un tema de Wordpress en esta sesión veremos únicamente el diseño del tema, el tema se llamara SimpleCH. Empezaremos haciendo nuestro diseño en html, después le pondremos un mejor aspecto con imágenes y también añadiremos nuestra plantilla de css.
Es momento de abrir nuestro editor de html y el primer archivo que crearemos es el index.html
Lo primero que debemos escribir es el DOCTYPE en nuestro caso usaremos el XHTML 1.0 estricto.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Después de esto insertamos el código de XHML indicando su namespace asociado y el metadato para definir la codificación de caracteres del documento.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>SimpleCH</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> </body> </html>
Una de las cosas me gusta de Geany es que tiene varias plantillas para el documento que deseas usar y en la plantilla de html te inserta todo el modelo del archivo xhtml y por lo tanto,no tengo que estar recordando el DOCTYPE y su namespace.
Otra cosa que debemos de agregar en nuestro archivo index.html es el enlace de nuestra hoja de estilo CSS dentro de la etiqueta <head> </head>
<head> <title>SimpleCH</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> </head>
Nuestro archivo de style.css debería tener una estructura o modelo más o menos así.
Lea el resto »
Si te gusto este post compartelo
Categorias : CSS, Diseño, Gimp, Recursos, wordpress
