16
02
2010
Un tema es un conjunto de archivos de PHP, imágenes y CSS contenidos en una carpeta, esta carpeta esta a dentro de /wp_content/themes/ y tiene el nombre del tema. Wordpress viene con dos temas instalados classic y default.
El tema se compone de dos partes, del diseño y del contenido que genera wordpress, por lo tanto el contenido y el diseño son distintos.
Para que trabajen juntos es necesario colocar el código de wordpress, en sitios específicos dentro del diseño. Por esta razón un tema esta dividido en diferentes archivos.
Si vemos dentro del tema default ó classic veremos que hay varios archivos, estos archivos son necesarios para que un tema funciones correctamente, aunque se puede crear un tema con solo index.php y style.css, pero no es conveniente, el tema seria demasiado inestable y si quisieras instalar algún plugin no seria compatible.
Los archivos principales que componen el tema son.
index.php
footer.php
header.php
sidebar.php
single.php
comments.php
archive.php
search.php
404.php
page.php
functions.php
style.css
screenshot.jpg (es la imagen previa del tema)
/images (la carpeta que contiene todas las imágenes del diseño del tema)
Lea el resto »
Si te gusto este post compartelo
Comments : Sin Comentarios »
Categorias : CSS, wordpress
9
02
2010
Ahora 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
Comments : 3 Comentarios »
Categorias : CSS, Diseño, Gimp, Recursos, wordpress
9
02
2010
Cuando diseñas una pagina web una de las interrogantes que te debes de hacer es ¿Que tipo grafia voy a usar? Alguna idea ¿no? bueno para fortuna de muchos (como yo que no me se decidir) existen varias herramientas web que nos ayudan a escoger la tipografía a usar,
csstypeset es una herramienta web que permite crear el código CSS de un texto.
Es un sitio que te ayuda a analizar tamaños, espacios em blanco, sangrías, colores y demás detalles.
Es una herramienta web que ilustra las diferentes maneras que puede editar su estilo de tipografia.
Si te gusto este post compartelo
Comments : Sin Comentarios »
Categorias : CSS, Recursos
4
02
2010
Para que pueda entender esta serie de post acerca de como crear un tema. Usted debe estar familiarizado con WordPress. Usted debe tener conocimientos básicos en la administración de un blog en WP y por lo menos tener nociones de diseño de una pagina web.
Entender los conceptos básicos de instalación y uso de plugins también será de utilidad.
Breve introducción
WordPress es sistema de gestión de contenidos (CMS) de fuente abierta bajo la licencia de GPL, por lo tanto es libre y al mismo tiempo gratuito, enfocado especialmente a la creación de blog. Esta desarrollado en PHP y usa MySql como base de datos. Esta en orientado a la estetica, los estandares web y la usabilidad, debido a que es libre, cuenta con una enorme comunidad de desarrolladores y diseñadores que se encargan de crear los plugins y temas.
Para su descarga e instalacion puedes visitar http://es.wordpress.org/
Conocimientos necesarios
Para el diseño de un tema en WordPress hay tres tipos de código principales XHTML, CSS y PHP. Por lo tanto debemos de tener conocimientos básicos, principalmente de XHTML y CSS. Lea el resto »
Si te gusto este post compartelo
Comments : 3 Comentarios »
Categorias : CSS, Diseño, wordpress
