Planeta WordPress

Si, lo reconozco, odio el cargador flash de WordPress, nunca una funcionalidad de este querido CMS nuestro me provocó tanta mala leche a diario. Es más, echo de menos el viejo cargador de imágenes antiguo, que no ponía una ventana entre tu y el editor.

Así de majo era el antiguo cargador de imágenes

Y no lo odio porque funcione mal, que no lo hace, sino porque hay tareas que, siendo simples, en vez de hacerse de manera rápida las enlentece, me explico …

Cuando usábamos el viejo cargador de imágenes este no abría ninguna ventana sobre nuestro editor con lo que, si salvábamos la limitación de subir solo una imagen cada vez, con algún plugin como Multiple upload, era una gozada insertar imágenes en tu texto, pues no era como ahora que vale, subes tropecientas imágenes de golpe pero luego, insertas una y … vuelta a abrir el cargador, hacer clic en Galería, clic en Mostrar (la imagen que vas a insertar en segundo lugar), y clic en Insertar en la entrada. Vamos, muchos clics para algo que ya teníamos y que, a mi modo de ver, no ha mejorado en su conjunto, solo en la capacidad de carga de imágenes en lote.

Que digo yo que si no sería posible volver a tener el cargador de imágenes en un widget del editor y así facilitar la cosa, y de paso sería más ligero, sin tanto AJAX, que si, muy moderno pero es más lento que un cargador tradicional.

Vamos, que no sé que pensarás, pero yo me acuerdo de la madre que parió al cargador flash cada vez que tengo que insertar más de una imagen en una entrada ¿a ti no te pasa?

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Guía para Administrar WordPress

Image Space Media (ISM) (antes Picadmedia) es un servicio que te ayuda a sacar una rentabilidad económica de tus imágenes. El proceso es sencillo una vez dado de alta en su plataforma e insertado su código javascript en el código fuente de tu sitio web, el servicio de ISM insertará anuncios en todas las imágenes de tu página.

La idea es original y realmente sencilla y podría ayudar a tener ingresos adicionales a la publicidad típica de agencias o Adsense. Después de estar probando desde el 18 de febrero de 2010 este servicio creo que los ingresos reportados no compensan contra los problemas de posicionamiento que parece provocar en las imágenes. Han sido casi 4 meses de pruebas donde hemos generado casi 2 millones de impresiones de anuncios, cerca de 7.500 clics sobre más de 15.000 imágenes indexadas en el sistema ISM. Casi 320 dólares en este tiempo y la supuesta perdida de posicionamiento en todas las imágenes en google, al menos Decoración 2.0 dejo de indexar imágenes y en el caso de Amor desaparecieron todas, fue quitar ISM el sábado pasado y volver a indexar todas las imágenes. No se si es casualidad, pero puede ser que a Google no le guste que pongamos publicidad en las imágenes.

Por último destacar que el ratio de clic es realmente interesante desde el 0,25% hasta el 0,55% algunos días. Ahora la decisión de probar o activar este servicio es tuya, aquí tiene mi experiencia que es positiva, pero ante la posible perdida de posicionamiento he terminado por de momento eliminarlo.

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

Rentabilizar con publicidad las imágenes de tu web

El proceso de escritura en un blog puede ser algo muy sencillo, pero es importante seguir unos pasos esenciales para no olvidarte de nada. A algunos quizá os sonará absurdo o quizá inútil, pero siempre va bien refrescar nuestra mente por si nos estamos olvidando de algo importante.

Mi recomendación es que empieces escogiendo, si todavía no la sabes, la idea principal de tu post. Defínela, escribe una frase corta que la contenga. Asegúrate que tu artículo tiene una sola idea principal. Si estás pensando en dos, mejor que las separes, las analices y las hagas en dos entradas distintas.

Evidentemente, dentro de cada post habrán ideas secundarias relacionadas con la principal que has escogido: haz un pequeño borrador con todas las ideas que quieres tratar en el post. No es necesario que las redactes, pueden ser palabres o frases cortas sin cohesión.

Asegúrate de tener claro cuál es el objetivo del artículo antes de empezar. Decide si quieres hacer un post informativo (noticias), instructivo (manuales o tutoriales), de opinión (recomendaciones, opiniones, etc.)… ¿A quién te diriges? Dependiendo de tu público objetivo deberías ajustar el lenguaje para que todos los usuarios puedan entenderte perfectamente. Si tu público es “cualquier persona que pueda estar interesada“, evita los tecnicismos excesivos. Escribir de forma sencilla no es escribir mal, al contrario.

Infórmate. Sea lo que sea sobre lo que vas a hablar, independientemente del tipo de artículo que quieras hacer, tienes que estar bien informado sobre el tema que vas a tratar. Siempre podemos equivocarnos o dejarnos cosas, pero si estás bien informado podrás informar mejor a tus visitantes, podrás opinar con más conocimiento o podrás ayudarlos en caso que tengan dudas.

Una vez llegado a este punto, me parece que lo importante es ponerse a escribir. Si ya te has informado sobre el tema y lo dominas, lo mejor es que empieces escribiendo sin consultar otras fuentes. Escribe lo que sabes, lo que quieres comunicar, sin otro objetivo que transmitir a las palabras lo que estás pensando. Hay gente que prefiere escribir a mano, pero eso es decisión tuya. Puedes probarlo haciendo algún artículo y verás si te va mejor o peor que hacerlo directamente en el ordenador.

Una vez hayas hecho el primer borrador del artículo, con contenido propio y original, puedes contrastar tus datos con otras fuentes o artículos que hayas leído. De esta forma te asegurarás que tu artículo está bien fundamentado y no tiene lagunas importantes respecto al contenido.

Personalmente creo que, tenga el objetivo que tenga tu post, los blogs son medios de comunicación personales y es importante que incluyan tu propia opinión personal. En algunos temas a veces es difícil opinar ya que son puramente informativos, pero siempre que puedas te recomiendo que dejes clara tu opinión personal, defendiéndola y explicando claramente los motivos que te hacen pensar de esa forma en concreto. Tus lectores lo agradecerán y valorarán mucho, incluso dejando su opinión en los comentarios.

Una vez crees que tu contenido está completo, repásalo bien. Haz una o dos lecturas corrigiendo todo lo que veas mal: faltas de ortografía, expresiones, oraciones que no se entienden o que puedan confundir al lector. Si es un artículo importante, puedes dárselo a algún conocido para que lo lea antes de publicarlo: cuatro ojos siempre ven más que dos.

Una vez leído, como siempre digo, ¡enlaza! No te pases, pero la mayoría de artículos pueden enlazar a otras páginas (¡o a la tuya propia, muy importante!). A la mayoría de los visitantes les gusta poder acceder a las fuentes de la información (¡inclúyelas siempre!), a páginas complementarias o artículos que puedan profundizar en el conocimiento de lo que estás explicando en tu artículo. Eso sí, no te pases: mejor no enlaces más de una o dos veces en el mismo párrafo, puede ser excesivo.

En mi orden de escritura de artículos, normalmento acabo poniendo las imágenes. Yo recomiendo que un buen artículo contenga, como mínimo, una imagen. A veces estarán más relacionadas con la idea principal del artículo, a veces estarán relacionadas con algunas ideas secundarias. Pero lo importante es que pongas alguna imagen para transmitir sin palabras de qué estás hablando en ese texto.

Una vez tengas escrito todo el texto y tengas seleccionadas las imágenes que quieres poner, hazlo bonito. Distribúyelas a lo largo del texto, alinéalas como más te guste para que el usuario pueda leer el texto de la forma más fácil posible. Utiliza las negritas y las cursivas para mejorar la lectura de tus artículos.

Y, finalmente, escoge el título. Preferiblemente que no sea ni muy corto ni muy largo, tiene que contener obligatoriamente la idea principal del artículo y puede orientar sobre alguna idea secundaria.

Hay muchos usuarios que lo primero que harán al entrar a tu blog será:

1. Mirar las imágenes
2. Leer el título

Si ninguno de los dos elementos les llama la atención, difícilmente seguirán leyendo. Así que trabaja estos dos aspectos tanto como puedas. Y, ya para acabar… ¡es hora de publicar!

Imágenes: Flickr 1, 2, 3, 4.

Aquí os dejamos una completa colección de páginas en Internet desde donde descargar fotografías e imágenes gratis. En la mayorías de estos bancos de imágenes también encontrarás muchas de pago con derechos de uso libro o con derechos de autor y limitaciones, pero lo interesante es que también te ofrecen un buen número gratis para tus proyectos.

• stock.xchng. Es uno de los mejores sitios que ofrecen imágenes de alta calidad para descargar siempre que estés registrado previamente. Para poder descargar las imágenes gratis en alta calidad tendrás antes que visualizarlas. Ahora bien fíjate bien en la licencia de la foto porque no todas son gratis. Utiliza el buscador para listar solo las imágenes gratis. Conozco muchos diseñadores que hace uso de este sitio.
• Imagebase. Colección de fotos e imágenes de dominio público, además no exige registro precio para descargar, aunque es importante que leas sus condiciones de uso y licencia de las fotografías.
• Every Stock Photo.
• Morguefile. Un sitio con imágenes de muy buena calidad y referencia para ilustradores, diseñadores y profesores. Su filosofía es la de proporcionar material de libre acceso para uso en actividades creativas. Por lo que comentan es posible usar su material para fin comercial  no comercial sin problemas.
• Openphoto.net. Cerca de 15.000 imágenes por categorías para descarga gratuita.
• Stockvault.net. Fotografías e imágenes para diseñadores y fotógrafos de libre uso siempre que sea para fines no comerciales.
• Unprofund. Fotografías libres de derechos para descargar incluso sin necesidad de registrarse.
• Photorogue. Un interesante proyecto donde si te gusta una foto se ayudan a contactar con fotógrafos para obtener autorización de uso e incluso para que alguno de ellos lance de forma gratuita la foto que andas buscando.
• Freerangestock. Fotografías y texturas gratis previo registro para uso no comercial y también comercial.
• Geekphilosopher. Colección de imágenes para descargar sin registro previo, siempre que utilices una te piden que al menos cites la fuente de la misma.
• Cepolina. Un sitio en más de 15 idiomas y donde nos ofrecen una colección de imágenes de viajes y naturaleza muy completa de todo el mundo.
• Abstractinfluence. Una vez registrado puedes participar en este foto de intercambio de fotografías donde se publican fotos personales y donde puedes publicar las tuyas propias.
• Woophy. Un servicio similar a Cepolina pero mostrando un mapa del mundo para buscar las fotos de la zona del nuestro planeta que nos interese. Todas las fotos está geolocalizadas.
• Photorack. Más imágenes gratis.
• Freepixels. Casi 4.000 imágenes gratis.
• Design packs. Completo banco de imágenes gratis para diseñadores web.
• FreeFoto. Otra gran galería de imágenes gratis con más de 130.000 en más de 3500 categorías. Es importante leer sus condiciones de uso.
• Imageafter. Más de 25.000 imágenes y texturas gratis para libre uso.
• Pixel perfect digital. Fotografías gratis por categorías. También dispone de un servicio de fotos premium de pago.
• Free Stock photos. Imágenes gratis por categorías e imágenes relacionadas. Te piden que cites con un enlace la procedencia de las fotos si haces uso de ellas.
• Free digital photos. Otro completo banco de imágenes que puedes usar siempre que cites la fuente.
• Public domain photos. Banco de fotos y clipart de dominio público.
• Nation ilustrated. Miles de imágenes por continentes para localizar lo que buscas.
• Historial stock photos. Fotografías antiguas, personajes, lugares, publicidad, … para libre uso.
• Kavewall. Fotografías tomadas con una distancia focal muy corta, tienen muchas imágenes con alta grado de detalles.
• Free stock images. Más de 8 Gb de fotografías gratis para libre uso.
• Pixelio. Completo banco de imágenes gratis con más de 360.000 fotografías libres de derechos. La pega es que está en alemán y hace falta registrarse.
• Pixel galerie. Otro sitio en alemán de fotos gratis que no requiere registro.
• Photogen. Registrate y accede a una colección interesante de fotos de alta resolución.
• Studio25. Es una web rumana que también tiene partes en inglés con fotos de muy buena calidad.
• Free stock photography. Otro completo sitio de imágenes libres de derechos.
• Free photos bank. Otro banco de imágenes gratis.
• Free jpg. Fotografías digitales gratis, un sitio hecho en argentina.
• Pulsame. Banco de imágenes y fotografías de libre uso y sin copyright.
• La ciudad de las fotos. Una completa colección de imágenes de todo tipo.
• Creative Stock. Colección de fotografías gratis, consulta las licencias de uso.
• Photo Laboratory. Imágenes gratis en alta calidad permitiendo la descarga gratis de 35 mb diarios. Gracias Pedro.

Espero que esta completa colección de sitios para descargar imágenes gratis y fotografías gratis te resulte de utilidad. Si conoces más sitios no dudes en dejarnos un comentario para mejorar esta lista.

vía: Solucionesseo

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

Páginas web para descargar imágenes gratis

Es habitual en nuestras páginas web querer poner imágenes en miniatura en algún lugar cercano a los posts, ya sea en la página principal, en algún sitio para “entradas destacadas” o en una sección que sea “los posts de esta semana”. Aunque este plugin sirve para hacer cualquier tipo de miniaturas (thumbnails), vamos a mostrarlo aplicándolo a miniaturas de cada post.

Para instalarlo, puedes buscarlo directamente en el instalador de plugins de WordPress. Para utilizarlo necesitarás usar código PHP, pero si no has utilizado nunca dicho código, no te preocupes: no tendrás que modificar casi nada. La función que utilizaremos para crear cualquier miniatura tiene la forma siguiente:

<?php thumbGen(imagen,ancho,alto,crop,centrar,grises); ?>

imagen: la URL entera de la imagen original
ancho: el ancho de la miniatura que queremos hacer.
alto: la altura deseado para la miniatura
crop: si queremos que la imagen no tenga deformaciones, tenemos que ponerlo a 1. Cortará la imagen si es necesario para no alterar sus proporciones.
centrar: si queremos que el thumbnail sea cortado guardando siempre la parte del centro de la imagen (recortando por todos los bordes), debemos asignarle un 1. Si ponemos 0, recortará sólo por abajo y la derecha, dejando la esquina de arriba a la izquierda centrada.
grises: si queremos generar una miniatura en escala de grises, tenemos que poner este parámetro a 1.

El código siguiente, introducido dentro de tu theme de WordPress, te permitirá obtener una miniatura de la primera imagen que hayas adjuntado a tu post. En caso de que no tenga ninguna imagen, no se mostrará nada.

<?php
$img="";
$args = array(
'post_parent'    => $post->ID,
'post_type'      => 'attachment',
'numberposts'    => 1,
'post_mime_type' => 'image'
);
$attachs = get_posts($args);
if ($attachs) {
$img=wp_get_attachment_image_src($attachs[0]->ID,'full');
}
if(!empty($img)){
?>
<img src='' alt='' />
<?php
}
?>

Lo único que tienes que modificar son los parámetros descritos más arriba; sobre todo, la anchura y la altura. Para hacerlo, copia el código adjunto y modifica el 200 (anchura) y el 150 (altura), poniendo el tamaño que desees.

Eso es todo. Espero que os sirva, yo lo encuentro un plugin muy interesante que puede servir en todo tipo de páginas web con WordPress. Genera imágenes pequeñas que casi no ocupan y que, por lo tanto, harán que tu página no vaya demasiado lenta.

Más información en la página oficial de thumbGen.

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.

Si no conoces WP Smart Image II estoy seguro de que te estás perdiendo, no solo un gran plugin creado por Darío Ferrer, sino muchas de las posibilidades que WordPress ofrece para la gestión adecuada de imágenes, pues se integra y mejora enormemente la funcionalidad de inserción de imágenes en tu sitio, aprovechando las funciones internas y vitaminando sus posibilidades.

Ya la primera versión del plugin era una maravilla, pero cuando Darío revisó su trabajo previo decidió remozar completamente el plugin y crear WP Smart Image II, convirtiéndolo en su razón de ser: un recurso imprescindible para el diseñador web, pero no solo para el diseñador sino para cualquiera que habitualmente utilice imágenes en su sitio creado con WordPress.

Es importante que sepas que WP Smart Imagen II viene a ser una sustitución de la función 'post_thumbnail', pero no solo la sustituye sino que la mejora. En esta entrada tienes la lista completa de funcionalidades frente a la función nativa de WordPress.

Tan comprometido está Darío con el proyecto que hasta ha creado un Wiki en el que documentar - incluso más allá de lo razonable - el uso y motivos de WP Smart Image II, otro motivo por el que merece la pena apoyar este proyecto, de un desarrollador hispano, de un amigo, de un compañero de comunidad que ayuda a que WordPress sea cada día mejor ¿no os parece?.

Y puede que te preguntes ¿como ayudar a este proyecto?, pues el mejor modo es usar el plugin en tus sitios, probarlo, informar a Darío de cualquier fallo que encuentres o mejora que se te ocurra, también puedes ayudar en el desarrollo, descargando las últimas versiones en su propio Trac.

Si aún no estás convencido de lo que aporta WP Smart Imagen II, aquí tienes sus virtudes …

Diseño y maquetación

Desarrollo web

• Elegir el tipo de salida de la función: echo o return.
• Añadir clases e ID personalizados a las imágenes, a fin de procesarlas apropiadamente mediante CSS, javascript, PHP y otros recursos..
• Obtener la URL de la imagen en lugar de la etiqueta completa.
• Añadir y definir atributos a los enlaces, tales como "rel", "class", "id" y "target".
• Separar los datos de las imágenes en piezas y mostrarlos individualmente (Alto, ancho, tipo de archivo, ID, etc).
• Puedes poner a funcionar el plugin en el Modo PHP, ahorrándote así unos cuantos queries para tareas comunes del sistema.

Blogging

• Elegir la imagen a mostrar a través de una amigable caja en tu editor de texto.
• Mostrar miniaturas en feeds RSS.
• Personalizar tamaños en feeds RSS.
• Asignar títulos a las imágenes directamente de la caja de tu editor.
• Elegir cualquier imagen de tu librería multimedia y asignarla al artículo, aún si dicha imagen no está vinculada a éste.

¿Aún te quedan dudas para darle una oportunidad al que puede ser el futuro en la gestión de imágenes en WordPress?. Luego no digas que no te he avisado.

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Guía Domina tu Blog

Dario Ferrer nos cuenta en su sitio cómo podemos cambiar de golpe el tamaño de todas las imágenes que tenemos en todas las entradas de nuestro sitio.

Una de las mejores formas para que nuestros artículos resulten más atractivos a nuestros lectores es, sin duda alguna, añadir fotografías que complementen o resalten nuestros contenidos. Desde el principio, en mi blog usé fotos con licencia libre para este fin. Si no haces uso comercial de las imágenes, la única condición para usar este tipo de contenido es hacer referencia a su autor. En mi caso, además, cada vez que añado una fotografía también incluyo un comentario en la página de Flickr de donde proviene, haciendo así que el autor conozca recíprocamente mi blog.

Para usarlo, lo único que hay que hacer es insertar el shortcode… [flickr-gallery] …en el post en el que queramos insertar la galería. Entre las opciones que ofrece, al conectar con nuestra cuenta en Flickr, puede añadir una galería con las fotos más recientes… [flickr-gallery mode="recent"] …con las fotos más interesantes… [flickr-gallery mode="interesting"] …o incluso añadir una búsqueda de fotos en Flickr [flickr-gallery mode="search" tags="foo" group_id="46862018@N00"] Esta opción puede ser interesante para mostrar contenido multimedia atractivo que esté relacionado con nuestro artículo. También permite controlar el tamaño de las imágenes, insertar video y por supuesto insertar una única foto. Para más detalles sobre su uso os recomiendo visitar la web del autor: http://co.deme.me/projects/flickr-gallery/

Hay que señalar que este plug-in no está verificado para la última versión de WordPress, pero yo no he tenido mayores problemas al usarlo.

Además de este plug-in, existen muchos otros para insertar contenidos de Flickr dentro de WordPress. Sin embargo, de todos los que probé, éste fue, sin duda, el más sencillo de utilizar y el que hacía justo lo que necesitaba. ¿Qué otros plugins conocéis para insertar imágenes? ¿Usáis imágenes con licencia libre en vuestros artículos?

Si por alguna razón tuviéramos que utilizar una, dos, o tres imágenes de manera muy habitual en nuestros posts (por ejemplo, un icono acorde con la categoría en la que clasificaremos el post) nos interesará saber que podemos sistematizar el proceso y ganar en algo en “velocidad de publicación”.

Iremos al directorio de nuestro tema activo, y buscaremos al archivo functions.php. De no tenerlo, crearíamos y nombraríamos, con un editor de texto como Notepad++, a un archivo en blanco “functions.php” y lo dejaríamos caer junto con el resto de archivos de nuestro tema.

Una vez creado y guardado, pastearemos en él lo siguiente (si ya lo tuviéramos, lo pondríamos, independiente, al final de todo) :

<?php
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');
?>

A partir de aquí, al escribir posts, teclearemos simplemente algo así :

[image name=icono-categoria]

Donde icono-categoria se refiere a una imagen del mismo nombre ( icono-categoria.png ) situada en /wp-content/uploads/ (por lo tanto, previamente subida allí con nuestro programa FTP).

Es importante notar que habrá que cambiar, en el código de functions.php, el tipo de extensión en el que hayamos grabado nuestras imágenes en particular. En este caso, se trataba de .PNGs

Esperamos que este truco os sea provechoso. Gracias a Rarst por compartirlo.