TheDavis Blog » Archivo para la etiqueta `plugins´

jquery.scrollable y ¡haz scroll!

thedavis — Thu, 16 Apr 2009 19:07:31 +0000

Con Scrollable podemos dar un buen toque de dinamismo a nuestros proyectos web. Este plugin de jQuery Es muy sencillo de utilizar y el resultado, realmente da mucha usabilidad para mostrar contenidos que de forma tradicional generarían mucho “scroll” o no podría mostrarse por cuestiones de espacio disponible.

Se puede configurar tanto para scroll vertical como para scroll horizontal. [+DEMOS]

10 Hacks para WordPress especialmente útiles

thedavis — Thu, 16 Apr 2009 12:08:41 +0000

Desde Smashing Magazine publican una lista de 10 hacks muy útiles a tener en cuenta para nuestro Wordress.

Crear atajos de url con TinyURL “on the fly”
Listar los próximos posts (es decir los que están programados)
Crear un botón para enviar nuestros contenidos a Facebook
Crear una página de mantenimiento y que sólo se pueda acceder desde nuestra IP
Mostrar los posts relacionados sin ningún plugin adicional
Obtener la primera imagen de tus posts para mostrar en otro lugar
Redimensionar imágenes “on the fly”
Listar los posts más populares sin ningún plugin adicional
Resaltar las palabras buscadas en los resultados de una búsqueda
Deshabilitar las zonas de widgets de nuestro tema sin tocar el tema

Fuente: Smashing Magazine

Easy Slider, jQuery Plugin

thedavis — Thu, 08 Jan 2009 06:30:49 +0000

Un nuevo plugin para nuestro querido jQuery que cada día me sorprende más, por lo menos a mi. En este caso Easy Slider nos permite hacer slides de tantas imágenes como queramos verticalmente y horizontalmente. Es fácil configurarlo por CSS y es muy vistoso.

Demos

[Descarga]

Fuente: Xyberneticos

Parallax, imagenes 3D con jQuery

thedavis — Tue, 30 Sep 2008 20:02:47 +0000

Desde anieto2k rescato este plugin para jQuery llamado Parallax.

Instalación

Para instalar parallax, deberemos tener informar, mediante tags

Funcionamiento

jQuery('#parallax').jparallax(options);

Como casi todos los plugins de jQuery, podemos indicar que elemento será sobrecargado con la nueva funcionalidad, para ello lo indicaremos mediante el selecto jQuery() y encadenamos el método jparallax() al que le podemos pasar una serie de parámetros.

Descargar

Actualmente es una versión BETA, la 0.3, por lo que puede dar algún problema en algún navegador. Lo podemos descargar directamente de la página del proyecto.

Fuente: anieto2k

jQuery AlphaNumeric

thedavis — Fri, 12 Sep 2008 18:52:07 +0000

jQuery AlphaNumeric es un plugin que te permite restringir los caracteres que se pueden escribir en un input o textarea. La idea es evitar complicadas validaciones, si un campo solo puede ser númerico ¿para qué dejar escribir letras? o viceversa, si sólo se deben introducir letras…¿para qué dejar entrar todos los caracteres del teclado?

Funciones

alphanumeric – permite letras y números
alpha – sólo permite letras
numeric – sólo permite números

Propiedades

allow – añade caracteres permitidos
ichars – define caracteres personalizados a prevenir
allcaps – sólo permite mayúsculas
nocaps – sólo permite minúsculas

Ejemplos

Sólo permitir letras: $(‘.sample1′).alphanumeric();
Sólo permitir números: $(‘.sample4′).numeric();
No permitir “.” “1″ “a”: $(‘.sample6′).alphanumeric({ichars:’.1a’});

[Demo] [Descargar]

Existe también un plugin llamado Numeric, pero que solo previene la entrada de números, no puedes optar entre uno u otro. Es interesante disponer de las dos opciones en un mismo plugin. Por otra parte también os recuerdo que existe el plugin llamado Masked Input que te permite generar máscaras de entrada personalizadas. Funciona perfecto para introducir números IP, teléfonos, cuentas bancarias…

Envíar por e-mail las entradas del blog

thedavis — Fri, 12 Sep 2008 07:24:23 +0000

Ya tengo habilitado y funcionando el plugin WP-EMail de LesterChan que permite enviar cualquier entrada por correo a tus amigos. Basta con pulsar el icono del sobre que aparece bajo la entrada que deseas enviar. También puedes imprimir la entrada usando el icono de la impresora que aparece junto al del sobre.

¡Saludos!

Enviar noticias

thedavis — Mon, 08 Sep 2008 21:50:51 +0000

Acabo de poner en funcionamiento la nueva sección que os permite enviar vuestras noticias al blog. Funciona gracias al plugin de WordPress escrito por anieto2k llamado Colabora, lo he modificado ligeramente y le añadido un sistema CAPTCHA.

Espero noticias vuestras :)

Comprobar la seguridad de tu WordPress

thedavis — Fri, 27 Jun 2008 23:16:42 +0000

Hoy presento dos formas de comprobar de nuestros WP, está de moda últimamente, por algo será…

Bueno, el primer método: WordPress Exploid Scanner Plugin, se trata de un plugin (bien visto Capitán Obvio) que realiza unos checks sobre la base de datos y los archivos en busca de posibles vulnerabilidades. Su uso es bastante simple y se instala como todos los plugins de WordPress, subiendo el conenido del archivo a /wp-content/plugins y listo. Lo activas y buscas tu DashBoard la opcion de “Exploid Scanner”.

El segundo método es online, en http://www.blogsecurify.com/ puedes realizar un test online sólo con introducir la URL de tu blog. Pero antes debes insertar en alguno de los archivos de tu plantilla uno de los siguientes textos:

<!-- tested by blogsecurify --> o <!-- wpscanner -->

Así se evita poder testear los blogs ajenos. Para evitar tener que editar tu template para insertar dicho código también puedes usar un plugin propocionado en la misma web para preparar automáticamente tu blog para el test.

Espero que os sean de gran utilidad estos dos métodos.

Fuentes: anieto2k y Kriptopolis

Como traducir plugins de WordPress

thedavis — Mon, 14 Apr 2008 15:49:45 +0000

Vale, la mayoría de plugins ya están traducidos al Español, los más comunes sí, pero otros no, o no nos gusta la traducción realizada por el autor y quieres adaptarla para ti.

La solución: Poedit.

Poedit es un programa GPL que te permite editar los archivos de traducción ( los .po y .mo ) que se usan generalmente para generar los textos de idiomas de los plugins, en realidad el core de wordpress también usa este sistema, como otros programas habituales.

Además Poedit permite abrir las definiciones de los textos a traducir desde un archivo .pot

Esto es útil cuando el desarrollador del plugin no ha incluido los archivos de traducción y solo ha generado el catalogo .pot

Instalación de Poedit

En la web del proyecto están todos los links de descarga disponibles, hay versión para Windows, Linux y Mac. La instalación es del tipo Siguiente, Siguiente, Siguiente para el caso de Windows, vamos como casi todo.

Generar traducción usando un archivo .pot

Voy a explicar el procedimiento usando el archivo wp-print.pot del plugin WP-Print:

Desde Poedit abrimos el archivo .pot

Luego nos preguntará por las propiedades de la nueva traducción, debemos especificar el idioma y país, en este caso Español y España:

Al pulsar sobre Aceptar nos preguntará como y dónde guardar el nuevo catálogo .po, el nombre a usar suele ser el nombre del plugin con el código de idioma y país, para este caso seria así: wp_print-es_Es.po

Una vez realizados estos pasos veremos la lista de textos a traducir, basta con elegir la linea que deseamos traducir y escribir en el cuadro de abajo nuestra traducción, cuando lo tengamos todo traducido podemos guardar el catálogo ( Archivo -> Guardar ) y Poedit automáticamente generará el binario .mo

Hay que tener especial cuidado cuando existen variables o modificadores en los textos, por ejemplo %s no se debe modificar, si el orden en que aparece dentro del texto, pero nunca eliminar o substituir.

Ahora solo falta subir los archivos .mo y .po a nuestro WordPress, dentro de la carpeta del plugin y ya tenemos nuestra traducción funcionando :)

Editar una traducción

Solo con abrir el archivo .po de la traducción ya se cargan todos los textos, editamos el texto que deseamos cambiar, guardamos y subimos los archivos de nuevo al servidor.

Pues solo espero que os haya sido útil la información, ya me contaréis como van las traducciones :)

Traducción al Español de WP-Print

thedavis — Mon, 14 Apr 2008 15:05:12 +0000

Acabo de realizar la traducción de WP-Print al Español.

Instalación:

Tan fácil como descomprimir los 2 archivos dentro de la carpeta plugins/wp-print y listo.

Descargar: wp-print_es-ES

Si hay algún problema o error se agradece un comentario para corregirlo, gracias :)

WP-Print para WordPress 2.5

thedavis — Sat, 12 Apr 2008 23:06:49 +0000

Lester ‘GaMerZ’ Chan ya ha publicado la versión beta de sus plugins para adaptarlos al WP 2.5, entre ellos el WP-Print que permite crear una versión imprimible de nuestros posts. Yo ya lo tengo activo en TheDavisBlog, me gusta el icono de la impresora FaMFaMFaM

Instalación WP-Print:

Basta con descomprimir el paquete y subir la carpeta wp-print a nuestra carpeta plugins de WordPress, activar el plugin usando el panel de administración ( Dashboard) y luego actualizar la estructura de permanent links en Opciones -> Enlaces Permanentes. Finalmente solo queda configurar las opciones de WP-Print que se encuentran en Opciones del Dashboard.

Descargar: WP-Print 2.30 Beta 2

Evitar que Firefox se te quede frito por culpa de los PDF

thedavis — Sat, 15 Sep 2007 07:52:36 +0000

No suele pasar, pero, cuando abres un link PDF relativamente grande con el Firefox este se cuelga. A mi me pasa y es bastante molesto. Si te das cuenta de que vas abrir un PDF puedes descargartelo haciendo click derecho en el link y seleccionando la opción de “Guardar enlace como…” pero tienes que estar atento mientras navegas y es engorroso.

La opción que presento hoy es utilizar un plugin para Firefox llamado PDF Download. Este plugin se activa cuando pulsas un link PDF permitiendo elegir cuatro opciones: descargar el PDF, abrirlo ( con el programa que tengas configurado), verlo en HTML o cancelar la acción. Ya lo he probado y lo recomiendo para todos los que estáis cansados de que se os quede frito el Firefox por culpa de un PDF!!!

Descarga: PDF Download

Fuente: Xyberneticos

WP-Print, versión imprimible para tus entradas de WordPress

thedavis — Sat, 28 Jul 2007 01:15:29 +0000

Wp-Print es un plugin para crear versiones imprimibles de tus entradas, así tus lectores podrán tener tus entradas imprimidas. Permite imprimir los comentarios y las imágenes. Es muy fácil de instalar y además existe traducción al español. En TheDavis Blog ya lo tengo instalado, sólo debes hacer click en el icono de la impresora que aparece junto a la fecha del post en la parte inferior de cada entrada.

Instalación:

Abrir la carpeta wp-content/plugins de tu WP
Subir la carpeta “print” del paquete descargado
Activar WP-Print Plugin en tu WP
Debes regenerar los Permalink de tu WP (WP-Admin -> Opciones -> Permalinks -> Actualizar Permalinks)

Traducción:

Debes obtener una traducción del paquete y descargar los archivos po y mo (creo que con el .mo es suficiente) de acuerdo con tu lenguaje, yo he usado la traducción al castellano.
Subir los archivos a la carpeta wp-content/plugins/print

Hay que tener en cuenta que el nombre de los archivos de la traducción deben coincidir con la variable WPLANG definida en wp-config. Para mi caso la variable WPLANG es “es_ES” por lo que los archivos de la traducción para mi WP son: wp-print-es_ES.mo y wp-print-es_ES.po
Configuración:

Para configurar Wp-Print debes ir a WP-Admin -> Opciones -> Imprimir

Aquí se hallan opciones de configuración para cambiar el icono mostrado o el texto con el enlace.

Uso:

Para poder usar este plugin debes modificar las páginas de tu theme. Puedes modificar single.php, post.php, page.php o theloop.php, también puedes editarlas todas.

El código que debes añadir a tus páginas del theme:

&lt;?php if(function_exists('wp_print')) { print_link(); } ?&gt;

Debes añadir el código anterior allí donde quieras que se vea la opción para imprimir. Yo lo he puesto justo al lado de la fecha del post, en la parte inferior de cada uno. Pero esto depende de tu theme o preferencias.

Bueno pues espero que sirva de ayuda, creo que es un plugin interesante, sobretodo por si quieres tener un post tipo manual imprimido y no tener que hacer un copy&paste guarro en un documento de texto.

Visita la página de Wp-Print para tener más información, hay foros de soporte, eso sí en perfecto inglés xD

Fuente: GameZ.WordPress

Plugin para resaltado de código en WordPress

thedavis — Sat, 05 May 2007 10:51:42 +0000

Acabo de instalar el plugin Dean’s Code Highlighter 1.1 para insertar código resaltado en los posts. El plugin usa GeSHi, un proyecto para usar un sistema genérico y configurable para mostrar código resaltado en foros phpBB.

Admite muchos formatos como por ejemplo php, c, pascal, xml, csharp, java entre otros. Su uso es muy sencillo, basta con escribir tu código entre etiquetas

 Tu código

y automáticamente te crea el bloque de código.

Entre las diferentes opciones que tiene este plugin, las mas importantes son la posibilidad de mostrar la numeración de las líneas de código y la de mostrar una cabecera con el tipo de código que estés escribiendo.

Ejemplo:

int len = 0;
for ( w = wstr; *w; w++ )
{
if ( *w &lt; 0×0080 ) len++;
else if ( *w &lt; 0×0800 ) len += 2;
else len += 3;
}

Instalación y Configuración:

1. Descarga el plugin.

2. Descomprime el archivo y sube todos los archivos a tu carpeta de plugins de WordPress.

3. Activa el plugin en la página de plugins de WordPress.

4. Añade el código CSS en tu archivo de estilos de la plantilla que uses. Normalmente este archivo se llama style.css

5. Configura las opciones del plugin usando el menú. Panel de Administración -> Opciones -> Code Highlighter.

Estilos CSS que debes añadir a tu theme:

ch_code_container {
background-color: #f0f0f0;
border: 1px solid #C3CED9;
padding: 0px 0px 0 0;
width: 100%;
text-align: left;
font-size:1.00em;
overflow:auto;
}
.ch_code_container .head
{
color: #808080;
font-weight: bold;
background-color: #f0f0ff;
border-bottom: 1px solid #d0d0d0;
padding: 2px;
}

Espero que os sirva de ayuda. Para cualquier duda o problema, aquí estoy :)

Theme Dalarnas con soporte de widgets

thedavis — Fri, 04 May 2007 17:39:39 +0000

Últimamente se está poniendo de moda los widgets en los sidebars de los WordPress. La gran ventaja de los widgets es la posibilidad de usar plugins sin necesidad de escribir nada de código en el sidebar.php, por otro lado también influye en la facilidad de personalizar aún mas tu WordPress con estos plugins-widgets. Los themes recientes ya incluyen esta función pero el theme Dalarnas de momento no. Para ello hay que modificar el theme manualmente. Hay que añadir en el sidebar.php las siguientes líneas:

Línea #16 – añadir – :

&lt;?php if ( function_exists('dynamic_sidebar') &amp;&amp; dynamic_sidebar() ) : else : ?&gt;

Línea #255 – añadir antes de – :

&lt;?php endif; ?&gt;

Los números de las líneas pueden cambiar si habéis modificado el theme vosotros.

Además hay que añadir dentro del directorio del theme un archivo llamado “functions.php” que contenga lo siguiente:

&lt;?php
if ( function_exists('register_sidebars') )
register_sidebar();
?&gt;

Para añadir/quitar o modificar tu nuevo sidebar con widgets tienes que ir al panel de administrador -> Pestaña “Presentacion” -> “Sidebar Widgets” y allí podrás modificar tu sidebar de forma dinámica.
La explicación anterior es para cargar completamente un sidebar con widgets, pero también puedes insertar una zona con widgets en tu sidebar original usando el siguiente codigo: (recuerda que también debes incluir el functions.php)

&lt;?php
if ( function_exists('dynamic_sidebar') &amp;&amp; dynamic_sidebar() ): ?&gt;
&lt;br style="clear:both;" /&gt;
 
&lt;div class="sep"&gt;&lt;/div&gt;
&lt;?php endif; ?&gt;

Allá donde insertes el código anterior se insertarán los widgets que añadas en el panel de widgets (Pestaña “Presentacion” -> “Sidebar Widgets“)

Accidentes en la NASCAR

thedavis — Tue, 10 Apr 2007 17:23:24 +0000

La NASCAR es como la F1 americana, pero a lo bestia :) ¡Vaya espectáculo! Como en Días de Trueno xD

~~En breve el vídeo que lo demuestra xD~~

Por fin he podido poner el link de youtube, he necesitado un plugin para WordPress, en concreto este. Y escribiendo [ "youtube" ] se añade el flash para que podáis ver el vídeo cómodamente desde el blog.