Shortcodes como modo rápido de incluir imágenes en nuestros artículos

Para los más inquietos de nosotros, los que gustamos de subir por FTP un montón de imágenes a nuestro site con nombres de archivo fáciles y luego utilizarlas rápidamente cuando escribimos un artículo (sin las complicaciones del Media Uploader), tenemos a nuestra disposición un muy buen truco para acelerar esa inclusión.

Para ello, abriremos functions.php y pegaremos el siguiente código:

function image_shortcode($atts, $content = null) {
extract( shortcode_atts( array(
'name' => '',
'align' => 'right',
'ext' => 'png',
'path' => '/wp-content/uploads/',
'url' => ''
), $atts ) );
$file=ABSPATH."$path$name.$ext";
if (file_exists($file)) {
$size=getimagesize($file);
if ($size!==false) $size=$size[3];
$output = "<img src='".get_option('siteurl')."$path$name.$ext' alt='$name' $size align='$align' class='align$align' />";
if ($url) $output = "<a href='$url' title='$name'>".$output.'</a>';
return $output;
}
else {
trigger_error("'$path$name.$ext' image not found", E_USER_WARNING);
return '';
}
}
add_shortcode('image','image_shortcode');

Este código debe, por supuesto, abrirse y cerrarse con los tags de apertura y cierre de PHP e incluirse al final de functions.php o bien entre las diversas funciones que allí ya tengamos especificadas.

Luego, en nuestros artículos, no tendremos más que escribir el siguiente shortcode:

[image name=Montevideo]

“Montevideo” es el nombre del archivo Montevideo.png.

Notad que aquí hemos permitido la inclusión de archivos en formato .png (pueden ser en .jpg pero lo tenéis que cambiar).

Esperamos que este truco sea de vuestra utilidad.

Comentarios
  1. katarsis20032002

    Antes que nada muy bueno el sitio.
    Luego a Ignacio, (que calculo, ya que hace poco pedían personas para publicar regularmente, que es uno de los que esta trabajando para ello)quiero decirle que estan muy buenas las notas y el blog ha subido mucho su nivel en cuanto a post y conocimientos.

    Luego y por último: me encanto el ejemplo de la foto que dice ‘montevideo.png’ ya que es mi ciudad natal y donde hoy vivo. (para los que no la conozcan es en uruguay, frente por frente a Buenos Aires)

    Saludos y gracias por sus consejos y enseñanzas.

    Escrito el12/03/2010
  2. Melvis Leon

    Buen articulo, como podria incluir varias imagenes en un post?

    Escrito el16/03/2010
  3. Gracias chicos por los comentarios, @melvis, para usar varias imágenes puedes repetir el shortcode tantas veces como necesites, con el nombre de imagen adecuado. Por cierto, si se utilizaran diversos formatos (.png, .jpg…) uno puede borrar la línea correspondiente en functions.php a cambio de escribir el nombre del archivo completo en el shortcode.

    Escrito el17/03/2010
  4. Rafa

    Una duda: En mi sitio suelo subir un gran número de imagenes a la vez, pero para incluirlas en el post debo hacerlo una a una. En alguna versión antigua de WP te daba la posibilidad de insertarlas de un click.
    Mi pregunta es si hay alguna forma (o plugin) para insertar varias decenas de imagenes sin necesidad de ir una a una….

    Uns saludo y enhorabuena por el blog

    Escrito el22/03/2010
  5. Hola Rafa, te recomiendo PhotoQ, para subir masivamente fotos, las puedes categorizar, y hay algunas opciones más, yo lo he usado un par de veces y funciona muy bién. (Voy a hacer una nota del plugin extensa). Saludos.

    Escrito el22/03/2010
  6. Rafa

    Gracias ignacio pero no es lo que busco, es demasiado plugin, buscaba algo más sencillo…

    Un saludo y te seguire de cerca

    Escrito el22/03/2010

DEJA TU COMENTARIO