Nuevo diseño en el blog


Como habéis podido comprobar hemos renovado el aspecto de la web de Lumilued, en respuesta a los estandares de diseño y adaptacion web actuales hemos elegido el tema Minimalizine de Rizqy Hidayat, el cual tiene un aspecto minimal y una tipografía muy visual, todo ello mezclando los tonos blanco, grises y azules que creo le dan un aspecto bastante actual al conjunto.

Aquí dejo una imagen del aspecto a día de hoy:

Nuevo Diseño Blog Lumilued

Añadir atribulo REL para FancyBox en WordPress


Galeria - Casa Rural Puerta de la Vera

Recientemente he tenido que adaptar une web estática realizada mediante HTML5, CSS3, JS y Jquery (aunque con cierto dinamismo en PHP) para montar una sección dedicada al Blog de la empresa en cuestión (cosas de la indecisión inicial del propietario, que no sabia si lo quería o no a la hora de realizar el estudio previo), es entonces cuando después de adaptar todo el diseño inicial de la web corporativa al blog (no sin ciertos problemillas) me vi en la tesitura de si mantener los códigos Javascripts que ya funcionaban en la web o si usar plugins de WordPress para hacer las mismas funciones. Después de pensarlo me dedique a intentar implementar el código actual a la estructura de WP y sin utilizar plugins ni estilos adicionales e innecesarios.

Una de las funciones a mantener era la de la galería visual Fancybox, la cual utilizo en la mayoria de mis proyectos y que me ha dado tan buen resultado. En wordpress por tanto hay que fijarse como funcionan las galerías fotográficas propias para saber la clase a utilizar para activar Fancybox que en este caso es “.gallery a”:

<div id=”gallery-1″ class=”gallery galleryid-82 gallery-columns-4 gallery-size-thumbnail”>
 <dl class=”gallery-item”>
   <dt class=”gallery-icon”>
    <a title=”Logotipo” href=”../inicio.jpg” rel=”galeria82″>
     <img class=”attachment-thumbnail” width=”190″ height=”97″ title=”Logotipo” alt=”Logotipo” src=”../inicio-190×97.jpg”>
    </a>
   </dt>
 </dl>
 <dl class=”gallery-item”>
 …
 </dl>
</div>

En el extracto vemos que los enlaces “a” no tienen clases definidas asi que usaremos la clase “gallery” del “DIV” padre asi podremos activar Fancybox para este tipo de galerías en el código Javascript encargado de ello:

$(“.gallery a”).fancybox({
 ‘transitionIn’: ‘elastic’,  
 ‘transitionOut’: ‘elastic’,  
 ‘titlePosition’: ‘over’,  
 ‘cyclic’: true,  
 ‘titleFormat’: function(title, currentArray, currentIndex, currentOpts) {  
  return ‘<span id=”fancybox-title-over”>Imagen ‘ + (currentIndex + 1) + ‘ / ‘ + currentArray.length + (title.length ? ‘ &nbsp; ‘ + title : ”) + ‘</span>’;  
 }
});

Con esto ultimo conseguimos que las imágenes se desplieguen con el visor de imágenes de Fancybox, ahora nos queda poder recorrer mediante las flechas o cursores izquierda o derecha las imágenes de dicha galería, para ello Fancybox utiliza el atributo REL de los enlaces para conocer de antemano por que imágenes puede navegar; como esto no nos lo provee Wordpres de forma nativa hay que agregarlo manualmente en el archivo functions.php del tema WP que estemos usando (en este caso mi propio tema), así pues, hay que añadir el siguiente código al final de este archivo:

add_filter(‘wp_get_attachment_link’,’add_gallery_id_rel’);
function add_gallery_id_rel($link){
global $post;
return str_replace(‘<a href’, ‘<a rel=”galeria’. $post->ID .'” href’, $link);
}

Como podemos observar hemos remplazado la cadena original <a href con <a rel=”galeria’. $post->ID.'” href’ con lo que añadimos el atributo rel que contiene “galeria” y a este concatenamos el ID de la entrada que la contiene, con lo que así evitamos que naveguemos por todas las galerías, si es que se muestran varias en la misma pagina.

Fuentes de interés: wiki.jnestudi.com

Versión 3.4 de WordPress disponible para la descarga


WordPress 3.4 acaba de ser liberado por su equipo de desarrollo con el nombre en clave “Green” en honor del guitarrista Grant Green, que a juicio de los responsables del CMS fue un claro exponente de la calidad y simplicidad.

Justo lo que a mi me gusta!!

Probando Windows Live Writer


Windows Live Writer

En estos días de pruebas y mas pruebas con el blog, y después de visitar una y otra vez el panel de administración de WordPress he decidido probar otra solución para hacer lo mas básico, que es la inserción de entradas al blog y poca cosa mas.

Después de unos minutos con “Windows Live Writer” (viene integrado en el paquete de utilidades de “Windows Live Essentials”) me doy que es una buena herramienta, sobre todo si lo que vamos a hacer es eso, insertar entradas. Me viene a la cabeza que no todos somos informáticos y lo que nos interesa es el contenido, el que escribir y ya esta,;no el diseño, los plugins, los temas y demás parafernalia que normalmente se hace al inicio de la creación del blog y que nos pueden confundir si lo hacemos desde el panel de administración.

Aunque cierto es que WordPress nativamente ya prevé eso y podemos crear distintos perfiles de usuarios dependiendo de si solo va a escribir entradas o algo mas, por lo tanto esta en nuestras manos decidir (como siempre!).

 

Seguiré probando esta herramienta y ya veremos como va en unos días, de momento esta entrada esta realizada con WLW.