La adaptación de NubeComments al formato Widgets es ya toda una realidad. Cinefilo necesita beta-testers para asegurarse de que funciona correctamente.
Leer más en aNieto2k
Por fin desarrollé mi primer wordpress widget Nube Comments Widget y no será el último porque tengo algunos más en fase desarrollo (cerrado) a los que le falta ser testeados. Llevo varios dias preguntando a blogger y amigos que usan WordPress en sus blogs tanto por email como por gtalk: ‘usas wordpress widgets?’ y la respuesta era siempre la misma: ‘no uso widgets en mi theme‘ 
Mi intención era que estas personas hicieran de testers de los widgets que estoy desarrollando pero el éxisto de mi busqueda ha sido pobre, solamente uno. Hago un llamamiento a la comunidad de WordPress:
Se buscan testers para los WordPres Widget que estoy desarrollando, de forma altruista y desinteresada, lo único que les ofrezco es reconocimiento en la página del widget con un enlace.
Un número aceptable de tester sería 4 pero como tengo uno solo harían falta 3 más, si estas interesado puedes dejar un comentario en este post o enviar un email através del formulario de contacto, los requisitos necesarios que hay que cumplir son:
- Usar WordPress en tu blog.
- Usar un theme que soporte wordpress widgets.
Hoy es el día de los blogs (3106 Day).
El BlogDay es el día de los blogueros, ha sido creado para que los blogueros conozcan otros blogueros, de otros países y de otros centros de interés. El 31 de agosto es el día en el que los blogueros dan a conocer otros autores.
Pues ahi van los mios, completamente al azar.
- Inkilino, un blog general con un muy buen diseño, además un buen amigo.
- LA100RRA, por que nos enseña la cara más sexy de Smallville.
- Voces en la web, por que ha cambiado su diseño
(muy bueno Tye).
- Hacktivate Your Mind!, por que quiero xDD
- El reflejo caótico de mi mente Demente 2.0, un nombre largo y claro… solo apto para dementes.
Leer más en aNieto2k
Nube Comments Widget es mi primer widget para WordPress.
Muestra una nube de tags con los comentaristas. Dos tipos de nube de tags: los comentaristas de un post y todos los comentaristas del blog.
Usa el plugin Nube Comments creado por Andrés Nieto.
Espero vuestros comentarios, sugerencias sobre el widget en este post y a través del formulario de contacto.
Licencia | Licencia Pública General de GNU.
Descargar | [zip].
Gracias a F.Portero por ser mi primer tester oficial y aquí os dejo un pantallazo.
Mucha gente se me ha quejado de un problema que tengo en el sistema de comentarios con los tags <code></code>. El problema radíca en que nosotros estamos enviando código sin tratar al formulario de envio mediante Ajax, y lo está tratando antes de guardar los datos. De forma que a la página me llega el resultado del código del comentario y no el comentario en si.
Creo que no es un problema que me pase a mi solamente, creo que debe pasar en todas las web’s con insercción de comentarios con ajax.
Para ello he hecho una pequeña función en JS aprovechando las ventajas que nos aportan las expresiones regulares.
function encodeText (texto) {
var regExp = /<code>(.|n)*</code>/
if (regExp.test(texto)) {
return texto.replace(/<code>((.|n)*)</code>/g,"[!]$1[¡]").replace(/</g,"<").replace(/>/g,">").replace(/[!]((.|n)*)[¡]/g,"<code>$1</code>");
}
return texto;
}
De esta forma convertimos los caracteres < y > en su correspondiente valor HTML que encontremos dentro de los tags <code></code>.
Esto <strong>no</strong> se tratará y lo reconocerá como un HTML normal
<code> pero esto <strong>si</strong> que se tratará y podremos ver los tags</code>
Obteniendo el siguiente resultado:
Esto no se tratará y lo reconocerá como un HTML normal
pero esto <strong>si</strong> que se tratará y podremos ver los tags
Aún no lo he podido probar mucho, pero si notais algo raro por favor avisar.
Leer más en aNieto2k
Hoy Drita de CoTTonMouTh y TecnoCHICA. Me ha pedido ayuda con el theme que esta preparando para su web, y gracias a sus dotes “seductoras” y mis ganas de esciribir ha nacido la idea de este post.
Drita, quiere poner las fechas de sus posts de igual forma que están puestos ahora aqui en aNieto2k, osea que paso a paso vamos a ver como montar un sistema de templates (rollito calendario) para Wordpress.
¿Que buscamos?
Exactamente lo que buscamos es personalizar un poco más nuestro theme y darle un toque distino a nuestra web. Yo creo que incluso de esta forma la fecha se ve más clara e intuitiva. Además de darle un toque fresco e innovador al theme.
¿Como hacerlo?
Pues lamentablemente tendremos que ponernos a picar código aunque os aseguro que es muy poco.
Primero tenemos que ir a los ficheros de theme donde se muestra la fecha, generalmente el index.php y el single.php, aunque hay otros themes que usan el home.php o theloop.php (como es mi caso) esto depende del theme. Una vez ubicado el lugar donde vamos a cambiar la fecha nos ponemos manos a la obra.
Wordpress usa una serie de funciones con las cuales permite mostrar la fecha de nuestras entradas. Para ello tenemos:
the_time(‘d’); [Codex]Que se encarga de mostrar la hora en el formato que pasemos por parametro. Esta función requiere estar introducida en el Loop de posts.
the_date(‘format’, ‘before’, ‘after’, echo); [Codex]Exactamente la misma función, solo que si hay varios posts en el mismo día únicamente mostrará la fecha del último post creado.
Una vez conocidas las formas de mostrar las fechas vamos manos a la obra. Seguramente el fichero index.php de nuestro theme tenga un línea con algo parecido a esto.
<p>Fecha: <?php the_time('F j, Y'); ?></p>
Esto nos mostrará la fecha en formato December 2, 2004, y nosotros necesitamos mostrarla de una forma algo diferente, para ello haremos uso de las propiedades de la función date() de PHP.
Según la especificación de PHP, necesitaremos indicar con la letra M para una representación textual corta de un mes, tres letras. Y d para el día del mes, 2 dígitos con ceros iniciales o j para hacerlo sin los ceros iniciales (yo lo prefiero asi).
Reemplazamos la línea que se encargue de montar la fecha por lo siguiente.
<acronym class="published" title="<?php the_time('F jS, Y'); ?>">
<span class="pub-month"><?php the_time('M'); ?></span>
<span class="pub-date"><?php the_time('j'); ?></span>
</acronym>
Utilizamos <acronym></acronym> por que la fecha que estamos formando es un acrónimo de la fecha larga que queremos representar, esto es por ser un poco semántico, por que se puede usar cualquier elemento.
Ahora nos falta añadir en nuestro style.css la definición del aspecto de las clases que hemos usado en nuestras fechas.
.published {
display:block;
text-align: center;
float:left;
span-family: Arial, Helvetica, sans-serif;
border-bottom:none;
background:url(clip-bottom.png)
right bottom no-repeat;
width:2.2em;
}
.pub-month {
display:block;
span-size: .9em;
margin:0;
padding:0;
padding-top:12px;
background:url(clip-top.png)
center top repeat-x;
}
.pub-date {
display:block;
span-size:1.4em;
margin:0;
padding:0;
}
En este ejemplo utilizan dos imagenes clip-top.png y clip-bottom.png. Yo las he respetado por que me gustan como quedan, pero cada uno tiene aquí su mano para personalizarlo más aún, al igual que los atributos del CSS, ya que pueden personalizarse y adaptar sin ningún problema en tamaño de las fuentes, la ubicación del calendarío,… la imaginación es el tope.
Quizas nos quede tener que retocar las CSS de nuestro post para que encaje perfectamente en nuestro post, pero depende de cada theme y de cada persona, asi que ahi habrá que dedicarle un rato para ver donde y como colocarlo.
Leer más en aNieto2k
WordPress GeSHI Plugin es un plugin recomendable a desarrolladores que tienen que mostrar códigos de ejemplo en sus escritos y ofrece una forma sencilla de mostrar código coloreado.
El uso es muy sencillo: descargar, descomprimir, copiar a wp-content/plugins y activar, luego en nuestra web debemos hacer uso de <code> por ejemplo:
<code>/* código fuente aquí */</code>
<code lang=”C++”>/* código fuente aquí */</code>
En este blog se usan widgets para wordpress creo que hay poca información en español y toda la documentación está en inglés cosa que siempre es una barrera para muchos, entre los que me incluso, por eso tengo pensado escribir unos cuantos post sobre ellos, en este primer post se explicará:
- ¿ Qué son los widgets ?
- WordPress Widgets
- ¿Como instalar Wordpress Widgets?
- ¿ Donde encontrar más Wordpress Widgets ?
¿ Qué son los widgets ?
Widget es una pequeña aplicación o programa, usualmente presentado en archivos o ficheros pequeños que son ejecutados por un motor de Widgets o Widget Engine. Entre sus objetivos están los de dar fácil acceso a funciones frecuentemente usadas y proveer de información visual. Sin embargo los Widgets pueden hacer todo lo que la imaginación desee e interactuar con servicios e información distribuida en Internet; pueden ser vistosos relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con información del clima en su ciudad, etcétera.
Texto extraído de la Wikipedia.
WordPress Widgets
En Marzo desde el blog de desarrollo de WordPress anunciarón el lanzamiento de WordPress Widgets (WPW), estos widgets nos permiten personalizar el sidebar usando la técnica de drag & drop (arrastrar y soltar) y un poco de AJAX, es una potente herramienta para de forma cómoda y sencilla sin necesidad de conocimientos de programación un blogger pueda hacer cambios con varios clicks en su blog.
En WordPress para poder usarlos necesitas que tu theme soporte widgets y descargar WordPress Widgets en [zip] o svn (recomendado).
¿Como instalar Wordpress Widgets?
Sube el contenido de WordPress widgets a tu servidor:
- wp-content - plugins - widgets | delicious.php | gsearch.php | rss.png | widgets.php - scriptaculous | builder.js | controls.js | dragdrop.js | effects.js | MIT-LICENSE | prototype.js | scriptaculous.js | slider.js | unittest.js - themes - classic | functions.php (optional) | sidebar.php (optional) - default | functions.php (optional) | sidebar.php (optional)
También puedes mover el contenido de la carpeta scriptaculous a wp-includes/js.
Para que funcionen los widgets en nuestro blog necesitas activar Sidebar Widgets desde el panel Plugins y si tu theme soporta widgets se añadirá una nueva pestaña en el panel de Presentación > Sidebar Widgets donde encontrarás todos los widgets activados para arrastrar y soltar en donde quieras.
Estos son algunos pantallazos: Interfaz del Sidebar Widgets, configuración del widgets y resultado del uso del widgets.
Recomiendo subir todos los widgets a la carpeta /wp-content/plugins/widgets para tener todos juntos, con el objetivo de diferenciarlos de los plugins.
¿ Donde encontrar más Wordpress Widgets ?
WordPress Widgets.
Ya muchos sabemos lo que floreame es y lo que va creciendo día a día. Y me imagino que muchos han visto blogs donde existen iconos para que con solo clickearlos puedan agregar a su marcador favorito (del.icio.us, ma.gnolia, etc) o agregar a meneame.
Aqui les pongo el código que deben poner en su blog para que la gente pueda “florear” tus posts.
Código para usuarios de wordpress:
<img src=“http://tintafantasma.net/imagenes/floreame.png” title=“floreame” /></a>
Poner el código en el archivo single.php en donde quiera que aparezca.
Código para usuarios de blogger:
<img src=“http://tintafantasma.net/imagenes/floreame.png” title=“floreame” /></a>
Coloca el código debajo de <$BlogItemBody$>.
Por siacaso, recuerden subir la imagen, que he redimensionado, a tu propio host ya sea de wordpress como de blogger. Si quieren agrandarlo, usen su editor de diseño favorito, para redimensionarlo.
Saludos
The Ghost
Deep Red, es una fantástica plantilla XHTML que podrás usar en cualquier proyecto web, ya que está disponible para descargar y la verdad es que me ha gustado mucho, tanto que he decidido adaptarlo a theme para Wordpress.
El resultado el Dee Red Theme, un theme muy “comercial” (jejeje) que aprovechando el diseño de esta fantástica plantilla conseguimos un diseño muy elegante y moderno.
Instalación
- Descargar el theme
- Descomprimir y subir a la carpeta wp-content/themes/
- Activar desde el menú administrador
Pendiente
Bueno, me queda hacer el theme idiomatizable (osea multiidioma), y no se como voy a ir de tiempo, en cuento lo tenga lo subo y si alguien quiere encargarse de ello, pues muchas gracias
Leer más en aNieto2k
