aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Andrés Nieto

Palma de Mallorca, España

Menú

Buscador

Wordpress 2.9.2, actualización de seguridad leve

16 Feb

aNieto2k hace 32 días en: Asides, Wordpress, webdev

+ 1

Wordpress nos acaba de avisar de una nueva actualización, en concreto de la 2.9.2, que soluciona un fallo de seguridad detectado por Thomas Mackenzie. El fallo detectado posibilita que los usuarios registrados visualizar información sobre posts de otros usuarios desde la papelera. Si es el caso en el que necesitas tener activado el modo “paranoia” de seguridad no lo dudes y actualiza, si crees que puedes pasar, espera a la siguiente versión que parece que solventará alguna cosilla más. [Descargar]

CSS Sprites para mejorar las fechas de tus posts

4 Feb

aNieto2k hace 44 días en: CSS, Programacion, Wordpress, hacks, themes, webdev

+ 9

Hace ya tiempo, vimos como introducir un calendar con las fechas en tus posts. Un sistema que permite darle un aspecto diferente a tu wordpress. En WpBeginner dán un paso más y usando la CSS Sprites genera un elegante sistema que se basa en desplazarse por encima de una imágen para mostrar la fecha.

(Ver Imagen)

Como vemos en la imágen, tenemos las fechas desde 2009 a 2014 y con el siguiente código CSS podremos mostrar el año que deseemos.

/*Date Sprite */
.postdate {
position: relative;
width: 66px;
height: 60px;
float: left;
}
.month, .day, .year {
position: absolute;
text-indent: -1000em;
background-image: url(images/date_img.png);
background-repeat: no-repeat;
}
.month { top: 10px; left: 0; width: 33px; height: 30px;}
.day { top: 30px; left: 0; width: 33px; height: 30px;}
.year { bottom: 0; right: 13px; width: 20px; height: 60px;}

.m-01 { background-position: 0 0px;}
.m-02 { background-position: 0 -30px;}
.m-03 { background-position: 0 -62px;}
.m-04 { background-position: 0 -94px;}
.m-05 { background-position: 0 -125px;}
.m-06 { background-position: 0 -155px;}
.m-07 { background-position: 0 -185px;}
.m-08 { background-position: 0 -217px;}
.m-09 { background-position: 0 -248px;}
.m-10 { background-position: 0 -279px;}
.m-11 { background-position: 0 -310px;}
.m-12 { background-position: 0 -341px;}

.d-01 { background-position: -51px 0;}
.d-02 { background-position: -51px -27px;}
.d-03 { background-position: -51px -57px;}
.d-04 { background-position: -51px -91px;}
.d-05 { background-position: -51px -122px;}
.d-06 { background-position: -51px -151px;}
.d-07 { background-position: -51px -185px;}
.d-08 { background-position: -51px -214px;}
.d-09 { background-position: -51px -249px;}
.d-10 { background-position: -51px -275px;}
.d-11 { background-position: -51px -309px;}
.d-12 { background-position: -51px -338px;}
.d-13 { background-position: -51px -373px;}
.d-14 { background-position: -51px -404px;}
.d-15 { background-position: -51px -436px;}
.d-16 { background-position: -51px -462px;}
.d-17 { background-position: -100px -0px;}
.d-18 { background-position: -100px -27px;}
.d-19 { background-position: -100px -57px;}
.d-20 { background-position: -100px -91px;}
.d-21 { background-position: -100px -122px;}
.d-22 { background-position: -100px -151px;}
.d-23 { background-position: -100px -185px;}
.d-24 { background-position: -100px -214px;}
.d-25 { background-position: -100px -249px;}
.d-26 { background-position: -100px -275px;}
.d-27 { background-position: -100px -309px;}
.d-28 { background-position: -100px -338px;}
.d-29 { background-position: -100px -373px;}
.d-30 { background-position: -100px -404px;}
.d-31 { background-position: -100px -436;}

.y-2009 { background-position: -150px 0;}
.y-2010 { background-position: -150px -60px;}
.y-2011 { background-position: -150px -120px;}
.y-2012 { background-position: -150px -180;}
.y-2013 { background-position: -150px -240px;}
.y-2014 { background-position: -150px -300px;}

El código HTML encargado de mostrar las imágenes se basa en el uso de clases que indicarán que porción de imágen hay que mostrar.

<div class="postdate">
<div class="month m-<?php the_time("m") ?>"><?php the_time("M") ?></div>
<div class="day d-<?php the_time("d") ?>"><?php the_time("d") ?></div>
<div class="year y-<?php the_time("Y") ?>"><?php the_time("Y") ?></div>
</div>

El resultado es que mediante la carga de una única imágen disponemos de todas las fechas posibles entre estos 5 años y solo cambiando las clases de los hijos del elemento .postdate podremos mostrar una fecha u otra.

Wordpres para Android oficial liberado

2 Feb

aNieto2k hace 46 días en: Wordpress, android

+ 7

Wordpress ha anunciado hoy que la versión oficial que nos permitirá publicar desde nuestros Android’s se puede descargar y empezar a usar. Al igual que hizo para el iPhone y los terminales Symbian.

(Ver Imagen)

Para los usuarios que hemos usado WpToGo, nos sonará bastamte ya que se ha usado como base para esta nueva versión, añadiendo una serie de nuevas mejoras como:

Creación y mantenimiento de páginas
Comentarios con imágenes de Gravatar
Posibilidad de responder comentarios

Continua —>

Primeras imágenes de Wordpress 3.0 Multisite

20 Ene

aNieto2k hace 59 días en: Wordpress, webdev

+ 15

La nueva versión de Wordpress se está perfilando, y el cierre de Wordpress MU es la muestra del camino que se pretende seguir, una versión unificada que permita disponer de las ventajas de MU sobre un único Wordpress. De ahí que las siguientes imágenes de la versión 3.0 Multisite, nos recuerden tanto a Wordpress MU.

(Ver Imagen)

Podemos ver la configuración de los diferentes blogs que podemos tener en la misma instalación de Wordpress. Nunca he sido partidario de que unieran las dos plataformas, pero visto que lo van a hacer igualmente habrá que ir buscándole la gracia.

Deshabilitar el editor HTML de nuestro Wordpress

19 Ene

aNieto2k hace 60 días en: CSS, PHP, Programacion, Wordpress, hacks, javascript, webdev

+ 7

Aunque sin él yo no podría escribir mis artículos, es posible deshabilitar el editor HTML de nuestro Wordpress de una forma sencilla con alguna de estas opciones:

1) CSS: La opción con más estilo (¿lo pillais? )

Sin duda se trata de la solución más rápida y sencilla ya que simplemente tendremos que añadir un estilo CSS al panel de administrador.

// Añadir el CSS directamente
function removeHTMLEditorCSS(){
 echo '<style type="text/css">#editor-toolbar #edButtonHTML, #quicktags {display: none;}</style>';
}

add_action('admin_head', 'removeHTMLEditorCSS');

// Añadir un fichero CSS externo
fichero: removeHTMLEditor.css
#editor-toolbar #edButtonHTML, #quicktags {display: none;}

wp_register_style('removeHTMLEditorCSS', '/ruta/css/removeHTMLEditor.css');
wp_enqueue_style('removeHTMLEditorCSS');

2) Javascript: La más rápida

Desde Javascript podemos borrar directamente el botón y no permitir usar esta opción:

function removeHTMLEditorJS(){
 echo 'jQuery(document).ready(function($) {
         $("#edButtonHTML").remove();
       });';
}

add_action('admin_footer', 'removeHTMLEditorJS');

3) PHP: La más limpia

En las dos anteriores, aunque son efectivas, dejamos la opción de recuperar la opción directamente desde el mismo navegador, desde PHP podemos eliminar el botón dejando la opción perfectamente deshabilitada.

function my_default_editor() {
 $r = 'tinymce'; // html or tinymce
 return $r;
}
add_filter( 'wp_default_editor', 'my_default_editor' );

// Versión reducida
add_filter( 'wp_default_editor', create_function('', 'return "tinymce";') );

Conclusión

Siempre que puedas estas cosas, deberían ir en un fichero de configuración alojado en el servidor y todas las opciones son igual de válidas.

Wordpress 2.9.1

5 Ene

aNieto2k hace 74 días en: Asides, Wordpress, webdev

+ 0

Wordpress 2.9.1 ha visto la luz, despues de una serie de parches para solucionar algunos problemas, la versión estable ve la luz.[Descargar]

Digging into Wordpress, libro disponible

30 Dic

aNieto2k hace 80 días en: Wordpress

+ 1

Juan Andrés Milleiro me avisa via Twitter de que Digging into Wordpress ya está disponible para comprar. Se trata de un libro con todo lo que puedes llegar a usar con Wordpress recogido y muy bien explicado.

(Ver Imagen)

En el podremos ver, desde como configurar una instalación de Wordpress hasta como optimizar la base de datos, pasando por conocer la anatomía un theme o como extender la funcionalidad de Wordpress… basicamente todo lo que hemos ido viendo a lo largo de los años aquí en un libro de más de 400 páginas a todo color.

(Ver Imagen)	(Ver Imagen)
(Ver Imagen)

Existen dos modalidades que nos permite adquirir el libro en formato PDF o en formato impresion (además incluye la versión PDF), dependiendo de cual elijamos el precio variará.