Añadir un CSS personalizado al editor visual de WordPress

Desde WordPress 3.0 hay una nueva función que nos permite agregar estilos personalizados al editor visual (TinyMCE) de WordPress. Esta es una función que muy pocos conocen, pero si prueban de escribir un post con el tema por defecto TwentyTen, verán que el estilo del editor visual es bastante distinto.

Lo que se puede hacer aplicando estilos personalizados al editor visual es interesante, podemos darle estilos a los encabezados, a las fuentes, formatear las imágenes con bordes o espacios, especificar el espaciado entre párrafos, etc. Con esto podemos darle al post que estamos escribiendo un estilo mucho más parecido al del tema real que tenemos instalado.

El primer paso es crear un archivo con todo el CSS que dará el estilo al editor visual. Este archivo tiene que ser creado por nosotros a nuestro gusto, pero les pueden mirar el CSS del editor visual del tema TwentyTen y editarlo a gusto cambiándole tipografías, encabezados y lo que deseen. A este archivo le tienen que dar el nombre de editor-style.css y subirlo a la carpeta raíz del theme.

El segundo paso es editar el archivo functions.php del tema (si no existe tienen que crearlo) y pegar la siguiente función, puede ser al final del archivo si lo desean:

 <?php add_editor_style(); ?>

Ese código le indicará a WordPress que en el esditor visual tiene que cargar un CSS específico. Ahora cuando vayan a escribir un post verán que el estilo que tiene es que ustedes le aplicaron mediante CSS.

Nuevo editor visual sin distracciones para WordPress 3.2

Uno de los grandes problemas de los bloggers es que nos distraemos fácilmente, por eso el equipo de desarrollo de WordPress está trabajando en mejorar la función de editor a pantalla completo que trae actualmente WordPress. Este nuevo editor ayudaría a concentrarnos ya que es mucho más usable y «limpio» que el actual.

Esta nueva característica vendría incluída en la versión 3.2 de WordPress, pero para los impacientes pueden desacrgar un plugin (enlace directo) que activa esta función en modo experimental en las versiones actuales de WordPress.

Video demo del editor sin distracciones de WordPress 3.2

Visto en WPCandy

Google lanza plugin para verificar tus blogs en Webmaster Tools

Uno de los requisitos a la hora de agregar un sitio en Google Webmaster Tools y otros servicios de Google es verificar la propiedad.

La verificación manual se puede hacer mediante una meta etiqueta, subiendo un archivo HTML al servidor, o linkear la cuenta con la de Analytics, pero la noticia es que Google lanzó un plugin para verificar la propiedad de nuestros blogs con WordPress.

Este plugin es especial par alos vagos, ya que una vez que lo instalamos ya tendremos el sitio verificado en Google para todos los servicios de una sola vez. Lo único que hay que hacer es instalarlo y activarlo.

Enlace: Google Site Verification

Soooshial, organizando nuestra vida social y 2.0

soooshialEn estos tiempos tan agitados donde la gente prácticamente vivimos en Internet y además el contenido es generado por los usuarios, no es raro que alguien utilice más de un servicio de los que permiten que nos demos a conocer al mundo. Como Twitter, YouTube, Flickr, Facebook, WordPress, Tumblr, Blogger… entre otros.

Y no me dejarán mentir, pero manejar tantas cuentas desde cada página puede resultar un proceso engorroso. Ahí es donde llega Soooshial al rescate. Ya que nos permitirá organizar desde una sola página todo el contenido existente, y así, desde ese mismo sitio podremos mostrar el recopilatorio de nuestras actividades sociales en la red.

Como sus creadores lo definen, lo podemos considerar “un nuevo concepto de tarjeta de visita”. Y además, sobra decir que está optimizado para tablets y smartphones. Ah, ¡Y es gratis!

Visto en: Muy Interesante

WP-InstantBackup, probablemente el mejor plugin para hacer backups de WordPress


Durante mis 6 años de blogging he tratado de encontrar algún buen plugin para realizar backups de mis blogs en WordPress y nunca había dado con uno tan simple y funcional como WP-InstantBackup.

Este plugin es muy simple de utilizar pero tiene todas las funciones que tiene que tener un plugin para crear copias de seguridad. Les reslto las funcionalidades de este maravilloso plugin:

  • Posibilidad de crear backups de la base de datos, backup del sistema de archivos o un backup full
  • Posbilidad de realizar backups a .ZIP (con o sin contraseña)
  • Opción de realizar los backups y guardarlos en el servidor (previa inclusión de los datos del FTP)
  • Opción de realizar los backups y enviarlos automáticamente a nuestra casilla de mail
  • Posibilidad de seleccionar los directorios que queremos incluir en el backup
  • Posibilidad de realizar un backup a través de un equipo remoto con una URL única con hash

Como habrán visto, las funcionalidades de este plugin son muy buenas y lo mejor de todo es que es muy simple de utilizar. Para realizar un backup entramos al dashboard y arriba a la derecha veremos tres enlaces con los accesos directos a los backups, ya sea backups de la base de datos, backup del sistema de archivos o un backup full.

Visto en TechSali

Onswipe, plugin para convertir tu blog en iPad friendly

El iPad es un excelente dispositivo para navegar por internet de manera muy cómoda, por eso es conveniente que un blog sea iPad friendly para que cualquier usuario que esté navegando desde este gadget tenga la mejor experiencia de navegación.

Onswipe es un plugin de WordPress que permite que los lectores de tu blog que usen iPads puedan leerlo de forma más cómoda a través de una interfaz especial para este dispositivo.

Lo bueno que tiene este plugin es que no necesitamos configurar prácticamente nada, hace todo de forma automática, sólo activamos, personalizamos un par de cositas mínimas y listo. Las únicas configuraciones que tiene son las que se ven en la imagen de arriba.

Lamentablemte no tengo iPad para probarlo, pero igualmente lo instale en el blog por si algún lector tiene iPad y quiere disfrutar la experiencia (?).

PD: Si alguien tiene iPad y tiene ganas de tomar un screenshot de cómo se ve el blog actualmente será bienvenido ;).

Visto en Make Use Of

Mostrar AdSense después del primer post en el home de WordPress

Si están buscando la forma de insertar AdSense después del primer post en el home de WordPress les quiero recomendar un simple código que nos permite hacerlo sin necesidad de plugins.

Lo primero que tienen que hacer es abrir el editor de temas y editar el archivo index.php (previo backup). Ubiquen el siguiente código:

<?php endwhile; ?>

Justo ANTES del código mencionado anteriormente peguen el siguiente código:

<?php if(!$show_ads){ ?>
INSERTAR ADSENSE AQUI
<?php $show_ads = 1; } ?>

Si prestan atención al código de arriba verán la parte donde tienen que pegar el código de AdSense o cualquier otro anuncio. También pueden especificar el número de posts antes del anuncio, por defecto está en 1, pero pueden cambiarlo por lo que más les convenga.

Visto en Khapay

Wordbooker, plugin para integrar WordPress con Facebook

Sin dudas la integración de un blog con las redes sociales ya es algo esencial, ya que ayuda a promocionar nuestros contenidos y captar más visitas. En este caso les quiero recomendar un plugin para integrar tu blog en WordPress con Facebook.

El plugin se llama Wordbooker y dentro de las características principales podemos destacar:

  • Publicar automáticamente los posts del blog en tu perfil de Facebook o fanpage
  • Integrar el botón Me Gusta en los posts de tu blog
  • Integrar el botón de Compartir en los posts de tu blog
  • Importar los comentarios de los posts en Facebook a los posts de nuestro blog

Esas son sólo algunas de las funciones que nos ofrece Wordbooker, pero tiene muchísimas opciones de personalización para que la integracipon de tu blog con Facebook sea perfecta.

Visto en Código Geek

Cómo redireccionar un blog a con o sin www mediante .htaccess

Uno de los grandes problemas cuando iniciamos un blog es que el sitio es accesible con y sin www, esto no es beneficioso para los buscacores porque puede tomarse como contenido duplicado, por eso hay que tomar medidas para que el sitio sea accesible de las dos maneras, pero que redirija a un solo lugar.

Para hacer esto hay dos formas, una es utilizar plugins que consumen recursos del servidor, o bien la opción más adecuada que es editando el .htaccess.

Lo primero que tienen que hacer es decidirse por qué URL usar y a partir de ahí hacer la redirección. El truco consiste en utilizar uno de los siguientes códigos y pegarlos en el archivo .htaccess en la raíz del servidor (previo backup).

Convertir de NO www a www

RewriteEngine On

RewriteCond %{HTTP_HOST} !^www\.puntogeek\.com [NC]
RewriteRule ^(.*)$ http://www.puntogeek.com/$1 [L,R=301]

Convertir de www a NO www

RewriteEngine On

RewriteCond  %{HTTP_HOST} !^puntogeek\.com [NC]
RewriteRule (.*) http://puntogeek.com/$1 [R=301,L]

Recuerden que tienen que cambiar la URL en el código para que funcione :P. Una vez que ya hicieron esta redirección asegúrense que todas las veces que van a divulgar la URL del sitio sea la misma así es más beneficioso, aunque el sitio será accesible de las dos maneras.

Cómo redireccionar el feed de WordPress a FeedBurner sin plugins

Una de las prácticas recomendadas a la hora de abrir un blog que utiliza FeedBurner como servicio es redireccionar el feed original de WordPress al de FeedBurner para alivianar el servidor.

Existe un plugin oficial de para redireccionar el feed, pero para qué utilizar un plugin si se puede hacer con un simpe código. Lo que tenemos que hacer es editar el .htaccess y agregar el siguiente código (previo backup):

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !FeedBurner    [NC]
RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
RewriteRule ^feed/?([_0-9a-z-] )?/?$ http://feeds.feedburner.com/Puntogeek [R=302,NC,L]
</IfModule>

Hay altas probabilidades de que cuando hagan ese cambio reciban un error 500 en el sitio, si ese es el caso van a tener que «envolver» el código de los permalinks de WordPress junto con la redirección de FeedBurner, de modo que el código les quedaría como el siguiente:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !FeedBurner [NC]
RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/Puntogeek [R=302,NC,L]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

Obviamente tienen que cambiar la URL del feed de FeedBurner en el código así funciona como debe ser. Ahora cuando abran el feed original los redireccionará automáticamente sin necesidad de gastar recursos con plugins.