Archivo

Archivo para la categoría ‘Wordpress’

Como agregarle marca de agua (watermark) a tus imagenes en WordPress 3.0

Lunes, 21 de junio de 2010 L Sin comentarios

Muchos de nosotros (adictos a WordPress) usábamos Scissors para marcar nuestras imágenes, pero lamentablemente en la versión 2.9 de WordPress dejo obsoleto este excelente script, ya que existían mejoras en la base de WP para el manejo de imágenes (aunque a muchos aun no les guste de igual forma).

Es así como Anton, una amable desarrollador, libero al mundo el plugin “Scissors for 2.9″, que como su nombre lo dice, es la versión de Scissors para WordPress 2.9.

¿Como instalar?

Si tienes aun tu antigua versión de Scissors no tienes para que desactivarla (ya que quizás puedes perder las antiguas configuraciones que tenias), así que simplemente descarga el archivos, ocupa la función de “Añadir nuevo Plugin->Subir” y subes el archivos ZIP de Scissors for 2.9.

Lo mejor de todo esto es que vuelve nuestro clásico Scissors y ¡¡¡SIGUE FUNCIONANDO HASTA EN LA NUEVA VERSIÓN 3.0!!!

Mis eternos agradecimientos a Anton por estas mejores, que devuelve a la vida uno de los mejores plugins de WordPress para el proceso de imágenes.

Lo nuevo en Worpress 2.8 (segun un usuario comun y corriente)

Jueves, 11 de junio de 2009 L Sin comentarios

Segurament todos podemos ver la gran lista de los 180 nuevas cosas y cambios de WordPress 2.8, pero lo mejor es fijarse es que en lo novedoso para los usuarios que simplemente lo usan, como yo.

Se algo de programación, algo de PHP, algo de MySQL (de hecho he realizado algunos programas yo mismo, como mi gestor del primer Blog), pero ya no ando para esas cosas. De vez en cuando hago algo, pero la verdad hoy en dia hay grandes comunidades y programas para todo. Asi que veamos que es lo nuevo que vienen en WordPress 2.8

Editor

En un principio cuando vi la lista de cambios, pense que era el editor de Entradas (lo lei muy a la rapida), pero grande fue mi sorpresa cuando vi que el Codepress era el editor de Codigo de las cosas (tanto HTML, CSS como PHP).

wp2.8 - Editor Codepress

wp2.8 - Editor Codepress

Realmente una grata sorpresa, se hace mucho más facil, ya que no siempre es dificil ver codigo entre tanto codigo.

Widgets

Tambien, algo mas ordenado, tambien un poco mas simple de usar ya que no hay que apretar tanto boton y esperar una y otra vez que cargue cuando uno hace un cambio o prueba algo.

wp2.8 - Widgets

wp2.8 - Widgets

De todas maneras se hace un poco grande el espacio, podria ser muy muy minimalista… pero siempre esas cosas pueden mejorar.

Boton de Cancelar

Ahora que estoy subiendo imagenes, me di cuenta del boton de Cancelar en la subida de archivos.

wp2.8 - Cancelar

wp2.8 - Cancelar

Bastante util para archivos grandes, la verdad era necesario algo mas elegante que simplemente cerrar la ventana.

Instalar Themes

Despues de acostumbrarse al instalador de Plugin, es casi logico preguntarse porque no habia uno de themes. La verdad es que supongo que no habia porque no tenian un listado oficial de Themes.

wp2.8 - Instalar Themes

wp2.8 - Instalar Themes

Pero ahora esta todo OK, PORFIN un instalador de Themes como Dios manda. Util y muy facil de usar. Ahora si podremos cambiar el disñeo de KyL.cl cuando queramos.

Plugins Instalados

Este no es un gran cambio, solo de orden. Ahora se ven todos juntos los Plugins que utilizamos y los desactivados.

wp2.8 - Plugins Instalados

wp2.8 - Plugins Instalados

No es tan relevante, ya estaba acostumbrado al otro sistema, pero la verdad es mas ordenado de esta nueva manera.

Tiempo de carga

Otra cosa, que se anuncia en los nuevos “features” es que el tiempo de carga es menor, y la verdad es bastante notorio.

Aun no esta disponible la version en Espñaol, pero la verdad no me podia aguantar las ganas de instalarlo. Deja tu comentario si encuentras algun detale por ahi que valga la pena mencionar.

WordPress y Twitter son buenos amigos (Parte 2)

Lunes, 8 de junio de 2009 L Sin comentarios

Siguiendo con el tema de como sincronnizar WordPress y Twitter (Lean la Parte 1 – que es la más importante). Ahora, manos a la obra y a cambiar el diseño de nuestros mensajes de Twitter.

¿Que herramientas necesitas?

Basicamente un par de imagenes de Create a Twitter box in your sidebar – Design is Philosophy, que permite crear una caja de Twitter, y solo una parte de su codigo. Tambien necesitamos modificar nuestro theme, en la seccion the tenga the_loop(), para que muestre de otra manera el mensaje de Twitter.

¿Que imagen?

La caja de Twitter Updates (click derecho y Guardar Como). Incluso podriamos hacer un poco mas corta esasa caja, para optimizar el tamaño.

¿Que codigo?

El HTML de la caja, que es el siguiente

<div id="twitter_div">
<ul id="twitter_update_list">
	<li>MENSAJE</li>
</ul>
</div>

y el CSS, el cual podemos integrar al CSS de nuestro sitio, pero con una pequeña modificacion en la parte de UL e IL (para no mostrar el punto del lado izquierdo).

#twitter_div {
	display: block;
	margin-left: auto;
	margin-right: auto;
 
	width:340px;
 
	background-image: url('img/twitterBG.png');
	background-repeat: no-repeat;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #5AA5BC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top:10px;
	padding-top: 30px;
	padding-right: 5px;
	padding-left: 5px;
}
#twitter_div ul li {
	color: #06485A;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A1E8F7;
	list-style: none;
}
#twitter_div ul li a {
	text-decoration: none;
	color: #DDA84E;
}
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #D78E42;
}
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}

¿Que parte del Theme?

Esto es lo mas critico, ya que debemos modificar the_loop(), que es la columna vertebral de cualquier Theme. Lo que haremos sera utilizar la funcion is_syndicated(), que nos dice si es que vienes de un FEED o no.

Adicionalmente a esto (pero opcional) cree una variable en Feedwordpress, que me dice si es que es de twitter para poder usar la funcion get_feed_meta(“twitter”).

Esto solo como una precaucion por si quiero mostrar un mensaje de twitter como mensaje normal (con links y comentarios normales).

wordpress_twitter_keys

Ahora, en the_loop tendremos algo asi…

	while (have_posts()) : the_post(); update_post_caches($posts);
if (function_exists(is_syndicated) && function_exists(get_feed_meta) && is_syndicated()==TRUE && get_feed_meta("twitter")==1)
	{ /*Si es un twiteo*/ }

En el lugar de /*Si es un twiteo*/ ponemos el codigo HTML que antes vimos. Luego utilizamos un ELSE para volver a nuestro theme normal, solo hay que tener cuidado con cerrar correctamente los parentesis.

Posibles problemas

Probando esta modificacion, descubri que si un usuario es el primero en ver el sitio cuando Feedwordpress actualiza los mensajes (gracias a los psuedo-cronjobs), ese usuario no vera correctamente el ultimo mensaje, sino que lo vera con el theme original, ya que la funcion is_feed() se ejecute al final de la inclusion del post (no me pregunten porque, pero esa fue mi conclusion).

Si el usuariorecarga la pagina, vera el mensaje correctamente. Por ahora, no tengo otra forma de solucionarlo (sin meterme a buscar algo en la base de datos y ver nuevamente el guid).

Themes gratuitos para WordPress

Domingo, 7 de junio de 2009 L Sin comentarios
Categories: Wordpress Tags: , , , ,

WordPress y Twitter son buenos amigos (Parte 1)

Domingo, 7 de junio de 2009 L Sin comentarios

Todo partio con la idea de que las actualizaciones de Twitter fueran posteadas de alguna manera en WordPress, no con un Widget lateral, ni tampoco con algun Javascript que muestra las ultima actualizaciones, mas bien con un mensaje en el mismo blog, pero con un formato distintos, que denotara que era de Twitter exclusivamente.

Por lo que la idea principal es sincronizarlos, que actuen como buienos amigos, camaradas… algo asi como el Google Wave de los pobres.

Aqui podran ver, paso a paso, que herramientas necesitan y como puedan hacerlo ustedes mismos.

Dividire esto en 3 Partes

  • Parte 1
    Objetivo: Publicar las entradas de Twitter en WordPress
  • Parte 2
    Objetivo: Darle un formato distintos a las entradas desde Twitter
  • Parte 3
    Objetivo: Evitar Duplicacion de publicaciones cuando se utiliza el Twitter del propio sitio

¿Que herramientas necesitas?

Obviamente un WordPress instalado en tu propio servidor y los siguientes plugins

  • FeedWordpress: Rescata un RSS (o Atom) e inserta mensajes en tu WordPress
  • Twitpress: el plugin mas simple que podrás encontrar para enviar tus mensajes a Twitter

Otra herramienta, que es OPCIONAL es

Otra cosa fundamental es conocimiento sobre funciones de PHP, saber que es the_loop() y conocer bien tu WordPress, ya que modificaremos archivos de Twitpress y tambien el Theme de nuestro sitio.

Pasos a seguir – Parte 1

Primero, instalamos FeedWordpress y Twitpress, configurandolos adecuadamente y probamos que funcione bien.

Segundo, agregamos este Feed a Feewordpress, para que se publique en el sitio (ya sea de Yahoo Pipes o directamente de Twitter)

feedwordpress_syndicate

OPCION 1: En Yahoo! Pipes creamos un Clon de Twitter WordPress Pipe, cambiando la configuracion de la casilla del lado superior derecho

wordpress_twitter_pipe

Una vez que cambiamos la configuracion, guardamos las modificaciones y presionamos Run Pipe… en esa nueva pagina, obtenemos el RSS de nuestro Pìpe recien creado

pipes_get_rss

OPCION 2: Usamos el Feed de el Twitter que deaseamos salga en nuestro blog, por ejemplo puedes usar tu propio Twitter pesonal.

twitter_updates

Tercero, ahora metemos las manos en la masa por lo que necesitamos editar nuestro archivo del plugin Twitpress, esto lo puedes hacer directamente en WordPress con la opcion Editr de la categoria Plugin, luego sleccionas el , tendra la forma mas menos asi…

http://*****/wp-admin/plugin-editor.php

Sol opor seguridad, cambie el nombre y direccion del Plugin, con la finalidad de que si se actualiza, no tengamos conflictos con nuestro cambio. (Pero siempre recuerden que si usar algun plugin den credito al crerador original). Deben buscar la siguiente funcion (que modificaremos)

function twitpress_publish( $postID )

La funcion original es asi…

//Publishes a tweet given only the postID
function twitpress_publish( $postID ){
	//get the post
	$post = get_post( $postID );
 
	//Now redundant check to make sure the post has been published
 
	if ( $post-&gt;post_status == "publish" ){
		$message = twitpress_get_message( $postID );
		twitpress_postMessage( get_option( 'twitpress_uid' ), get_option( 'twitpress_password' ), $message );
	}
}

Y lo cambiamos por lo siguiente

//Publishes a tweet given only the postID
function twitpress_publish( $postID ){
	//get the post
	$post = get_post( $postID );
	//Now redundant check to make sure the post has been published
	if ( $post-&gt;post_status == "publish" ){
		$message = twitpress_get_message( $postID );
		if(strstr($post-&gt;guid,"tag:twitter.com") != TRUE)
			{
			twitpress_postMessage( get_option( 'twitpress_uid' ), get_option( 'twitpress_password' ),$message );
			}
	}
}

¿Que significa este cambio?

FeedWordpress usa el campo guid de la entrada para poner la informacion del mensaje original, osea de donde viene, por lo que si este mensaje viene de FeedWordpress, mas exactamente de un feed de twitter.com, no se posteara nuevamente en Twitter.

Parte 1 – LISTO

Eso es, nada mas… muy simple y corto (a pesar de lo complejo que pueda parece).

Lo que no puedes hacer (por ahora)

Yo, en general, siempre creo una cuenta de twitter con el nombre del sitio, para asi con Twitpress mantener informadas a las personas que siguen el blog, pero con este procedimiento no podemos usar la cuenta de twitter como la cuenta de la pagina, porque tendremos una duplicacion en los mensajes de twitter (no, no es porque haremos explotar nuestro servidor y Twitter)

Una breve explicacion de lo que pasaria si es mal implementado:

  1. Creamos un mensaje en el blog
  2. Twitpress lo envia a Twitter
  3. El feed de Twitter tendra un nuevo mensaje
  4. Se actualizara una entrada en el blog desde el feed con FeedWordpress
  5. Twitpress NO lo enviara a twitter, ya que viene de nuestro feed (por nuestras modificaciones)
  6. El mundo no se acabara el 2012, pero nuestro blog tendra un mensaje de twitter con un enlace a nuestra entrada recien creada (no muy elegante)

Una alternativa es que en Yahoo! Pipes, con la funcion Exclude, creemos alguna sentencia logica que impida que el mensaje nos llegue, por ejemplo el formato de nuestro mensaje es:

[titulo] [premalink] #post

Entonces, los mensajes que tengan #post no llegaran a nuestro feed de Feedwordpress y asi no tendremos problemas. En este preciso momento estoy en proceso de implementar esto, por lo que podras ver que Beta.KyL.cl tiene mensajes que aparecen en WordPress, pero no estan duplicados.

Tampoco he visto que se puede hacer con Wp-O-Matic, ya que no puedo instalarlo. Pero pronto saldra una nueva version y espero ponerle mis manotas destructoras encima.