Crear un theme para WordPress I

31 / octubre / 2006

Ajustes a la CSS II

Bueno ya tenemos más elementos que agregar a nuestra CSS como la navegación y el calendario, así es que manos a la obra.

Ya que tenemos abierto nuestro archivo style.css vamos a la línea 142 y añadimos a parte que corresponde a nuestra fecha de cada post:

CSS:
  1. /*---DATE FORMAT--*/
  2. .published {
  3.     display:block;
  4.     text-align: center;
  5.     float:right;
  6.     background-color:#FFF;
  7.     width:46px;
  8.     border:1px solid #EEE;
  9.     color:#666;
  10.     }
  11.  
  12. .pub-month{
  13.     padding:3px 0px;
  14.     }
  15.    
  16. .pub-month {
  17.     display:block;
  18.     font-size: .9em;
  19.     margin:0;
  20.     background-color:#DCE9F6;
  21.     color:#000;
  22.     }
  23.    
  24. .pub-date {
  25.     display:block;
  26.     font-size:1.4em;
  27.     font-weight:bold;
  28.     }

 

Ahora seguimos con la navegación justo debajo de lo que pusimos para la fecha ponemos esta parte:

CSS:
  1. /*--NAVIGATION --*/
  2. .navigation {
  3.     display: block;
  4.     text-align: center;
  5.     margin-top: 10px;
  6.     margin-bottom: 60px;
  7.     }
  8.    
  9. .alignright {
  10.     float: right;
  11.     }
  12.  
  13. .alignleft {
  14.     float: left
  15.     }

 

Bueno por ahora es todo, en estos días les traigo la siguiente parte para continuar con la creación de un theme básico para wordpress.

Descargar Archivo

Incluye los siguientes archivos:

  • style.css
  • header.php
  • index.php

Páginas: 1 2 3 4 5 6 7

+

16 comentarios para Crear un theme para WordPress I

  1. eres fantastico bro!!

    gran utilidad la de este tuto!!

  2. HostMx Alon 31 oct 2006

    ahorita no tengo mucho tiempo, pero yo era de los principales interesados en este tuto, gracias ifx luego lo checho :D

  3. muy bueno el tutorial amigo!!!

  4. REALMENTE EXELENTE!

  5. yo nose si soy yo el idiota pero porque no aprende a escribir el que hizo esta entrada??
    es imposible leerlo..
    Chau

  6. No se por que pero no puedo descargarme los archivos.. me dice que la pagina no existe =(

  7. He visto que han cambiado la estructura de los permalink por eso no funcionan los enlaces ;)

    http://infectedfx.net/layout-xhtml-css-i/2006/

    pon el año despues del nombre del post y funcionan ;)

  8. Muy bueno excelente introducción ahora me podre a practicar….gracias men…..

  9. kingworld 03 ene 2010

    hola mira quiero aserte una consulta con respecto al index.php, nesesito saver en el siguiente codigo:

    como deveria ponerlo, para que enves de que salga las fraces “entradas anteriores” y “sigientes entradas”, salga los nuemeros de las paginas, es desir una navegacion igual a la de gratisjuegos.org, como veras hay solo sale el numero de paginas, espero tu respuesta :)

  10. ¡Muchas gracias! :)

  11. Tiene serios problemas de redacción este articulo. Aunque de cualquier forma es muy educativo; gracias.

  12. Serena 20 ene 2011

    Muchas gracias!

  13. Los enlaces a las partes anteriores estan caidos, podria solucionarlo?? Mil gracias!!

  14. Augusto Busso 07 feb 2011

    Los archivos no funcionan.

  15. No funcionan los enlaces de:
    - Layout XTML & CSS I
    - Layout XHTML & CSS II

  16. ARREGLEN LAS ENTRADAS ¬¬

ShowTracksTrackbacks/Pings

  1. [...] El theme está basado en el theme BlueCrunch de Zen Photo Themes, y en la serie de manuales de Crear un Theme para WordPress de InfectedFX, nunca pensé que era tan sencillo crearlo. [...]

  2. [...] serie de Tutoriales creados por InfectedFx que consta de 4 partes: I, II, III, [...]

  3. [...] un theme para WordPress, pero el realizado por InfectedFX es el mejorcito; y se divide en 4 partes: Parte I, Parte II, Parte III yParte IV. En sus partes hablan de bastantes cosas muy interesantes que muchos [...]

  4. Blog and Web dice: 4

    Recursos para diseñar un tema para WordPress…

    Diseñar un tema para WordPress no demanda conocer css y html solamente, sino tener una noción sobre el funcionamiento de los temas, la estructura de archivos, los scripts globales, script externos, etc. Pero para ayudarnos en esta tarea ya existen un…

  5. [...] Crear un theme para wordpress – Infectedfx [...]

  6. [...] diseñar plantillas para este sistema, me encontre con unos excelentes tutoriales en la web de Infected-FX. Y de todo este embole genero lo que ustedes ahora estan [...]

Agrega tu opinión Invitado, tu puedes registrarte o ingresar a tu cuenta .

No será publicado

Get your own Gravatar
Sign up for free