Comenzamos una nueva etapa en Weblogstuff, en donde brindaremos la misma información que fuimos brindando durante todo este tiempo.

Hoy les alcanzamos un tip que quizas les venga de mil maravillas a todos, en esta época de Social Media y donde lo mas importante es compartir conocimientos.

Desde el blog de un amigo de la casa Luis Carlos Parrado Sanchez @lcparrado les acercamos una manera distinta de agregar el botón de “COMPARTIR” sin usar los tipicos plugins.

Aquí como hacerlo:

Para añadir botones al final de nuestros posts que enlacen a diferentes redes sociales sin ningún tipo de plugin, hay que tocar un poco los archivos single.php, index.php y style.css de nuestro Theme de WordPress. En este caso voy a explicar como poner los botones de Facebook. Meneame, Twitter, Delicious y Goole Buzz

Lo primero es descarga de este link los iconos correspondientes a cada res social
Luego colocamos el siguiente código en el estilo css, en este caso style.css:

.socials {font-size:11px;font-weight:none;margin-bottom:10px;background-color:#ffffff;border: 1px solid #dddddd;padding:5px 5px 5px 30px;width:593px;margin-left:10px}
.socials a {margin-right:10px;color:#999999;}
.btn_twitter {background:url(images/twitter.png) left no-repeat; padding-left:18px;}
.btn_facebook {padding-left:20px;}
.btn_delicious {background:url(images/delicious.png) left no-repeat; padding-left:20px;}
.btn_meneame {background:url(images/meneame.png) left no-repeat; padding-left:20px;}
.btn_buzz {background:url(images/buzz.png) left no-repeat; padding-left:20px;}

En el archivo index y style pega el siguiente código donde quieras mostrar los botones:

<div style=”margin-top:0px;”>
<a class=”btn_twitter” href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>
<a name=”fb_share” type=”icon_link” href=”http://www.facebook.com/sharer.php”>Facebook</a><script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>
<a href=”http://www.meneame.net/submit.php?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?><?php bloginfo(’name’); ?>” title=” Enviar a Men&eacute;ame” target=”_blank”> Enviar a Men&eacute;ame </a>

Y por ultimo guardamos nuestros archivos y los subimos al servidor.

Acá dejo el código de cada botón para los que no les interesa el diseño que yo implementé.

<a href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>

Twitter:

<a href=”http://twitter.com/home?status=<?php the_title() ?><?php the_permalink(); ?> en <?php bloginfo(’name’); ?>”>Comp&aacute;rtelo en Twitter</a>

Facebook:
El codigo lo pueden hacer desde este link

Meneame:

<a href=”http://www.meneame.net/submit.php?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?><?php bloginfo(’name’); ?>” title=” Enviar a Men&eacute;ame” target=”_blank”> Enviar a Men&eacute;ame </a>

Delicious:

<a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>” title=”Guardar en del.icio.us” target=”_blank”> Guardar en del.icio.us </a>

Google Buzz:

<a href=”http://www.google.com/reader/link?url=<?php the_permalink() ?>” title=”Enviar a Buzz” target=”_blank”>Enviar a Buzz</a>

Fuente: Lcparrado blog

Uno de los programas más fáciles para crear themes para Wordpress es Artisteer, con él, en cuestión de minutos, podemos llegar a crear un theme completo y en algunos casos complejo.  Con este programa no necesitamos de ningún conocimiento, ya que configurando parametros, en forma visual, es lo único que debemos hacer, ya que del desarrollo del mismo se encarga el software en forma totalmente automática.  La única contra es que es comercial y debemos de pagar por él.

En cambio para las personas que tienen conocimientos sobre gráficos y utilizan Photoshop, pueden descargar un software, llamado Divine Project, que partiendo de un fichero PSD, fichero propietario de Photoshop, les permite crear un theme para Wordpress, en forma casi automática y digo casi automática ya que teniendo la imagen, asifnamos las partes a cada parte de la plantilla y listo, del resto se encarga Divine.

La gente de Divine Project asegura que los themes producidos con sus plugin son optimizados para SEO y cumplen perfectamente con los standards.

El plugín incluye un cliente ftp que nos permite instalar el theme directamente en nuestro server.

Excelente recurso a tener en cuenta!

Top Wordpress Themes es un sitio en el que encontrarán una compilación de themes gratuitos para Wordpress y algunos de ellos de alta calidad.

Los themes están divididos en categorías y allí es muy facil encontrar themes de 2 columnas, de 3 y hasta tienen algunos de 4 columnas.  También tienen themes listos para utilizar widgets, listos para Adsense, de ancho fijo y hasta tienen una clasificación por autor.

Cada theme tiene una imagen que nos muestra como es y además podemos trabajar con ellos, gracias a un procedimiento de preview que abre una nueva ventana con la demo del mismo.

Excelente sitio, en el que casi a diario encontrarán nuevos themes.

DoTemplate es un servicio en línea que te permite crear una plantilla para tu blog. Este servicio no es el clásico generador de plantillas al cuál le ingresamos los parámetros y a partir de ahí, genera la plantilla.  DoTemplate se basa en unas plantillas bases, las cuáles se van modificando en línea, cambiando distintos parámetros en cada una de las secciones que la componen.

Para usar DoTemplate no es necesario suscribirse y una vez que elegimos la plantilla base, podemos modificar colores, fuentes, titulos y más.  También podemos aplicar efectos como sombras, esquinas redondeadas, gradientes.

Una vez terminado, lo descargamos a nuestro sistema y listo, podemos utilizarlo en nuestro sitio.

El archivo zip que descargamos con la plantilla contiene el fichero Index.html y el folder con el fichero CSS y los gráficos que componen la plantilla.

Los resultados son sorprendentes y las plantillas bases que nos ofrece son muy buenas, por lo que la plantilla que obtenemos, si es que no hemos hecho un desastre al configurarla, será también de muy buena calidad.

En los últimos años he tomado cientos y cientos de fotos de distintos temas. Tengo un portfolio gigante con temas como turismo, animales, paisajes y otros, por lo que ya era hora de ponerme a trabajar y mosrtrarlos como cualquier fotografo muestra su trabajo.  Aunque tengo que aclararles que yo no soy profesional, solo un amateur entusiasta que tiene grabado que una fotografía significa más que 1000 palabras.

Todavía no voy a lanzar el sitio en el que estoy trabajando, ya lo haré en las próximas semanas, pero me gustaría mostrarles algunos themes gratuitos de Wordpress para crear galerías de fotos que he visto en mi búsqueda por el theme perfecto para mi proyecto.

A continuación tienen 10 themes con los enlaces para ver la demostración del mismo y para su descarga:

AUTOFOCUS

Demo – Download

CSS GALLERY THEME

Demo – Download

SHARPFOLIO

Demo | Download

NAUTILUS

Demo – Download

GOING PRO GALLERY

Demo – Download

FOTOFOLIO

Demo – Download

WP PIX

Demo | Download

MAGADINE

Demo – Download

GRAIN

Demo – Download

PHOTOGRAPHER DREAM

Demo – Download

Guerra Creativa es una comunidad que recién se lanza, en la cuál se reúnen desarrolladores web y diseñadores gráficos, con el solo hecho de mostrar sus diseños y además crear y participar en concursos en los cuáles se pueden ganar dinero y diversos premios.

Recién comienzan y se encuentran en estado Alpha, así que no se van a encontrar con muchas cosas, ni tampoco está funcionando a full.

En estos momentos tienen abierto un solo concurso, que se trata de crear el logo para ese servicio con un premio de una laptop y una tableta gráfica.

Todavía no se pueden crear concursos, pero cuando se pueda, será una fuente muy buena para las personas que necesitan crear un logo y no saben como.    En esta comunidad, podrán crear un concurso para el diseño de un logo e instituir un premio en dinero o algún gadget.

Lo bueno es que tienen una versión en español, aunque también se puede acceder en portugués e inglés.

Sin lugar a dudas una muy buena idea y esperemos que tenga éxito!

Vía: WWWhat’s New

htmlPlayground es una herramienta en línea muy útil, que ayuda a aprender HTML y CSS mediante ejemplos que podemos ir transformando en tiempo real y así, de esa manera nos permite ver como trabaja cada etiqueta, cada atributo y cada propiedad utilizados para el desarrollo de sitios webs.

También sirve para cualquier nivel de desarrolladores de sitios web, ya que es una herramienta que puede servir de referencia rápida y de la cuál podemos copiar código y además modificarlo para ver el resultado antes de implementarlo en un proyecto.

Elegimos que tipo de referencia queremos ver: Etiquetas XHTML, Atributos XHTML o Propiedades CSS.

Elegimos el item y a la derecha aparece una descripción del mismo, un ejemplo, el cuál se puede editar y cambiar para ver el resultado que produce ese cambio y como último tenemos un cuadro que nos muesta una preview de como se vería en un navegador.

El ejemplo del código viene en colores: etiquetas=verde, atributos=rojo y el texto en negro.

Excelente heramienta para aprender y también como referencia para desarrolladores.

No siempre los themes vienen como a uno le gusta.  Existen themes que no muestran el nombre del autor o quizas no muestras las etiquetas de un post o las categorías.

Todas esta piezas de información que podemos agregar o cambiar cuando se muestra un post, se lleva a cabo mediante etiquetas.

La sintaxis de las etiquetas no es dificil de aprender y además, existe muy buena documentación que nos permite aprender muy pronto que realiza cada una y como se pueden modificar.

En Wordpress tenemos un número de etiquetas básicas que nos sirven para mostrar información en los posts.

Estas etiquetas se encuentran dentro de lo que llamamos el Loop.  El loop lo que hace es crear un ciclo con la cantidad de posts que le indicamos.  Por ejemplo si le indicamos que nos muestre 6 posts, realizará el ciclo 6 veces.   Dentro de cada ciclo presentará un artículo, comenzando por el último.  Luego en el segundo ciclo lo hará con el anteúltimo y así sucesivamente hasta llegar hasta 6.  Cada vez que muestra un artículo, lo hace con la información que le indicamos de acuerdo a la etiqueta.

Normalmente el Loop comienza con las siguientes sentencias:

A continuación les nombro cada etiqueta y que información nos presenta.

1. the_title() Nos entrega el título del artpiculo.
2. the_permalink Normalmente incluye el link en el título
3. the_content() Nos muestra el contenido del artículo.
4. the_category() Nos muestra las categorías en las que incluímos el artículo.
5. the_tags() Nos muestra las etiquetas que le asignamos al artículo.
6. the_author Nos muestra el nombre del autor del artículo.
7. the_time() Nos muestra el horario en que se publicó el post.
8. the_date () Nos muestra la fecha de publicación del post.

Les aclaro que existen muchísimas más etiquetas, pero estas son las más usadas en la mayoría de los themes gratuitos.  Además son algunas de las más fáciles como para comenzar a aprender.

No es dificil, solo cuestión de animarse y probar algunas variantes, como por ejemplo agregar alguna etiqueta o modificar la presentación de la hora y el día de publicación, ya que a algunas de estas etiquetas, las que llevan el parentesis, se les puede agregar distintos parámetros, que presentan la información de distintas maneras.

Ayer les hablé de Intersquash, un servicio que hace que nuestro blog se vea bien en el Iphone, transformandolo con un script, pero hay muchísima gente que no utiliza Iphone, muchísima más que la que lo usa, entonces les voy a hablar sobre un plugín para la popular plataforma de blogs Wordpress, llamado MobilPress, que nos permite renderizar nuestro blog para cualquier  móvil.

MobilPress es un plugín de lo más facil que pueda existir, tanto para instalar, como para configurar.

Una característica muy buena de este plugín es que tiene la habilidad de mostrar determinados themes, para determinados tipos de móviles y determinados navegadores como iPhone, Opera Mini, Windows CE Mobile y otros navegadores genéricos.

Este plugín también permite a los desarrolladores de themes crear themes personalizados para los distintos navegadores y dispositivos.

La instalación y configuración, como bien les comenté anteriormente, es bien facil y a continuación les describo los pasos a seguir:

1. Descargar el plugín al directorio /wp-content/plugins/ .
2. Activar el Plugín.
3. Si utilizan algún plugín de Caché, deben de limpiar el caché ahora.

4. Si planean utilizar algún theme personalizado para los celulares o distintos títulos, deben de especificarlo en el paner de administración de MobilePress.
5. Eso es todo, ya está listo y comenzará a funcionar.

También tiene una opción que hace que un theme exclusivo para móviles se vea en cualquier navegador, aún si el navegador está  corriendo en una PC.  Esta opción se llama Force Mobile Site.

Este plugín, aunque nos dá un poco más de trabajo que el servicio que les comenté ayer, sigue siendo simple.  Muy buena opción para los usuarios de Wordpress que quieren llegar a la mayor cantidad de usuarios posibles.

Enlace: MobilePress

Free WP Themes es un sitio que nos ofrece themes gratuitos para utilizar con el famoso gestor de blogs Wordpress.

Todos los themes tienen las siguientes características:

Recorriendo la colección me encontré con algunos themes que son una verdadera obra de arte.

Este servicio es parte del famoso sitio web que ofrece CSS Templates gratuitos, llamado Free CSS Templates.

Enlace: Free WP Themes