Mas que Wordpress » Damian

jquery.ascensor.js – más vida a jquery.scrollTo

Damian — Sat, 19 May 2012 17:05:26 +0000

Para el que no conoce aun jquery.scrollTo digamos que es un buen momento para hacerlo. Aunque en algunas ocasiones le comento que para tareas sencillas no suelo utilizar plugins, en otras situaciones un plugin nos pueda ayudar a crear efectos sorprendentes de manera muy fácil.

Hoy les traigo jquery.ascensor.js , un plugin que en conjuto con el plugin de scrollTo os permitira crear efectos sorprendentes.

Si quieren pueden ver un ejemplo en funcionamiento en la web del autor.Tan solo hagan click en “Demo and how to use”.

Para hacerlo funcionar tan solo necesitan lo siguiente:

Incluir los archivos necesarios

Preparar un html con la siguiente forma:

Dentro de tu script (myscript.js)

$(document).ready(function(){
     $('#house').ascensor();
});

Y listo!! Ya tendrar un ascensor funcional. Para agregar más funciones revisen la documentación. Saludos

Sigueme:

Convertir imagenes en ASCII con PHP

Damian — Thu, 17 May 2012 15:58:46 +0000

Curioso script PHP que sirve para convertir imagenes en ASSCI de forma fácil. Si tienen un servidor prueben y verán resultados muy interesantes.
Para ello suban este archivo a vuestro server y llamenlo convertir.php por ejemplo.
Luego suban la imagen que quieran convertir al mismo directorio y por último modifiquen "wordpress-assci.png" por el nombre de vuestro archivo.

 
     
        Ascii 
         
     
     
         
        $image = 'wordpress-assci.png'; 
        // Supports http if allow_url_fopen is enabled 
        $image = file_get_contents($image); 
        $img = imagecreatefromstring($image); 
 
        $width = imagesx($img); 
        $height = imagesy($img); 
 
        for($h=0;$h<$height;$h++){ 
            for($w=0;$w<=$width;$w++){ 
                $rgb = imagecolorat($img, $w, $h); 
                $a = ($rgb >> 24) & 0xFF; 
                $r = ($rgb >> 16) & 0xFF; 
                $g = ($rgb >> 8) & 0xFF; 
                $b = $rgb & 0xFF; 
                $a = abs(($a / 127) - 1); 
                if($w == $width){ 
                    echo '
'; 
                }else{ 
                   echo '.$r.','.$g.','.$b.','.$a.');">#'; 
                } 
            } 
        } 
        ?>

Cuenten que les pareció en los comentarios!

Via : http://phpsnips.com/

Sigueme:

Quieres ser colaborador de Más que WordPress?

Damian — Wed, 16 May 2012 15:32:09 +0000

Como el título bien indica busco colaboradores para Más que WordPress que quieran ayudar a la comunidad.

Que no puedo ofrecer?

No puedo ofrecer dinero ya que el sitio no esta pensado para ello y no dispongo siquiera de publicidad en el.

Que puedo ofrecer?

Un lugar donde poder ayudar a la comunidad. Una oportunidad de promocionarse como autores y de promocionar a sus sitios webs o empresas.

En cada artículo que escribáis van a estar reflejados vuestros datos, foto, link ,etc

Si eres un freelancer, te diría que es una oportunidad magnífica para conseguir trabajo, ya que mucha gente necesita ayuda y termina acudiendo a sitios como este

Que necesito de ustedes ?

Un mínimo de conocimiento y que no copieis contenido de otros sitios sin mencionar su fuente.
Que escribáis cuando podais, una vez a la semana o una vez al mes, todo sirve.
No hace falta tutoriales gigantes, con un pequeño tip de wordpress o tip de php es más que suficiente. Mientras os guste de lo que escriben todo es bien recibido.

Espero que alguien se anime y me de una mano. Aunque me gusta mantener el sitio actualizado no dispongo de todo el tiempo que me gustaría.

Saludos!!!

Sigueme:

12 plantillas Premium de WordPress gratuitas

Damian — Fri, 11 May 2012 14:27:56 +0000

Hoy les traigo unos pocos más de themes premium y gratuitos para wordpress. Como siempre la calidad varía pero intento elegir las de mejor en vez de rellenar posts con 30 plantillas de las cuales solo 10 se salvan. Espero que les gusten.

Antes de elegir les recomiendo revisar los demo, ya que a veces en las imágenes no se aprecia toda la calidad del theme y sus efectos.

1. Gridly

Demo| Download

2. Target

Demo | Download

3. Andrina Lite

Demo | Download

4. Hikkoshi

Demo | Download

5. The Influencers

Demo | Download

6. Panoramica

Demo | Download

7. Illustrius

Demo | Download

8. Sunspot

Demo | Download

9. Lugada

Demo | Download

10. Silesia

Demo | Download

11. Zenon Lite

Demo | Download

12. Tint

Demo | Download

Espero que les haya gustado esta pequeña colección.

Via: Wpmods

Sigueme:

Obtener el avatar de un usuario en buddypress

Damian — Thu, 10 May 2012 15:08:44 +0000

De vez en cuando publico pequeños tips de buddypress ya que este excelente plugin carece de una buena documentación y aunque cuenta con funciones para todo, no siempre es facil encontrarlas. Hoy les explico como obtener el avatar de un usuario en buddypress.

Para ello pueden hacer lo siguiente:

 
//Primero obtenemos el id de usuario en cuestión si no lo tenemos
//para ello usamos la función get_user_by con email (acepta name o id tb)
 
$usuario = get_user_by('email',$user_email);
 
//Imprimimos el avatar ( podemos obtener thumb en vez de full)
echo bp_core_fetch_avatar ( array( 'item_id' => $usuario->ID, 'type' => 'full' ) )
?>

Espero que les sirva!!Saludos

Sigueme:

Métodos para mostrar tus últimos tweets

Damian — Tue, 08 May 2012 22:00:06 +0000

Existen varios métodos para mostrar los últimos tweets en tu sitio y dependiendo de lo que necesites te puede servir uno más que otro. Hoy les voy a explicar como hacerlo mediante PHP y mendiante javascript.

Con Javascript

Un método simple y que no requiere muchos conocimientos pero que tampoco ofrece mucha flexibilidad a la hora de dar estilo a estos últimos tweets es mediante javascript que twitter mismo proporciona.
Para ello tan solo tiene que copiar el siguiente código donde quieran que se muestren los últimos tweets.

Importante modificar chifliiiii por tu propio usuario y 2 por la cantidad de tweets que quieren mostrar.

<ul id="twitter_update_list">
ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js">script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/chifliiiii.json?callback=twitterCallback2&count=2" ?>script>

Para modificar como devuelve el HTML podemos decargar blogger.js y modificarlo a nuestro gusto , por ejemplo para traducirlo al español.

Con PHP

Para mostrar los últimos tweets mediante PHP podemos usar la siguiente función que encontre en este sitio.


	// Tu nombre de usuario de twitter
	$twitterid = "chifliiiii";
 
	// Cantidad de tweets a mostrar
	$numberoftweets = "5";
 
	// Quieres que los links funcionen dentro del tweet?
	$tags = true;
 
	// Quieres convertir los links en nofollow ? (Mejor para seo) (true |false)
	$nofollow = true;
 
	// Quieres que los links se abran en una ventana nueva?(true |false)
	$target = true;
 
	// Queres mostrar el widget de twitter para que te sigan? (true |false)
	$widget = true;
 
	// A partir de aquí empiezan las funciones y no hay que editar más salvo que quieras cambiar el idioma
	function changeLink($string, $tags=false, $nofollow, $target){
	  if(!$tags){
	   $string = strip_tags($string);
	  } else {
	   if($target){
		$string = str_replace(", "\"_blank\"", $string);
	   }
	   if($nofollow){
		$string = str_replace(", "\"nofollow\"", $string);
	   }
	  }
	  return $string;
	 }
 
	 function getLatestTweet($xml, $tags=false, $nofollow=true, $target=true,$widget=false){
		global $twitterid;
	  $xmlDoc = new DOMDocument();
	  $xmlDoc->load($xml);
 
	  $x = $xmlDoc->getElementsByTagName("entry"); 
 
	  $tweets = array();
	  foreach($x as $item){
	   $tweet = array();
 
	   if($item->childNodes->length)
	   {
		foreach($item->childNodes as $i){
		 $tweet[$i->nodeName] = $i->nodeValue;
		}
	   }
		$tweets[] = $tweet;
	  }
 
	// Here's the opening DIV and List Tags.
	   echo "\"latesttweet\">\n";
 
	  foreach($tweets as $tweettag){
	   $tweetdate = $tweettag["published"];
	   $tweet = $tweettag["content"];
	   $timedate = explode("T",$tweetdate);
	   $date = $timedate[0];
	   $time = substr($timedate[1],0, -1);
	   $tweettime = (strtotime($date." ".$time))+(3600*3); // El valor de la diferencia de tiempo - ARG + 3 hours (3600 seconds x 3)
	   $nowtime = time();
	   $timeago = ($nowtime-$tweettime);
	   $thehours = floor($timeago/3600);
	   $theminutes = floor($timeago/60);
	   $thedays = floor($timeago/86400);
	   if($theminutes < 60){
		if($theminutes < 1){
		 $timemessage =  "Less than 1 minute ago";
		} else if($theminutes == 1) {
		 $timemessage = $theminutes." minute ago.";
		 } else {
		 $timemessage = $theminutes." minutes ago.";
		 }
		} else if($theminutes > 60 && $thedays < 1){
		 if($thehours == 1){
		 $timemessage = $thehours." hour ago.";
		 } else {
		 $timemessage = $thehours." hours ago.";
		 }
		} else {
		 if($thedays == 1){
		 $timemessage = $thedays." day ago.";
		 } else {
		 $timemessage = $thedays." days ago.";
		 }
		}
 
		echo "".changeLink($tweet, $tags, $nofollow, $target)."
\n";
 
		echo "".$timemessage."
\n";
	   }
 
		echo "
";
 
 
		if($widget){
			echo "\"https://twitter.com/" .$twitterid. "\" class=\"twitter-follow-button\" data-show-count=\"true\">Follow @" .$twitterid. "
		";
		}
 
	 }
?>

He cambiado los comentarios a español para que sea más facil de entender. Otra cosa a tener en cuenta es la siguiente linea:

$tweettime = (strtotime($date." ".$time))+(3600*3); // El valor de la diferencia de tiempo - ARG + 3 hours (3600 seconds x 3)

Cambienla si muestra incorrectamente el tiempo.

Y por último para que funcione todo hacer:


$tweetxml = "http://search.twitter.com/search.atom?q=from:" . $twitterid . "&rpp=" . $numberoftweets . "";
 
getLatestTweet($tweetxml, $tags, $nofollow, $target, $widget);
?>

Espero que les sea de utilidad. Saludos!!!

Sigueme:

Convertir categorías wordpress en tags y tags en categorías

Damian — Tue, 08 May 2012 20:35:50 +0000

Para convertir categorías en tags y tags en categorías en sus sitios de WordPress tan solo deben usar la herramienta que WordPress Incorpora. Hoy he estado realizado algunos cambios en el sitio, entre ellos me pasé al plugin de SEO Yoast y realize algunos cambios en la estructura. Para que todo funcionara como yo quería tenia que convertir los Tips de wordpress en una categoría.

Para lograr eso tan solo hay que ir a :

Herramientas -> Importar e instalar el plugin para Convertir etiquetas y categorías

Si tiene WordPress en ingles lo pueden encontrar en :

Tools -> Import e instalar el plugin de Tag and categories converter.

Saludos!!

Sigueme:

Mostrar total de posts en una categoría dada

Damian — Mon, 07 May 2012 18:34:04 +0000

Siguiendo mi post anterior de como obtener todas las categorías padre de un post de WordPress para así poder mostrarlas en cualquier parte de nuestro theme, les traigo una forma de mostrar la cantidad de posts de una categoría cualquiera. Para ello pueden hacer lo siguiente:

$categoria = get_the_category(); // categoría actual del post
echo $categoria->category_count . ' Resultados';

Si quieren mostrar cualquier otra categoría tan solo hay que pasar un ID de categoría a la función get_the_category()

Espero que les haya servido este pequeño tip de wordpress.

Sigueme:

Obtener todas las categorías padre

Damian — Mon, 07 May 2012 17:37:38 +0000

Es un proyecto de un cliente que estoy trabajando necesito mostrar las categorías padres de cierta categoría en diferentes lugares de la página por un gusto de los diseñadores. Para ello necesite crear una pequeña función que me de todas las categorías padres y quería compartirlo con todos ustedes.
Para ello debemos hacer lo siguiente:

function mqw_categorias_padre(){
   $categoria = get_the_category(); 
   $categorias = get_category_parents($categoria[0]->term_id, FALSE, ':');
   $top_cat = split(':',$categorias);
   return $top_cat;
}
 
$categorias = mqw_categorias_padre();
 
echo $categorias[0] ; // muestra la categoría superior
echo $categorias[1] ; // muestra la categoría siguiente a la superior

Con esta simple función podrán mostrar las categorías padre en cualquier lugar de su template

Sigueme:

jQuery delegate() vs live() vs bind() vs on()

Damian — Fri, 04 May 2012 18:01:33 +0000

Muchas veces me han preguntado la diferencia entre las funciones de jQuery delegate(), live(), bind() y on(). Por lo que hoy les voy a explicar de forma sencilla las principales diferencias y cual función deberían usar en cada momento.

Para empezar veamos en que versión de jQuery fueron implementadas dichas funciones, ya que ello indicará en primer lugar cual debemos usar.

live() y bind() : V1.0 – Última actualización en V1.4.3
delegate(): V1.4.2 – Última actualización en V1.4.3
on(): V1.7

En el mismo orden que esta arriba les voy a explicar las diferencias. Para ello voy a usar el mismo código HTML y el evento click para que sea más facil de entender.

1. bind()

La función bind() sirve para asociar un evento a un element del DOM. Por ejemplo:

$('#usuarios li a').bind('click', function( e ) {} );

Una forma más corta de hacer lo mismo es:

$('#usuarios li a').click( function( e ) {} );

A simple vista resulta sencillo de utilizar pero tiene algunas pegas.

Los inconvenientes de este método son:

Primero que no hay delegación del evento, por lo que si creamos un nuevo link , el evento del click no estará asociado a el.
Segundo que la asociación del evento se hace de antemano y a todos los elementos del selector. En nuestro ejemplo si tenemos una lista de 100 usuarios serían 100 eventos asociados de antemano produciendo una carga más lenta.

2. live()

La función live() es prácticamente igual a bind con la diferencia que asocia el evento al root del DOM y cuando un evento se dispara y llega al root se comprueba si el selector concuerda y se ejecuta la función.

Por ejemplo:

$( "#usuarios li a" ).live( "click", function( e ) {} );

La ventaja de esto es que podemos crear elementos dinámicamente , y cuando el evento click se dispare y suba hasta el document (elemento root) jQuery comprobará si el selector concuerda y ejecutará la función. Pasar de bind() and live() es tan sencillo como cambiar una palabra

Los inconvenientes de este método son:

El chaining no puede ser usado en este metodo
Es un método obsoleto en jQuery 1.7 por lo que no conviene seguir usandolo
Si tenemos un DOM bastante grande la performance es baja ya que tiene que pasar todo el DOM hasta el document
Y como todos los selectores/eventos son asociados al documentes una vez sucede el evento jQuery tiene que comprobar cada uno de ellos para ver cual es el que se tiene que ejecutar.

Ahora veamos porque delegate() es incluso mejor.

3. delegate()

La función delegate() es muy parecida a live con la diferencia de que podemos asociar el evento a un selector en lugar de asociar el selector y el evento al document.

Por ejemplo:

$( "#usuarios" ).delegate( "li a", "click", function( e ) {} );

Como pueden ver asociamos el evento click a todos los links de elementos li , pero solo dentro de #usuarios. En lugar de hacerlo al document.
Como se dan cuenta las ventajas de esto son muchisimas:

Podemos elegir donde asociar el evento/selector
Chaining funciona perfectamente
Podemos usar la “magia” de live ya que si añadimos elementos dinamicamente estos funcionaran correctamente.
Aunque jQuery aun tiene que comparar los eventos con los selectores, al definir el propio root los datos a comparar son muy inferiores.

Algunas desventajas a mencionar pueden ser:

Usar esta nueva función no es tan simple como cambiar de bind() a live()
jQuery aun tiene que comparar eventos/selectores para ver que evento invocar.

3. on()

La función on() fue introducida en jQuery 1.7 para traer un poco de “orden” a las anteriores funciones. On() posee todas las ventajas de delegate() pero a su vez sirve como la función bind() dependiendo de como lo usemos.

Por ejemplo:

// Bind
$( "#usuarios li a" ).on( "click", function( e ) {} ); 
$( "#usuarios li a" ).bind( "click", function( e ) {} ); 
 
// Delegate
$( "#usuarios" ).on( "click", "li a", function( e ) {} ); 
$( "#usuarios" ).delegate( "li a", "click", function( e ) {} );

Como pueden ver según como usemos on() nos sirve para una cosa u otra. ¿Como usarlo? Pues si no vamos a crear elementos dinámicamente lo usaremos como bind()

Ventajas:

Trae una forma secilla de usar todos los métodos y más facil de enteder
Incluye todas las ventajas de delegate() y puede ser usado como bind() en caso de ser necesario.

Inconvenientes de esta función:

A veces puede resultar un poco confuso que según como lo uses , su función cambie.

Conclusión

Como conclusión podemos decir que si tenemos jQuery 1.7+ debemos usar on(). Si esto no es posible usaremos delegate() donde sea posible antes que usar live() cuando necesitemos añadir elementos dinámicamente. Y en caso de no ser necesario usaremos bind() como última opción.

Todo esto puede resultar bastante confuso pero resumiendo podemos decir que:

Usar bind() tiene un costo muy alto ya que asocia el evento a todos los selectores
No debemos utilizar más live() ya que es un método antiguo y trae problemas de rendimiento.
El nuevo on() reemplaza a bind() o delegate() según como sea usado.

En otras palabras, actualicen sus versiones de jQuery y empiecen a familiarizarse con la función on(). Espero que les haya gustado el tutorial. Saludos!!!!

Sigueme: