Sucede que WordPress te permite, gracias a la API de oembed, auto-embeber facilmente videos y fotos de otros servicios con tan solo pegar la URL del recurso a compartir.

Mi problema era que el código creado me superponía (z-index) los videos sobre todos los elementos HTML. La solución fue crear un filtro en WordPress (add_filter) que agregue el parámetro WMODE al IFRAME u OBJECT creado por oembed. Agreguen la siguiente función en el archivo function.php de la plantilla:

Esto agregará a la URL embebida el parámetro “wmode=opaque”, ya sea OBJECT o IFRAME.

Si embeben los videos manualmente, lo que deben hacer es agregar éste parámetro a la variable GET del servicio en cuestión. Como ejemplo, en YouTube sería de la siguiente forma:

<iframe width=”420″ height=”315″ src=”http://www.youtube.com/embed/6ituf7OslK0?wmode=opaque” frameborder=”0″ allowfullscreen></iframe>

Como siempre, espero que lo compartido sea útil.

Relacionados: add_filter, html, iframe, maquetacion, object, oembed, php, wordpress, z-index

Resulta ser que utilizo PasteBin y jsFiddle para compartir códigos con amigos y me planteé la duda existencial de si podía utilizar estos medios para compartir códigos en mi blog. Para mi suerte, ambos servicios te dan la opción de embeber los mismos en tu página a través de la etiqueta IFRAME. Bien sabemos que si queremos insertar directamente etiquetas IFRAME en nuestro blog, éste no lo permitirá, por lo que es ahí cuando entra en juego éste shortcode.

Bien, para ésto tuve que crear el siguiente código para WordPress en el archivo functions.php:

El ejemplo anterior es el resultado de PasteBin y el siguiente es el resultado de jsFiddle.

Hasta antes de dar con éste resultado, utilizaba el plugin “sintax highlighter“, pero con ésto, podré utilizar mis códigos en PasteBin y jsFiddle.

Espero les sea útil. ¡Saludos!

Relacionados: css, iframe, javascript, jsFiddle, PasteBin, php, shortcodes, wordpress

Bueno, para muchos wordpress developers ésto debe ser familiar puesto a que la referencia oficial dice que la función nativa para paginar existe desde la 2.1.0. Hasta hoy, utilizaba el plugin “PageNavi”; luego de haber caído, hasta casi por milagro, diría yo, con ésta función nativa de WordPress, la comparto con el mundo para que puedan implementarlo en sus sitios.

Siga los pasos marcados como comentario para utilizar correctamente ésta función:

Y listo. Bastante sencillo, ¿Verdad?.

Fuente: codex.wordpress.org/Function_Reference/paginate_links

Relacionados: funciones, pagenavi, paginador, php, wordpress

Hace un tiempito había visto una imagen a la cual le hicieron un efecto como el que intenté lograr con está foto de Florencia Lopardo para una sesión fotográfica de R3 Producciones y me puse a jugar con Photoshop. Quizás el efecto logrado no se asemeja a lo visto, pero ésto me permite mantenerme en práctica con las herramientas del software e intentar ir mejorando. Siempre son bienvenidas las opiniones.

Relacionados: florencia lopardo, photoshop, r3 producciones, retoque fotográfico

Hace un tiempo había visto una web en donde en la sección de comentarios de un post usaba tabs para alternar entre los comentarios del blog y el plugin comments de Facebook. Lo que llamó mi atención fue ver que en la tab de facebook tenía el número de comentarios obtenidos de dicho plugin. Planteado el problema, comencé a investigar y luego de exhaustivas búsquedas, preguntas, prácticas y un largo etcétera caigo con la solución y la comparto con el mundo.

Descargar Facebook PHP-SDK

El PHP-SDK nos provee funcionalidades del lado del servidor para poder acceder a la API de Facebook. Esto incluye todas las características de la Graph API, FQL y las REST API.

Lo pueden descargar desde acá. Una vez descargado, lo descomprimen y suben al servidor donde tienen su web.

Obtener API de Facebook

Podemos obtener los datos necesarios para continuar trabajando, ingresando a la pagina de developers facebook y crear una nueva aplicación.

Función PHP para mostrar los comentarios

Ahora vamos con la parte divertida: el código para mostrar la cantidad de comentarios del plugin. Vean los comentarios en el código para no perder el hilo

// Incluir el archivo "facebook.php" que descargamos del Facebook PHP-SDK
require_once( TEMPLATEPATH . "/incs/facebook-php-sdk/facebook.php");
 // Creamos la instancia (reemplazar los valores con los datos obtenidos al momento de crear la aplicación).
 $facebook = new Facebook(array(
 'appId' => 'xxxxxxxxxxxxxx',
 'secret' => 'xxxxxxxxxxxxxxxxxxxxxxxxx',
 ));
// Creamos la función. Yo la llamé "facebook_comment()".
 function facebook_comment($url)
 {
 global $facebook;

// Indicamos a facebook que usaremos el método "FQL" y en el query realizamos la consulta
$ret = $facebook->api(array(
'method' => 'fql.query',
'query' => 'SELECT url, commentsbox_count FROM link_stat WHERE url="'.$url.'"'
));

echo $ret[0]['commentsbox_count']; # Imprimimos en pantalla el resultado
 }

Mostrar la cantidad de comentarios en la plantilla.

Ahora solo nos queda ubicar la función con la URL como parámetro para que muestre la cantidad de comentarios del plugin Comments de Facebook.

<?php facebook_comment( get_permalink() ); ?>

Alternativa sencilla.

Si en su sitio solo desean mostrar los comentarios y no ven necesidad alguna para utilizar el PHP-SDK de Facebook, la solución más sencilla y directo a lo que buscamos es utilizar un código html que el mismo Facebook proporciona y lo pueden conseguir en el siguiente enlace. Busquen la sección “FAQ” y verán la pregunta “How do I access the number of comments left of my page?”. Ahí tendrán todo lo necesario en una sola porción de código.

Conclusión.

Con ésta sencilla función y el uso del PHP-SDK de Facebook, podemos hacer muchísimas cosas. Para ser mi primera vez que trabajo con ésta herramienta, el resultado obtenido me funcionó a la perfección.

¡A continuar investigando!

Relacionados: facebook, php, plugin, sdk, wordpress

Ya saben que me gusta trabajar con Photoshop y en un momento de ocio me puse a “retocar” una foto perteneciente a una sesión fotográfica que la producción de R3 realizó para el programa Reinas a la modelo, de Creativa Eventos, Belén Bergalo.

Relacionados: Belén Bergalo, photoshop, r3 producciones, retoque fotográfico

Siempre me gustaron las fotos tipo vintage; dan esa sensación de nostalgia. Revisando entre mis fotos encuentro una del Saint Christopher y se me dió por aplicarle éste efecto. Del photoshop, solo soy un aficionado, por lo que seguro que muchos le encontrarán mejoras. Escucho ofertas, jee.

Ah, a la imagen final también le hice alguna que otra corrección de objetos en el agua y tierra, quizás se noten, quizás no… detalles nada más.

Relacionados: photoshop, retoque fotográfico, vintage

¡Uff! Costó, pero logré hacerlo. “VHM Bitly” es mi primer plugin OOP para WordPress. Una vez instalado, lo que hace éste plugin es crear (o actualizar) una URL corta de la entrada o página usando la API de bit.ly.

Instalación

1. Descargar el plugin
2. Subir la carpeta `vhm-bitly` a `/wp-content/plugins/`
3. Activar el plugin a traves de la opcion `Plugins` en WordPress
4. Escriba el codigo `<?php if (function_exists(“the_bitly”)) { the_bitly(); } ?>` en la plantilla donde quiera mostrar la URL corta.

Dejen sus comentarios, dudas, mejoras, etc. en éste post y con gusto iré resolviéndolas.

Relacionados: bitly, php, plugin, wordpress

Se me pidió que realice un retoque fotográfico sobre una foto y pueden ver el antes y después en la imagen principal de ésta entrada. Me gusta jugar con Photoshop pero no soy un profesional de la materia por lo que quien sepa usar ésta herramienta como se debe sabrán marcarme los errores… siempre se aprende, ¿verdad?

Relacionados: ornella de bueno, photoshop, r3 producciones