Viktor Hugo Morales, Blog personal

Estimados escasos lectores en éste nuevo post les voy a mostrar un shortcode el cual les permitirá insertar mapas de google en las entradas o páginas de su blog en WordPress.

El código en cuestión es sencillo:

//  permite insertar mapa de google en entradas o páginas
function gmaps_sc( $atts, $content = null ) {
extract( shortcode_atts( array(
'width' => $width,
'height' => $height,
'latlon' => $latlon,
'zoom' => ($zoom) ? $zoom : 14
), $atts ) );

if ($width || $height || $latlon)
return "<iframe width='{$width}' height='{$height}' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='http://maps.google.com/maps?q={$latlon}&amp;num=1&amp;ie=UTF8&amp;t=m&amp;z={$zoom}&amp;ll={$latlon}&amp;output=embed'></iframe>";
}
add_shortcode( 'gmaps', 'gmaps_sc' );

Ahora bien, cuando estén escribiendo una página o entrada, agregan el siguiente shortcode:

[+gmaps width="620" height="350" latlon="-54.791778,-68.245955" zoom="8"+]

Nota: quitar los símbolos “+” en el código anterior para que funcione.

Las opciones son las que ven:

• width, que define el ancho del mapa.
• height, define el alto del mapa.
• latlon, la latitud y longitud de la posición del mapa,
• zoom, que tan lejos o cerca se verá el objetivo. (opcional, por defecto: 14)

Hasta acá todo muy lindo, pero… ¿de donde capturamos la latitud y longitud?. Pues bien, acá los pasos:

1. Ingresan a Google Maps: maps.google.com
2. Buscan la locación en el mismo utilizando las opciones de desplazamiento y zoom.
3. En el mapa, click con el botón derecho del mouse y elejir la opción “¿Qué hay aquí?…”
4. Copiar las coordenadas arrojadas en el buscador del Google Maps.
5. ¡Voilá! Esas serán las coordenadas utilizadas en la opción “latlon” del shortcode.

Sencillo, ¿verdad?.

Quizás se les habrá planteado más de una vez poder utilizar códigos javascript en sus páginas y/o entradas de WordPress pero nunca pudieron y huyeron buscando otra solución. Ésto me pasó hace poco y en lugar de esquivar éste problema, como lo hice en veces anteriores, se me dio por buscar una solución y me volví a topar con la magia de los shortcodes.

Para lograr agregar códigos javascripts en las páginas o entradas:

1. Agregar el siguiente código en el archivo functions.php

   function vhm_sc_html( $atts, $content = null ) {
   $str1 = array("<", ">", '&', ''', '"','<', '>', "”", "″");
   $str2 = array("<", ">",'&','\'','"','<','>', '"', '"');
   $content = str_replace($str1, $str2, $content); return $content;
   }
   add_shortcode( 'html', 'vhm_sc_html' );

2. Ahora en las páginas o entradas, y donde queramos que haya código javascript, hay que encerrar el mismo en las etiquetas “[ html ] [ / html ]” (sin espacios)

Ahí la solución, sean creativos.

Bueno bueno, otro tiempo sin escribir… y ahora decidido a compartir otro código con ustedes. Esta vez les paso una función para que puedan agregarla en los loops y que la misma seleccionará una imagen de la galería de imágenes del post y la mostrará, o si especifican un campo personalizado, que muestre dicha imagen. Vamos al código y dejemos las charlas de más.

(más…)

Hace pocos días atrás, conversando con @studiopatagonia, nos planteabamos la tarea de saber si podíamos ordenar las entradas de una categoría según la valoracion de los usuarios utilizando el plugin WP-PostRatings de Lester ‘GaMerZ’ Chan. Investigando un poco y sabiendo que se pueden utilizar los campos personalizados para tal fin, me topé con el código que solucionó este problema.

(más…)

Hace un tiempo atrás, un cliente planteó la duda sobre si su sitio podía mostrar la hora de su localidad y no de la PC del cliente. Esto era para que cuando un extranjero ingrese a su sitio, sepa que hora es en dicha localidad. Luego de algunas peleas con el código, caí con una solución en AJAX: llamar a un archivo PHP cada x tiempo que solamente contenga la funcion date(‘d/m/Y G:i:s’). Esto presentaba un problema, por lo que tuve que variar. Ahí entró en juego jQuery.

Actualización 10-08-2010, faltaban definir variables (Dah, error de novato?!)

(más…)