contenido 3 de febrero de 2014 a las 07.35
   Imprimir artículo
elWebmaster.com

Cómo crear un tema para WordPress


wordpress-wide¬ŅTienes la sensaci√≥n de que no encuentras el tema apropiado para tu blog de WordPress? Sabes que posees un buen dise√Īo para el blog, o tal vez tienes una plantilla xhtml terminada, pero no sabes c√≥mo hacer un tema de WordPress con esta plantilla. Lo que realmente sabes es que no tienes tiempo para buscar un manual de c√≥mo hacer uno.

Si deseas hacer tu propio tema de WordPress, debes tener algunos conocimientos en XHTML, CSS y PHP.

Instalación de WordPress

1. Descarga la √ļltima versi√≥n de WordPress (http://wordpress.org/download/).

2. Extrae el contenido y s√ļbelo a la carpeta ra√≠z del servidor web.

3. Crea una base de datos MySQL y escribe el nombre de la base de datos, el nombre de usuario y la contrase√Īa. phpMyAdmin (http://www.phpmyadmin.net/) es el mejor software para este tipo de operaciones.

4. Ve a la carpeta raíz del servidor web (donde subiste WordPress) y renombra el archivo wp-config-sample.php por wp-config.php.

5. Abre el nuevo archivo para editarlo (desc√°rgalo si no se puedes editarlo en el servidor).

6. Encuentra el siguente código (en la parte superior del archivo):

define (‘DB_NAME’, ‘coloca nombre de la base de datos aqu√≠’);
define (‘DB_USER’, ‘coloca tu nombre de usuario aqu√≠’);
define (‘DB_PASSWORD’, ‘coloca tu contrase√Īa aqu√≠’);

7. Reemplaza los datos de inicio de sesión con el que te registraste anteriormente.

8. Apunta tu navegador a la ubicación http://www.tudominioaqui.com/wp-admin/install.php y sigue las instrucciones.

9. Después de terminar el asistente de instalación tendrás una instalación de WordPress totalmente funcional en tu servidor web, y serás capaz de subir algunos temas personalizados.

Carga nuevo tema wireframe de prueba

1. Descarga el tema wireframe de prueba.

2. Extrae el contenido de archivos descargados y lo subes a tu carpeta web del servidor \wp-content\themes\

3. Accede a tu panel de control de WordPress (http://www.tudireccionaqui.com/wp-admin).

4. Ir a “Presentaci√≥n” y luego a “Temas” y selecciona el tema llamado “Prueba”.

Tu blog está listo (http://www.tudireccionaqui.com/) y tiene un tema simple de prueba. El archivo CSS es simple, básicamente, tiene algunas líneas y colores configuradas. De esta manera puedes ver fácilmente lo que se puede modificar.

Modificando el tema wireframe

Hay algunos archivos en la carpeta del tema. Vamos a hablar acerca de ellos.

screenshot.png

Esta es la imagen en miniatura del tema, lo verás en la página de presentación de WordPress en el panel de control. Cuando vayas a cambiar el look & feel de tu tema puedes cambiar esta imagen también.

screen.css
Este es el archivo CSS del tema (presentación visual). Además en la parte superior de este archivo puedes (y quizás deberías) especificar su nuevo nombre de tema, página de inicio, descripción, nombre del autor y página de inicio de los autores.

header.php
En este archivo se pueden cargar, archivos adicionales de CSS y JavaScript.

footer.php
Pie de p√°gina del tema (derechos de autor, fecha, autor, etc.)

sidebar.php
La barras laterales de este tema se definen aquí. Este es el lugar donde todos los widgets de tu WordPress se encontrarán.

index.php
Este es el archivo principal del tema, el cual contiene una gran cantidad de declaraciones condicionales en PHP (que no es difícil de entender porque son auto explicativas) para muchos propósitos diferentes. Este archivo generará páginas estáticas, posts, y otros archivos (si es necesario).

comments.php
Este archivo contiene el código para hacer el listado de comentarios y el formulario de los comentarios.

No tengas miedo a tratar de cambiarlo. Trata de dividir tu plantilla existente xHTML en partes (encabezado, pie de página, barra lateral, página principal) y pegar el código en este tema con cuidado. No hagas todo a la vez y te aseguro que en pocos minutos tendrás tu propio tema de WordPress. Eso sí, no te olvides de compartir con los demás.

Más sobre este tema de desarrollo se puede encontrar aquí: http://codex.wordpress.org/Theme_Development.

Fuente original del artículo: DevBox
Traducción realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (4)

  1. Cristian dice:

    Hola.
    Aqui les dejo un muy buen videotutorial para crear plantillas WordPress desde cero sin tener que programar en PHP.

    Videotutorial:
    http://creatutemadewordpress.com

    Espero les ayude.
    Saludos!

  2. kelerman dice:

    buen aporte amigo, saludos

  3. Jesus dice:

    As√≠ tal como est√° explicado parece sencillo, pero para los que no somos programadores se nos escapa un poco hacer un nuevo tema, y m√°s cuando hay tantas plantillas gratis por ah√≠.En fin, es para tener tiempo…De todas formas , buen consejo.;)

  4. Miguel Garcia dice:

    Tambien quiero colaborar, y compartir el primer articulo que he escrito, apoyandome en este, y describiendo como crear un tema de wordpress:

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder