Bueno, de la mano de Anieto2k.com tenemos esta recopilación de 4 manuales para crear tu primer theme para wordpress, incluyendo el suyo propio (muy bueno).

Este es el tutorial oficial de wordpress (inglés) para diseñar templates. Nos da algunos buenos consejos y sobre todo se explica muy bien la estructura que debe tener un theme de wordpress.

Si no dispones de mucho tiempo puedes echarle un vistazo a este post de Maestros del Blog en los que nos dan algunas buenas ideas para personalizar nuestra plantilla.

Para los que tenga conexión rápida (yo no lo pude ver), pueden ver este videotutorial en Ayuda Wordpress, que según he leído parece estar muy bueno y concreto, aunque un poco largo….

Y por último, les dejo este sitio, que es el que casi siempre visito cuando busco inspiración para mis diseños, aunque por alguna extraña razón mis diseños nunca son tan buenos, será porque soy programador, dicen que no tenemos buen gusto.

Entradas relacionadas

Por eso les presento cuatro buenos recursos y sitios para desarrolladores web, sobre todo para quienes empiezan, o no saben como empezar…

Guía SEO de Microsoft

El posicionamiento en buscadores consiste en adoptar ciertas estrategias y aplicar diversas técnicas tendentes a lograr que los principales buscadores de Internet encuadren una determinada página web en una posición deseada dentro de su página de resultados, para determinados conceptos clave de búsqueda. Así empieza esta interesante guía que nos permitirá mejorar nuestros conocimientos sobre optimización y posicionamiento en buscadores.

Desarrollo web

No se por que desarrolloweb.com no tiene slogan, pero es sin duda el mejor sitio en español para diseñar y programar páginas web. Aquí podrás encontrar cientos de tutoriales, artículos, manuales, scripts y una gran comunidad de desarrolladores además de otros muchos servicios. Recomiendo a todos este sitio no solo por sus contenidos y opciones, sino porque gran parte de lo que sé sobre crear y desarrollar webs se lo debo a este excelente sitio.

Recursos para webmasters

Si vas a crear o desarrollar webs tienes mucho que leer y estudiar. En elwebmster.com presentan esta buena colección de recursos para webmasters muy bien organizados.

Foros del Web

Y para cuando acumules dudas, el mejor lugar donde puedes preguntar es en este foro, en mi opinión, el mejor para webmasters. Aquí tendrás mucho que intercambiar y opinar con otros webmasters con mucha experiencia sobre cuestones relacionadas con el desarrollo de webs.

Bueno, no pierdas más el tiempo, seguramente tienes mucho que ver
Comenta si quieres añadir algo a este post…

Entradas relacionadas

Si siempre te haz preguntado como se crean creé un pequeño tutorial sobre como crear tu propio logo 2.0 utilizando photoshop. Sin más vamos a empezar ya… el logo, una vez terminado quedará algo así:

Primero abrimos el photoshop y creamos un nuevo proyecto, para esto vamos a File/New (Archivo/Nuevo)

1- Así crearemos un nuevo proyecto llamado logo de 400 x 120 px como en la siguiente captura:

2- Ahora hacemos doble clic en la ventana nueva para maximizarla y trabajar mucho más cómodos. Seleccionamos la herramienta texto, hacemos clic en el área de trabajo donde queramos escribir y tecleamos el nombre que queremos para el logo, dándole el siguiente estilo:

Tipo de letra: Century Gothic (o cualquier otra que prefieras)
Tamaño: 40 ptos (pero se puede reducir o aumentar)
Color: #0399cc (o cualquier otro color moderno)

Igual podemos alternar este color con otros colores como este naranja (#ff751a) o este verde (#98cb00)

De modo que al aplicar estos estilos, quedaría algo así:

Ahora vamos a los efectos del texto

1- Seleccionamos la capa de texto
Para hacer la selección hay que ir a la ventana de capas. Si no aparece por defecto, pulsa F7. Una vez en la ventana de capas, con el botón Ctrl presionado haz clic en la parte izquierda de la capa de texto llamada MILOGO 2.0 como se muestra abajo.

2 – Creamos una nueva capa.

Para eso vamos a la ventana de capas y hacemos click sobre el icono que aparece en la siguiente captura.

En la nueva capa (layer 2) hacemos una selección con la herramienta , marcamos el icono Restar a la selección en la barra de opciones, y arrastramos el Mouse en el espacio de trabajo de modo que la selección pase por la mitad inferior del texto, quedando así:

3 – Ahora vamos a darle un fondo blanco a esta capa así:
a- Seleccionamos la herramienta Relleno (presiona g)
b- En la paleta de colores y buscamos el color blanco
c- hacemos clic sobre la nueva capa creada (layer 2) de manera que la parte superior del texto se vea en blanco. Hasta ahora se vería así:
d- Una vez logrado esto, presionamos Ctrl + d para quitar la selección.

e- Ahora para lograr el efecto que buscamos debemos darle algo de transparencia a la capa de la selección (layer 2). O sea a la parte blanca del texto. Para esto, seleccionamos la capa que creamos y justamente arriba, donde dice relleno (fill) cambiamos el valor que está al 100% hasta un 25%.
Quedando algo así:

Por último, le daremos el efecto de reflejo

1- Duplicamos la capa.
a- Seleccionamos la capa de texto
b- Hacemos clic derecho sobre su texto
c- Entre las opciones, seleccionamos duplicar capa (duplicate layer)
d- Verás una ventana donde pide que pongas el nombre de la nueva capa… en nuestro caso le pondremos reflejo y le damos OK.

2- La ponemos al revés, simulando un efecto de reflejo.
a- Con la nueva capa seleccionada presionamos Ctrl + t para transformar la capa. Verás como se selecciona.
3- Ahora hacemos clic derecho sobre el recuadro y seleccionamos Voltear vertical (flip Vertical). Verás como se pone al revés.
4- La movemos verticalmente, para esto debemos mantener el Shift presionado y arrastrar la imagen hacia abajo hasta que quede en una posición como la de la figura.

3- Le damos algo de transparencia con degradado
a- Seleccionamos la capa reflejo y creamos una nueva máscara como se muestra en la figura
b – Seleccionamos la herramienta Degradado haciendo clic derecho en la herramienta de Relleno
c- Si ya tenemos seleccionada la máscara que creamos podemos hacer clic y arrastrar el Mouse dentro del espacio de trabajo de arriba abajo para que vayas viendo el efecto buscado.

d- Repites el proceso hasta que te quede lo que buscas.

En fin… logramos algo como esto:

Luego exportamos en el formato que deseemos, preferiblemente png, y ya está, hemos creado nuestro propio logo 2.0. De todos modos aquí dejo el enlace para descargar el logo en PSD y algunas fonts muy buenas para estos tipos de logos.

Si tienen alguna duda dejen un comentario y lo resolvemos.

Entradas relacionadas