Escenario: tener que usar un set de imágenes en nuestros posts repetitivamente

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.

Meneame Technorati del.icio.us Bitacoras.com Digg Wikio Google Bookmarks Live Yahoo! Bookmarks Yahoo! Buzz Twitter Facebook Print email

WordPress 2.9 con interesantes novedades

editor imágenes wordpress 2.9

Automattic es una caja de sorpresas, al final creo que Google acabará comprando la compañía, pues cumplen muchos requisitos para ello, como tener un equipo de programación muy activo y dinámico.

WordPress 2.9 sigue su desarrollo y ya empezamos a conocer algunas de las nuevas características que traerá. Además para la 2.9 se ha contado con la ayuda y sugerencias de los usuarios prestando mucha atención a los resultados de la encuesta de peticiones para la nueva versión.

  • WordPress 2.9 necesitará MySQL 4.1 o superior. Y por supuesto PHP 5.
  • Editor de imágenes online.
    Algo que era realmente necesario para al menos realizar esas funciones básica como cortar, rotar (90º) y alguna función más. Todo hecho en javaScript. Además la zona de multimedia (media) se ha re-escrito totalmente para mejorarla. vía: AyudaWordpress
  • Reparación de base de datos incluida.
    El fichero /wp-admin/maint/repair.php nos da la pista sobre una utilidad para poder realizar una reparación de nuestra base de datos en caso de que tenga errores, añadiendo previamente en el wp-config.php esta línea:  define(’WP_ALLOW_REPAIR’, true);. Después de reparar tenemos que eliminar la citada línea. vía: AyudaWordpress
  • Papelera de reciclaje.
    Algo que la verdad no me esperaba, pero que al final tendrá su utilidad como entorno de trabajo para recuperar lo que borremos en caso de necesidad. vía: AyudaWordPress
  • Integrar códigos será más fácil.
    Aunque esta función no está finalizada será muy útil para integrar códigos de vídeos, fotos, enlaces, … de forma más sencilla. vía: eggplantdigital
  • Nuevo manual de Wordpress.
    Se está creando un nuevo manual de Wordpress con una completa guía del núcleo. Además de estar disponible online se podrá adquirir impresa. vía: eggplantdigital
  • Aumentará la seguridad.
    Se está haciendo mucho por mejorar la seguridad del gestor de contenidos más popular.

¿Qué otras nuevas características esperas en WordPress 2.9?

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

WordPress 2.9 con interesantes novedades

2 interesantes novedades en WordPress 2.9

Los chicos de Automattic no paran y en la versión 2.9 de WordPress ya se comienzan a dislumbrar las primeras caracteristicas con que nos sorprenderan en esta nueva versión:

La primera es un editor de imagenes on-line, muy básico eso si, y basado en JavaScript. Actualmente el editor sirve solo para cortar, rotar (90º) y voltear, además de incluir los botones para Deshacer y Rehacer.

editor_wp29

La segunda es la posibilidad de reparar la base de datos cargando el fichero /wp-admin/maint/repair.php. Esto nos reparar la base de dato en caso de contener errores, aunque deberemos añadir antes la linea define('WP_ALLOW_REPAIR', true); a nuestro wp-config.php. Una vez realizada la reparación, nos aconsejan borrar dicha linea para evitar el acceso de usuarios no autorizados a esta utilidad.

repair_wp29

En lo personal me gusta mucho la nueva opción de reparar la base de datos y espero que, de quí a que salga la versión oficial, mejoren el proceso que a mi parecer esta muy engorroso. ¿Que les parecen estas nuevas caracteristicas?

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Añadir un recuadro a las imágenes

Con un poco de CSS es posible añadir un pequeño recuadro (o borde) a las imágenes que insertes en tus posts. Pablo lo explica muy bien en su blog.

Contenido exclusivo para suscriptores al Feed

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

Clic aquí para iniciar la descarga Guía Domina tu Blog

¿Te gustó este post? ¡Compártelo!

Bitacoras.com
TwitThis
Facebook
Meneame
Google Bookmarks
del.icio.us
Live
Technorati
Ping.fm
Wikio
Turn this article into a PDF!
E-mail this story to a friend!
Print this article!

Recortando automáticamente nuestras miniaturas

En este tutorial vamos a poner en práctica una técnica para recortar nuestras miniaturas en WordPress “al vuelo”, consiguiendo enfocar y centrar las imágenes de la página principal de nuestro Blog.

Si bién con algunos toques de CSS siempre podemos ajustar el tamaño de nuestras miniaturas para maquetarlas adecuadamente, a la hora de querer que estén “recortadas” – esto es, privilegiando su centro y ganando en foco – el CSS empieza a ser algo más incómodo de utilizar.

TimThumb : Instalando nuestro script

Para preparar el terreno, nos bajaremos de aquí el script que servirá a nuestros propósitos, llamado Timthumb, y lo re-nombraremos timthumb.php.

Lo guardaremos dentro de nuestro tema, en una nueva carpeta : por ejemplo, “scripts”.

Dentro de la misma, y al lado de nuestro script, crearemos una segunda carpeta, dándole el nombre de “cache”. Es posible que más tarde nuestro servidor requiera que demos a ambas carpetas un permiso de lectura y escritura 777, el cual podemos cambiar desde nuestro programa ftp (como Filezilla). En principio, sin embargo, deberíamos poder prescindir de ello.

Iremos ahora a nuestro Índice (index.php, o home.php, según nuestro tema), y adjuntaremos el siguiente código allí donde queramos que la miniatura aparezca – por ejemplo, justo después del título del artículo, y antes del extracto :

<?php // Modificaremos más abajo anchura y altura de las imágenes, en el ejemplo están a 150 píxeles. ?>

	<?php if ( get_post_meta($post->ID, 'foco', true) ) { ?>
		<div class="foco">
			<a href="<?php the_permalink(); ?>" rel="bookmark" title="Enlance permanente a <?php the_title(); ?>">
				<img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, "foco", $single = true); ?>&h=150&w=150&zc=1" alt="<?php the_title(); ?>" width="150" height="150" />
			</a>
		</div>

<?php } ?>

Una vez esté instalado el script

Cuando todo esté listo, usaremos para nuestros propósitos los campos personalizados, con tal de imprimir una imagen por extracto gracias al código que hemos añadido, por ejemplo en nuestro índice o home.php, pero también en nuestras páginas de archivo.

De este modo, tras haber escrito nuestro artículo, nos dirijiremos a los campos personalizados para grabar la URL de la imagen que queramos utilizar, previamente subida a nuestro servidor a través del Gestor Multimedia en WordPress (pero no simplemente linkada).

Al campo personalizado le daremos el nombre de “foco”, y, como ‘valor’, la URL completa de la imagen a utilizar.

Nada más fácil. Ahora deberíamos poder disfrutar de imágenes automáticamente recortadas para nuestro índice.
No dudéis en plantear vuestras preguntas en los comentarios !

WP Smart Image: un plugin para diseñadores

wordpress-smart-image-1

WP Smart Image es un excelente plugin de Darío Ferrer recién salido del horno para gestionar el tamaño de las imágenes en tus plantillas de WordPress.

Tal como explica el autor, con WP Smart Image puedes:

  • Elegir la imagen a mostrar.
  • Elegir entre los cuatro tamaños que genera WordPress: miniatura, medio, grande y full.
  • Enlazar la imagen al artículo o dejarla sin enlace.
  • Agregar clases e IDs personalizadas a tus imágenes para aplicar estilos CSS, o bien gestionarlas con javascript, php, etc.
  • Mostrar imágenes en la lista de entradas que se encuentran ocultas en el contenido.
  • Obtener sólo la URL de la imagen en lugar de la etiqueta completa.
  • Personalizar atributos ALT y TITLE predeterminados si éstos no han sido configurados.
  • Agregar enlace a la versión full de la imagen desde la miniatura o tamaño medio.
  • Personalizar las imágenes genéricas (y sus rutas) para todos los tamaños, las cuales aparecerán cuando el artículo no tenga imágenes.

Olvídate del engorro que suponen los campos personalizados, este plugin tiene todo lo que que se le puede pedir a un plugin: una función útil, un manejo sencillo, una programación limpia, un diseño impecable y una excelente ayuda organizada en pestañas en el mismo panel de opciones del plugin.

Además lo tenemos en versión bilingüe, español e inglés y, cuando ya no lo necesites puedes eliminar todos los datos creados actúa solo en las plantillas, no agrega datos en la BBDD, manteniendo así tu BBDD y tu WordPress en las mejores condiciones.

En definitiva, otra gran aportación de la comunidad hispana a WordPress.

No se pueden subir imágenes con Google Gears

En Codigo Geek Matias nos informa de una incompatibilidad con Google Gears que evita que podamos subir imágenes a nuestro blog.

De todos modos tengo que reconocer que yo no tengo ningún problema con la subida de imágenes con Google Gears activado. Así que seguramente el error esté provocado por culpa de un archivo mal cargado a la caché de su Google Gears.

¿A tí también te está dando problemas?

Dynablue un tema gratis para wordpress

Dynablue es un tema para WordPress realmente dinámico en constante evolución y cambio. Tiene un diseño actual y con estilo para darle un toque especial a tu bitácora.

tema gratis para WordPress: dynablue

La cabecera tiene la posibilidad de rotar mostrando una de las últimas 4 entradas en tu blog de forma constate o bien usando el navegador. Además de contar con un lugar destacado en la misma para potenciar tu canal de Twitter y sindicación de contenidos RSS, al más puro estilo 2.0.

Un diseño realmente claro y sencillo que incluye completo soporte para Widget y dispone de opciones para destacar entradas en la portada. Además de personalizar las imágenes pequeñas desde un campo personalizado.

Tiene soporte para publicidad Adsense y para publicidad en formato 125×125 en el lateral.

No necesitará ningún plugin adicional si no quieres para hacerlo funcionar, realmente merece la pena probarlo si no tienes aun una opción para el diseño de tu blog.

Sitio Oficial: Dynablue | Demostración Dynablue
vía: WTC 

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí.

Dynablue un tema gratis para wordpress

Gran tema para WordPress. Arras Theme.

Arras Theme es un tema para WordPress diseñado para sitios de noticias o magazines con multitud de opciones de personalización. Dispone de 5 estilos diferentes para personalizar la página principal y opciones para integrar el tema y adjuntar todos sus enlaces.

Las características del tema WP Arras son:

  • Estilos alternativos listos para utilizar sin demora, además de poder crear los tuyos propios.
  • Ahora 5 nuevos estilos, incluyendo uno de presentacion de imágenes para personalizar la portada de tu sitio.
  • Personalización de los campos meta de tus artículos, permitiendo insertar sumarios fácilmente.
  • Selector para personalizar fondo, permitiendo añadir también tu propia imagen de fondo.
  • Generador de imágenes pequeñas automático, ya no tienes que hacerlo tu mismo.
  • Listo para Widgets y compatible con muchos plugins. Además optimizado para buscadores.
  • Compatible  con Firefox 3.0+, Internet Explorer 6+, Opera 9.0+, Safari 3.0+, Chrome 1.0+
  • Y otras tantas funcionalidades, puedes descargarlo gratis y probarlo.

Sitio Oficial: Descargar Arras Theme | Versión Live Arras theme

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí.

Gran tema para WordPress. Arras Theme.

Entradas en las blogosferas.122

Entradas en las blogosferas.122

  • La accesibilidad web, ¿reclamo, necesidad, obligación o negocio?. vía: loogic
  • Donde almacenar nuestras imágenes en un viaje de larga duración. vía: backfocus
  • Ya se presentó el nuevo lector de libros Amazon Kindle DX. vía: techtear
  • zeList es un plugin para gestionar directorios de enlaces en WordPress. vía: WordPress
  • Plugin para integrar la galería de fotos de Facebook en tu WordPress. vía: WordPress
  • Plugin para utilizar Facebook Connect en tu WordPress. vía: Sociable!
  • Los dominios y páginas más enlazadas. vía: Adseok
  • más de 50 tutoriales realmente útiles para PhotoShop para crear efectos en tus fotos (en inglés). vía: smashing apps
  • 7 nuevas APIs para SEO y control de tiempos (en inglés). vía: programmableweb
  • En breve: MacBook con conectividad 3G integrada. vía: AppleWeblog
  • Abandonmac, página con juegos “abandonware” para Mac OS X. vía: Applesfera
  • Desinstalar aplicaciones en Mac OS X con AppCleaner por Randy. vía: faq-mac
  • 16 Tips SEO de un empleado de Yahoo!. vía: vivaphp
  • Bases de datos para tener en cuenta. vía: Sentidoweb
  • Instala TODAS las versiones de Internet Explorer en tu PC (evitalo si puedes). vía: anieto2k
  • Lo importante de jugar. vía: juguetes

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí.

Entradas en las blogosferas.122