Crear un theme para WordPress III

30 / noviembre / 2006

Ajustes a la CSS

De nuevo definimos nuevos elementos a nuestro archivo que habrá que definir también en nuestra CSS, así es que si cerraron style.css lo abrimos de nuevo y por la línea 166 ponemos lo siguiente:

CSS:
  1. /*---COMMENT FORM--*/
  2. #commentform{
  3.     background-color:#F7F7F7;
  4.     color:#333333;
  5.     border:1px solid #CCC;
  6.     padding:10px;
  7. }
  8.  
  9. #commentform label{
  10.     display:block;
  11. }
  12.  
  13. #commentform label small{
  14.     font-size:10px;
  15.     font-weight:bold;
  16. }
  17.  
  18. #commentform small{
  19.     font-weight:bold;
  20.     font-size:22px;
  21.     color:#FF0000;
  22. }
  23.  
  24. #commentform #author,
  25. #commentform #email,
  26. #commentform #url,
  27. #commentform #comment{
  28.     width:95%;
  29.     padding:4px;
  30.     color:#666;
  31.     background-color:#FFF;
  32.     border:1px solid #CCC;
  33. }
  34.  
  35. #commentform #comment{
  36.     font-family:Arial, Helvetica, sans-serif;
  37.     font-size:12px;
  38. }
  39.  
  40. .allowed_tags{
  41.     background-color:#114264;
  42.     color:#FFF;
  43.     padding:5px;
  44. }
  45.  
  46. #submit{
  47.     background-color:#ff6ebf;
  48.     color:#FFF;
  49.     border:4px solid #c75695;
  50.     padding:10px 0px;
  51.     width:100%;
  52. }

 

Páginas: 1 2 3 4 5 6 7 8 9

+

10 comentarios para Crear un theme para WordPress III

  1. Muy buen tutorial! Esta todo muy bien explicado. Queria hacer mi propio theme para WP desde hace tiempo pero todos los tutoriales que encontraba no terminaban de quedarme claros, pero este me esta ayudando muchisimo. Muchas gracias.

    Saludos

  2. Hola.

    Como siempre muy buena la explicacion. Ya lo tengo impreso para leerlo con calma. Por cierto, visitando el sitio stylecrunch vi un sistema de votos (ese con estrellas). Cuando nos ayudaras creando un tuto para esa tecnica?.

    Saludos.

  3. el maestro de WP!!!
    si señor bro me sigues sorprendiendo ^^!
    mil gracias :) :):)

  4. v4s1l1: muchas gracias, hace tiempo había puesto unos enlaces a tutoriales de como crear un theme para WP, pero me pareció bien crear un recurso más y al parecer está funcionando, comentarios como el tuyo que me hacen saber que se entiende son muy buenas referencias.

    Ed: También gracias por tu comentario y hacerme saber que está bien explicado, sobre el sistema de estrellas es un plugin llamado WP-PostRatings muy útil.

    Edén: Brother, un abrazo como siempre que gusto leerte… espero no dejar de hacerlo.

  5. Como va? uso el theme innofire y queria saber como hacer para cambiar la forma de los comentarios que trae por defecto a una en la que pueda comentar cualquiera sin registracion/loggeo y que le pida el nombre, mail, sitio y el comentario por supuesto.

    Y tal vez es mucho pedir pero se puede hacer que el espacio del comentario use el jquery de bbcode???

    Por ultimo queria preguntar si me puedo comunicar con vos, es que recien empiezo y tengo muchas dudas :p

  6. @fede777 Eso lo cambias en tu administrador, en la pestaña de Options » General en la pantalla verás la opción de “Users must be registered and logged in to comment” desactiva la casilla y listo.

    No entiendo el porqué usar jQuery en el bbCode si estamos usando el mismo que utiliza WordPress creo que la comptaibilidad es mucho mayor que si hacemos un relajo con jQuery, a menos que ya exista uno. xP Pero me quedo con el normal para no hacer mezclas de librerías.

  7. Muchas gracias por responder. Ya la pude sacar el loggeo, y puse un plugin wysiwyg para el campo de comentarios.

    Tambien agregue el plugin de share-it/compartelo pero al activarlo me queda la barra de search siempre abierta y no se como hacer para que funcione como antes.

  8. Promisaff 12 oct 2007

    view

  9. Excellente tuto en verdad me esta ayudando mucho, estoy realizando mi primer theme para wordpress, por que no me quize quedar con las ganas de tener uno diseñado por mi.

  10. oye amigo me gusto mucho tu theme :D y muy bueno el post

ShowTracksTrackbacks/Pings

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

  2. [...] 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 no conocen del mundo [...]

  3. Blog and Web dice: 3

    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…

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

No será publicado

Get your own Gravatar
Sign up for free