Sin embargo, muchas veces nos encontramos editando texto en otros ámbitos: escribiendo mails, comentando en foros, escribiendo artículos en WordPress, etc. En este caso nos vamos a concentrar en cómo publicar y manejar un blog de WordPress desde el mismo editor. Sin ir más lejos, este mismo post lo estoy escribiendo desde vim, y será publicado sin siquiera salir del editor.

¿Como Funciona?

Empecemos viendo el plugin que nos posibilita manejar WordPress desde VIM. Su nombre es VimRepress, y puede ser descargado desde el siguiente link:

VimRepress

Si tienes conocimientos de inglés puedes leer las instrucciones desde allí mismo, de lo contrario pasaremos a explicar en simples pasos como instalar y manejar el plugin.

Instalando

El primer paso es descargar el plugin y copiar sus contenidos en las carpetas de vim correspondientes. Utilizando la consola:

cd .vim
unzip /path/to/vimpress_2.x.x.zip

Luego debemos configurar el plugin para que reconozca nuestro sitio y nos conecte con él. Abrimos .vimrc y copiamos lo siguiente (cambiando los datos según sea conveniente):

let VIMPRESS = [{'username':'usuario',
                'password':'password',
                'blog_url':'http://dirección-de-tu-blog.com/'
                }]

Usando el plugin

Una vez instalado y configurado, el plugin nos proporciona algunos comandos para interactuar con nuestro blog de WordPress. Estos son los comandos más importantes:

:BlogList – List 30 recent posts.
:BlogList page – List 30 recent pages.
:BlogList post 100 – List 100 recent posts.

:BlogNew post – Write an new post.
:BlogNew page – Write an new page.

:BlogSave – Save (defautely published.)
:BlogSave draft – Save as draft.

:BlogPreview local – Preview page/post locally in your browser.
:BlogPreview publish – Same as `:BlogSave publish’ with brower opened.

:BlogOpen 679
:BlogOpen http://your-first-blog.com/archives/679
:BlogOpen http://your-second-blog.com/?p=679
:BlogOpen http://your-third-blog.com/with-your-custom-permalink

Últimas consideraciones

El plugin utiliza markdown para generar el contenido de los post. Esto resulta muy útil ya que nos permite insertar text en formato html de forma mucho más rápida que desde el editor visual de WordPress. Por más referencias sobre como utilizar este lenguaje, pueden visitar la documentación

Vim es el mejor editor de text que existe en la actualidad al menos en mi opinón. Contar con herramientas como esta para publicar contenido en WordPress es realmente una facilidad que nos permitirá ahorrar muchísimo tiempo y mejorar considerablemente nuestra productividad.

En este post quiero compartir con ustedes un video en el Paul Irish no explica las nuevas herramientas de Chrome Developer Tools, y la mejor forma de utilizarlas. Espero que lo disfruten.

Esta misma pregunta me surgió hace unos días y he encontrado la solución, al menos por ahora, utilizando estas herramientas que presento a continuación.

Css 2 Sass

Esta herramienta online nos permite copiar nuestro antiguao código css y automáticamente convertirlo al formato de SASS. Es una herramienta muy útil para empezar a acostumbrarnos a escribir en el formato scss. Aquí les dejo el link a la página: CSS 2 SASS.

Compass app

Ahora, para facilitar el compilado de los archivos sass a el formato css que será el que finalmente deberemos subir a nuestro servidor, existe otra herramienta muy poderosa llamada compass app. Es una aplicación disponible para Linux, Windows y Mac que cuesta solamente $7 dólares y nos facilita el trabajo a la hora de crear proyectos para trabajar con estas nuevas herramientas. Como el nombre lo dice, esta aplicación no solamente maneja el formato sass sino que también está basada en compass, por lo tanto también introduce todas las nuevas funciones que este framework tiene para ofrecer. Compass App

Esto puede convertirse en una pérdida de tiempo importante y en algo bastante tedioso. Pero si utilizas Komodo Edit como tu editor, las cosas pueden resultar mucho más sencillas e intuitivas. Esto se debe a que Komodo Edit ofrece la posibilidad de extender los “calltips” estándar por unos especificados por nosotros mismos, en este caso podemos utilizar los calltips para obtener información cada vez que escribimos una función de WordPress.

Para lograr esto debemos descargar la última versión de WordPress y descomprimirla en una carpeta local cualquiera. Luego desde las propiedades de Komodo referenciamos esta carpeta.

Una vez que esto esté realizado reiniciamos Komodo Edit y al escribir una función de WordPress tendremos el autocompletado además de la información sobre cada función que escribamos.

En el siguiente post veremos algunos shortcodes muy útiles que pueden empezar a usar en sus proyectos de WordPress.

Integrar google Maps

function fn_googleMaps($atts, $content = null) {
   extract(shortcode_atts(array(
      "width" => '640',
      "height" => '480',
      "src" => ''
   ), $atts));
   return '<iframe width="'.$width.'" height="'.$height.'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'.$src.'"></iframe>';
}
add_shortcode("googlemap", "fn_googleMaps");

Para usarlo

Tres parámetros son necesarios para utilizar este shortcode: width, height y el atributo src

[googlemap width="600" height"360" src="http://google.com/maps/?ie=..."]

Insertar un feed rss

include_once(ABSPATH.WPINC.'/rss.php');
function readRss($atts) {
    extract(shortcode_atts(array(
	"feed" => 'http://',
      "num" => '1',
    ), $atts));
    return wp_rss($feed, $num);
}
add_shortcode('rss', 'readRss');

Para usarlo

Solamente dos parámetros necesarios, la url del feed y la cantidad de post a mostrar. Este es un shortcode realmente muy útil que recomiendo empezar a usar cuando sea necesario listar un rss.

[rss feed="http://feeds.feedburner.com/webdesigntutsplus" num="3"]

Mostrar contenido solamente a usuarios registrados

add_shortcode( 'member', 'member_check_shortcode' );
function member_check_shortcode( $atts, $content = null ) {
	 if ( is_user_logged_in() && !is_null( $content ) && !is_feed() )
		return $content;
	return '';
}

Para usarlo

La etiqueta member funcionará como filtro, mostrando todo el contenido que se encuentre dentro de ella solamente a los usuarios que estén registrados

Mostrar Posts Relacionados

function related_posts_shortcode( $atts ) {
	extract(shortcode_atts(array(
	    'limit' => '5',
	), $atts));
	global $wpdb, $post, $table_prefix;
	if ($post->ID) {
		$retval = '<ul>';
 		// Get tags
		$tags = wp_get_post_tags($post->ID);
		$tagsarray = array();
		foreach ($tags as $tag) {
			$tagsarray[] = $tag->term_id;
		}
		$tagslist = implode(',', $tagsarray);
		// Do the query
		$q = "SELECT p.*, count(tr.object_id) as count
			FROM $wpdb->term_taxonomy AS tt, $wpdb->term_relationships AS tr, $wpdb->posts AS p WHERE tt.taxonomy ='post_tag' AND tt.term_taxonomy_id = tr.term_taxonomy_id AND tr.object_id  = p.ID AND tt.term_id IN ($tagslist) AND p.ID != $post->ID
				AND p.post_status = 'publish'
				AND p.post_date_gmt < NOW()
 			GROUP BY tr.object_id
			ORDER BY count DESC, p.post_date_gmt DESC
			LIMIT $limit;";
		$related = $wpdb->get_results($q);
 		if ( $related ) {
			foreach($related as $r) {
				$retval .= '<li><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></li>';
			}
		} else {
			$retval .= '
	<li>No related posts found</li>';
		}
		$retval .= '</ul>';
		return $retval;
	}
	return;
}

Para usarlo

Usando solamente este tag se mostrarán todos los posts relacionados con el actual. Se puede limitar el número de entradas usando el parámetro “limit”.

[related_posts limit="num"]

Estos son solamente algunos de los tantos shortcodes disponibles que ya han sido creados y optimizados para su uso con WordPress. Si les interesa obtener algunos más por favor comenten en esta entrada y los agregaré. Saludos

El procedimiento básico sería descargar el código desde git y luego compilarlo.

//Si no tienen git instalado
sudo apt-get install git
//Bajar nodejs
git clone https://github.com/joyent/node.git

Configurar, aquí es donde da el error en ubuntu por falta de la librería libssl-dev. Entonces hacemos:

//obtenemos las librerias que faltan
sudo apt-get install libssl-dev
//entramos al directorio de la descarga de nodejs
cd node
//Configuramos e instalamos
./configure
make && sudo make install
//chequeamos que todo se encuentra en orden y node ha quedado instalado
node -v

Espero que les haya servido. Saludos

Diseño nuevo del escritorio

El cambio más importante es el comportamiento de la navegación lateral, la cual se puede colapsar para obtener un mayor espacio. Cuando se colapsa la navegación podemos acceder a las diferentes secciones a través de un menú mucho más pequeño con íconos y dropdowns. En mi opinión esto ayuda a tener una interfaz mucho más clara y accesible que en versiones anteriores de WordPress.

Chau IE6

Así es, a partir de esta nueva versión, las personas que quieran utilizar WordPress deberán utilizar al menos, internet explorer 7. Según la gente de WordPress, para implementar la nueva funcionalidad, se hizo necesario eliminar el soporte para IE6. Lo cual me parece además positivo para todos.

Editor con modo de pantalla completa

WordPress 3.2 nos ofrece la posibilidad de escribir nuestros post en modo pantalla completa, lo cual elimina cualquier otro tipo de distracciones, y permite centrarnos en lo que estamos escribiendo. Puede resultar muy útil para escribir en dispositivos con pantallas pequeñas, como puede ser una netbook.

Nuevo tema por defecto

El tema que viene por defecto con cada instalación de WordPress ha sido actualizado y su nombre ahora es Twenty Eleven. Este nuevo tema se destaca por estar completamente creado en HTML5 y CSS3, además de tener un diseño bastante más claro y un código más entendible que su antecesor.

Mejoras en velocidad

Esta nueva versión trae consigo mejoras en la respuesta de las más importantes secciones de la plataforma, generando un acceso más veloz a las diferentes páginas del backend.

Resumiendo

Creo que esta nueva versión tiene cambios importantes, que mejoran substancialmente las características de WordPress y hacen más amena su utilización. Les sugiero que actulicen a esta nueva versión y lo prueben por su propia cuenta.

En este post les voy a mostrar como se hace para habilitar las thumbnails en wordpress, para que puedan empezar a usarlas en cada nuevo post.

Editando functions.php

Este archivo se encuentra en la raiz de la carpeta de cada tema de WordPress. Lo que hay que hacer es muy sencillo, hay que agregar el siguiente código al final o al principio del archivo (dentro de la declaración de php por supuesto).

add_theme_support('post-thumbnails');
if(function_exists('add_theme_support')){
	add_theme_support('post-thumbnails');
}

Con esto ya tendríamos pronta la funcionalidad, ahora si van al wp-admin y crean un nuevo post aparecerá la opción de “Establecer la imagen destacada”.

Aplicando las thumbnails al tema:

<?php the_post_thumbnail(); ?>

Es así de sencillo, esa función puede ser utilizada en cualquier parte del tema y nos mostrará la imagen que hemos subido para ese post en particular.

Lo bueno de este método es que nos permite rápidamente asignar imágenes destacadas a cada post, las cuales pueden ser subidas en el momento de crear el post o se pueden tomar de la librería multimedia en caso de reutilizar una imagen.