Si nuestro blog es unipersonal, es probable que no nos interese el siguiente tutorial. Pero si tenemos un en blog multipersonal, ya sea con una cantidad determinada de colaboradores  o abierto todo aquel que quiera colaborar (como éste), puede ser una buena idea mostrar de forma dinámica los datos del autor de la entrada actualizados al día.

Seguramente existe más de un plugin para realizar esto o algo por el estilo, pero como soy un fanático del hágalo usted mismo les voy a mostrar cómo hacerlo por código utilizando las mismas funciones de Wordpress.

Cabe aclarar que más allá del código php y html, seguramente cada uno necesitará adaptar un poco los estilos css a su theme. De todas formas sobre utilizar el theme por defecto de wordpress 2.9.2. La idea por supuesto es que tengan alguna idea de html, php y css, pero sino copiar y pegar el código final también vale. Comencemos entonces con el código:

Creemos primero el div que va a contener todo:

Vamos a comenzar mostrando el gravatar del autor. Para eso vamos a utilizar la función "get_avatar()" que recibe el id del usuario y el ancho en pixeles del avatar, y retorna el código html listo para insertar. A su vez para obtener el id del autor usaremos la función "get_the_author_meta()" que nos servirá para obtener casi cualquier información acerca del mismo, recibe como parámetro el dato a recuperar. Una vez obtenido el código lo imprimimos:

Ahora lo segundo seria agregar un título con un enlace al sitio web del autor, para eso utilizaremos la función "the_author_link()" que imprime el nombre publico del autor como link a su sitio.

Si pensamos en el SEO y preferimos que el enlace sea nofollow (o sea que los bots como el de Google no lo considere). Podriamos hacer lo siguiente:

Como verán usamos la función "the_author()" que imprime el nombre publico del author y la función "the_author_meta()" para obtener el link de su web.

Ahora utilicemos nuevamente la función "the_author_meta()" pero para obtener su descripción:

Si por cuestiones de diseño quisiéramos recortarla a no mas de una x cantidad de caracteres podemos usar la función "substr()" de php. Recibe la cadena a recortar, el punto de inicio y la cantidad de caracteres. Para recuperar la descripción usamos "get_the_author_meta()", como ya habrán deducido, cuando lo usamos con get_ adelante recuperamos el valor y cuando lo usamos sin el, directamente lo imprimimos. Por ejemplo si quisiéramos recortar la descripción a 140 caracteres:

Ahora la idea va a ser mostrar la cantidad de post del autor (una pavada que hacemos con la función "the_author_posts()") pero que a su vez funcione como un link a la pagina con los post del author. Esta página en un blog con permalinks "bonitos" tendría la siguiente forma tu-dominio.com/author/el-autor/. Pero como dependiendo de la configuración, esto puede cambiar, vamos a obtener primero el link a la página con los posts del autor.

Para nuestra tarea vamos a hacer uso de la función "get_author_posts_url()" que recibe el id del autor y devuelve el link que mostramos. Para obtener el id, volvemos a usar la función "get_the_author_meta()":

Ya el link armado para mostrar todo lo que queríamos queda así:

Para finalizar los datos a mostrar nos queda un detalle mas, los comentarios realizados por el autor. Dado que no existe (o más bien, yo no conozco) una función para obtener directamente la cantidad de comentarios de un autor, vamos a crear una, basándonos en el sql que Fernando me facilito tan amablemente hace un tiempo,que a su vez esta basado en el del plugin wordpress-plugin-nofollow-free:

Debido al hecho de que si los comentarios del blog son abiertos al que quiera comentar, nos vamos a encontrar con un mismo usuario que comenta con 2 email y nombres distintos o 2 usuarios que comentan con el mismo nombre; el resultado de la función no siempre va a ser exacto. Pero dentro de todo funciona bastante bien.

Ahora vamos a insertarla en el archivo functions.php de nuestro theme para poder utilizarla. En nuestro código vamos a utilizarla así (insertándola en el mismo párrafo que la de los posts del autor):

Todo nuestro código insertado dentro del div contenedor y puesto en forma de función por una cuestión de practicidad queda así:

Si al colocar ambas funciones en su archivo functions.php empiezan a saltarles errores diciendo que las cabeceras no se han podido enviar, lo mas probable es que hayan dejado saltos de línea o espacios por fuera de las etiquetas de php.

Por último vamos a agregar a la hoja de estilos de nuestro theme algunos retoques para embellecer nuestra barrita (por lo menos para que en Kubrick se vea bien):

En lo personal inserte la barrita arriba del título (llamando a la función show_author_data), pero cada uno colóquela donde quiera (siempre y cuando sea adentro del bucle).

Mi barrita en Kubrick se ve así (no se ve el gravatar porque al momento de tomar la captura me encuentro offline):

Para que funcione en Twenty Ten (el tema por defecto en wp 3.0) hay que armar una estructura un poco más compleja en cuanto a divs y css:

Y los css:

El resultado es el siguiente:

Palabras Finales

Espero que algún valiente haya llegado hasta acá. La idea del tutorial no era tanto hacer la barrita en si, sino colaborar a que de a poco muchos empiecen a perderle el miedo al código y no sean tan plugin dependientes.

Además tenía tiempo queriendo colaborar con algún post para esta bodega de conocimiento que es AyudaWordpress. Espero les sea útil.

PD: para el que no entendió un pomo pero igual quiere la barrita acá la tiene en forma de plugin(eso si, en versión súper minimalista, no esperen panel de control, opciones, ni nada por el estilo).

Pues si, eso es nada más y nada menos en lo que se quiere meter Enric Enrich, en pasar todo el código de WordPress a HTML5. No le arriendo la ganancia, por supuesto y, sinceramente, no creo que llegue a hacerlo, además de que si se termina de animar lo que le recomiendo es que se una al equipo de desarrollo y se deje arropar del resto de desarrolladores.

Porque la idea es buena, lo que no lo es tanto es abordarla como un concepto personal ¿por qué?, pues porque WordPress no es un proyecto personal, es de la comunidad. Otra cosa es que haga un tema en HTML5, como ya hizo con TwentyFive, pero plantarse como objetivo "personal" pasar WordPress a HTML5 me parece, no una locura, una insensatez, y que me perdone por ser tan sincero.

Así que, Enric, mi consejo es que te lo pienses bien, y concentres tus esfuerzos en - una de dos - unirte al equipo de desarrollo de WordPress, colaborando con el código, o en desarrollar temas en HTML5, que todos agradeceremos. Pero vamos, que es mi opinión, que no quiero desanimarte, solo que lo veo desde otro prisma.

Por cierto, Enric, si lees esto, a ver si pones un feed a tu blog, que ni Google Reader te lo reconoce y no hay manera de seguirte salvo en bitácoras.com

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Guía Windows Live Writer

Otra nueva recopilación de plantillas y temas para wordpress casi gratis que seguro te resultará muy interesante y completa para crear tu sitio web.

• Auguste HTML Premium Site, una plantilla muy interesante en rojo y blanco por solo 17$.
• Plantilla NN Studio Premium para montar tu portafilio y web de empresa.
• UMBOOM es un plantilla de gran calidad y muy profesional en xhtml+css.
• OpenHouse para wordpress para crear su web inmobiliaria con buscador de viviendas.
• The glamour es un tema para wordpress pensado para los negocios y mostrar tu portafolio.
• Socket una plantilla y gestor de contenidos en PHP para montar tu web corporativa con todo tipo de detalles.
• .honorem es un tema perfecto para tu web corporativa, de negocios y portafolio.
• Asylum es un conjunto de originales plantillas para montar sitios corporativos con distinción.
• Distinct es una plantilla html para portafoliso y negocios.
• Naturel es una plantilla profesional en xhtml+css para crear tu sitio de diseño web, negocios o portafolio.
• MicroSite una plantilla sencilla y limpia para montar tu curriculum web.

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

Plantillas y temas para wordpress recomendados.2

HTML5 viene con una buena cantidad de nuevas etiquetas de código así que si eres desarrollador o simplemente quieres empezar a conocerlas apunta, cada elemento de la lista está enlazado a la página de la descripción y modo de uso:

• <article>
• <aside>
• <audio>
• <bb>
• <canvas>
• <command>
• <datagrid>
• <datalist>
• <details>
• <dialog>
• <embed>
• <eventsource>
• <figcaption>
• <figure>
• <footer>
• <header>
• <hgroup>
• <keygen>
• <mark>
• <menu>
• <meter>
• <nav>
• <output>
• <progress>
• <rp>
• <rt>
• <ruby>
• <section>
• <source>
• <summary>
• <time>
• <video>

Muy pronto vas a empezar a verlas por todas partes, WordPress y sus temas incluidos, así que toma buena nota, hay importantes novedades, sobre todo no pierdas de vista las tags <article>, <nav>, <aside> y <section>.

Si quieres empezar a probar códigos aquí tienes una lista de temas WordPress en HTML5:

• Brave New World
• H5
• Wordpress Basis
• Wordpress Naked
• FreeDream
• Pure HTML5 theme

Referencias: w3schools y quackit

Se avecina el advenimiento de WordPress 3.0 y una de las preguntas del millón es ¿como actualizo de WordPress MU a WordPress 3.0?.

Y es que hay muchas guías de como pasar de WordPress "normal" a MU pero ¿al revés?. Casi nunca se había planteado esta cuestión, pero claro, ahora es distinto, ahora todo se integra en un solo WordPress.

Afortunadamente Developers Mind ha creado una guía muy clarita y sencilla de como pasar de WordPress MU (v 2.9.2) a WordPress 3.0 (beta 2), que comparto, para los que no os apañéis con el inglés …

1. Remplaza los ficheros de WordPress:
Descarga y descomprime la última versión de WordPress 3.0 (beta 2). Borra las carpetas wp-admin y wp-includes. Sube los archivos descomprimidos al servidor, sobreescribe los archivos antiguos. Asegúrate de que sobreescribes todos los archivos, y presta atención especial a la carpeta wp-content. Debes sobreescribir los archivos de esta carpeta y no remplazar la carpeta con la nueva, ya que la nueva contiene los temas y los plugins (como verás, esto es muuuy distinto a lo que solemos recomendar en Ayuda WordPress para una actualización "normal" de WordPress, no es un error de transcripción).

2. Actualiza WordPress:
Accede al escritorio de WordPRess y sigue el enlace que te pide que actualices la red (update network) para, de este modo, actualizar todos los sitios (blogs) de tu red.

3. Actualiza wp-config:
WordPress encripta las cookies pero debes añadir el código NONCE_SALT mostrado en la parte superior del escritorio al fichero wp-config.php. Por ejemplo: define( 'NONCE_SALT', 'a<.4I)#p^-iy?sbb3JPu+W~-Zk|aPLMN[TvoiHIKGI_bbB-h?iliBb2ra' ). Este código será único para tu instalación. Añádelo encima de la línea que dice: /* That's all, stop editing! Happy blogging. */

4. Actualiza las reglas de Rewrite:
El fichero wp-content/blogs.php se ha dejado de usar en WordPress 3.0 y debes actualizar las reglas de rewrite para que usen el archivo wp-includes/ms-files.php. Borra la referencia al archivo wp-content/blogs.php y cámbialo a wp-includes/ms-files.php en el archivo .htaccess:

Borra también el archivo blogs.php una vez hechos los cambios en el .htaccess

También se ha dejado de usar wpmu-settings.php en WordPress 3.0, y puede borrarse igualmente.

Ah bueno, y como siempre, deberías hacer copia de seguridad de tu base de datos antes de actualizar WordPress, que no se te olvide.

Echoes es una plantilla CSS+HTML de alta calidad y que está pensada para el diseño de sitios para empresas y portafolio de desarrolladores. Esta plantilla es un 11 en 1, ya que incluye 3 estilos para página principal, 7 plantillas de portafolio, 4 plantillas de páginas y un formulario de contacto con validación AJAX.

Entre sus características están la muestra de miniaturas en modo presentación o carrusel, páginas con ancho completo, soporte para imágenes y vídeos, menús, multi-columna en el pie, y otras muchas posibilidades de personalización.

Más información sobre la plantilla Echoes.

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

Plantilla HTML+CSS 11 en 1: Echoes

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Guía Domina tu Blog

Desde hace días estamos viendo noticias acerca de ataques a sitios actualizados a WordPress 2.9.2, o sea, la última versión estable y, tras una espera razonable por mi parte para ver por donde iban los tiros, y constatar esta misma tarde que es lo que está pasando en varios sitios, puedo apuntar lo siguiente:

1. El ataque es real, afecta a cualquier instalación de WordPress, incluida la 2.9.2, la 3.0, la que sea.
2. Los síntomas principales de los ataques son popups de imágenes, granjas de enlaces antes de , el escritorio desconfigurado y múltiples variaciones de los anteriores.
3. Se produce una inyección de código, encriptado en base64 en todos los archivos php del sitio.
4. Se introduce un código html en la tabla wp-options de la base de datos (no siempre).
5. El problema no es de WordPress, como Network Solutions ha reconocido ante la aclaración de Matt
6. Cualquier CMS es susceptible de este tipo de ataque, y ya se han visto sitios creado con Drupal afectados
7. Cualquier carpeta con permisos superiores a 644 puede verse afectada. Encontrarás que los plugins por defecto obtienen permisos 755, así como wp-config.php
8. El problema proviene de servidores con problemas de seguridad, mayoritariamente VPS

Si tu sitio ha sido atacado debes repasar estos enlaces para asegurar lo máximo posible tu instalación de WordPress:

• Seguridad en la instalación de WordPress
• 12 maneras de proteger la administración de WordPress
• Evita ataques de fuerza bruta
• Protege tu sesión de WordPress con SSL
• Seguridad de Plugins WordPress: La Regla de Oro

Como limpiar completamente tu sitio si ya ha sido afectado

A grandes males grandes remedios. Si tu sitio ya ha sido infectado puedes estar seguro que pronto lo estará de nuevo a no ser que salga pronto una solución. Si quieres tener ciertas garantías igual es interesante que realices una operación de limpieza profunda:

1. Exporta todo tu contenido mediante la utilidad de exportación de WordPress y guarda la carpeta wp-content así como cualquier otra que utilices de modo manual. Revisa tu tema, plugins y carpetas de uploads, etc, antes de darlos por seguros.
2. Revisa el fichero wp-config.php para eliminar cualquier posible inyección de código, cambia los permisos a 644 o, mucho mejor, carga un wp-config.php totalmente limpio.
3. Cambia todas las contraseñas: ftp, base de datos. Usa contraseñas fuertes, usando caracteres alfanuméricos y símbolos
4. Como el problema afecta a la base de datos hay que descartarla. Borra la actual y crea una nueva o, en su defecto, revisa cada una de las tablas
5. Borra todo el contenido de la instalación actual de WordPress (recuerda que antes has hecho backup)
6. Instala un WordPress limpio (última versión), usando la información de la nueva base de datos recién creada
7. Carga tu carpeta wp-content de nuevo, una vez comprobado que todo está limpio
8. Importa los posts de tu sitio que exportaste con la utilidad de importación de WordPress
9. Configura tu WordPress de manera segura siguiendo las instrucciones de los enlaces facilitados

Y, bueno, aquí os dejo, sigo repasando sitios de clientes por si las moscas. Entretanto revisad el código fuente de vuestra instalación y hablad con vuestro hosting para ver si saben del asunto.

Visto en TOJ