Contenido

GreyBox Plugin

11 Feb

+ 50

GreyBox, es una utilidad en Javascript que mediante ajax carga una url en una ventana sobre nuestra web, al puro estilo lightbox o NiceImages, pero con URL’s.

GreyBox plugin, es una adaptación de este código para Wordpress, de manera que podemos hacer una navegación más cómoda a los usuarios dandole un buen uso a esta utilidad.

Instalación

  1. Descomprimir el fichero
  2. Subir al FTP a la carpeta /wp-content/plugins/ todo el contenido (carpeta greybox y gb_plugin.php)
  3. Activar desde el menu administrador
  4. Ir a Opciones >> GreyBox para configurar las opciones del plugin.

Modo de uso

Para usar el plugin hay que seguir unas normas básicas, ya que he pensado que sería interesante poder decidir que enlaces queremos que se vean mediante el plugin y cuales no.

Así que para hacer que esto sea posible he puesto una estructura que se debe seguir para usar el plugin.

<a class=”GB” href=”DIRECCION URL” title=”TITULO” …>TEXTO… </a> 

Es obligatorio para conseguir que el plugin funciones correctamente seguir este esquema a la hora de insertar un enlace.

Personalización

Desde el Menu de Administrador >> Opciones >> GreyBox, podremos configurar levemente nuestro plugin. Entre las opciones cabe destacar que podemos seleccionar un tamaño fijo para la ventana que deseamos mostrar, la url de donde se encuentran los fichero de greybox y la posibilidad de aplicar estilos distintos a las entradas que pasen por el plugin, usando la clase GB del CSS.

Descargar: Version 1.0

Ejemplo

wordpress, plugins, ajax, greybox

25 comentarios, 25 referencias

+

#

  1. Anderscht? » Web 2.0 / AJAX / Javascript: Greybox und Lightbox JS 15/02/2006 02:02
  2. Criterion :: Diseño gráfico y editorial, recursos y enlaces de utilidad :: 20/02/2006 03:02
  3. Bajo sus alas... 27/02/2006 03:02
  4. aNieto2K | Lo que quiero, cuando quiero y como quiero » Popups no intrusivos con ThickBox 25/04/2006 05:04
  5. scot hacker’s foobar blog » LightBox, GreyBox 27/04/2006 07:04
  6. aNieto2K | Lo que quiero, cuando quiero y como quiero » GreyBox Plugin 1.1 02/05/2006 10:05
  7. 乜都BLOG 04/05/2006 09:05
  8. Runnin The Gib»Blog Archive » Hello world! 25/05/2006 12:05
  9. Top 16 CSS Lightbox Variations : Ultimate Web Developer Lists : eConsultant 05/07/2006 07:07
  10. MondoBlog » Blog » Top 21 Lightbox clones - La lista dei migliori script basati su Lightbox 12/07/2006 03:07
  11. Web Burning Blog » La lista dei migliori script basati su Lightbox 15/07/2006 03:07
  12. Creative-Experience : le réseau des nouvelles technologies » Les 17 meilleurs variations du Lightbox en utilisant leCSS 22/07/2006 06:07
  13. Will and Nad » Blog Archive » Failure: A Tale Of Two Plugins 03/08/2006 01:08
  14. i-fekt Blog » Verschiedene Lightboxen im Überblick 14/12/2006 12:12
  15. Lightbox: What is it and how can i use them? : Solidarity Design 04/02/2007 07:02
  16. RedBulk » Blog Archive » Lightbox 21/04/2007 03:04
  17. Verschiedene Lightboxen im Überblick | i-fekt 30/05/2007 09:05
  18. Costiga » Blog Archive » Lightbox JS v.2 26/06/2007 02:06
  19. MyWoorld`s blog » Blog Archive » Top 17 CSS Lightbox Variations 13/10/2007 12:10
  20. Verschiedene Lightboxen im Überblick | REDUXO 26/11/2007 01:11
  21. Verschiedene Lightboxen im Überblick | REDUXO 29/01/2008 10:01
  22. Sharing Quality » Fluency, dándole estilo al panel administrador de Wordpress 2.5 13/03/2008 10:03
  23. Verschiedene Lightboxen im Überblick | REDUXO 30/04/2008 09:04
  24. PP blogt » 16 Lightbox varianten 15/07/2008 04:07
  25. Soetheby:// » Ask Google: About Good Portfolio 01/08/2008 07:08

mmm… muy interesante, vamos a probarlo.

Thanks a lot! Works beautifully at my site.

Hola, no se que estoy haciendo mal, pero cuando uso ese tipo de enlaces, me aparece super bien el título en la ventana y el tamaño que le marco, pero inmediatamente se me abre en la ventana de forma completa. ¿Hay que hacerle alguna modificación más? En mi sitio, el enlace que he usado es el que está en el artículo de Opera 9 y el DRM sobre la wikipedia.

Buenas Pablo, a mi me ocurre lo mismo con los wikis, no solo con la wikipedia.

Indagaré a ver si encuentro algo.

Muchas gracias por la respuesta, me imaginé algo como que era por culpa de la página que intentaba usar, pero pensé que no podía ser, y por las dudas ni probé con otra página. Gracias nuevamente por la respuesta, y espero que le encuentres la vuelta, muy bueno el plugin, yo más que nada pienso usarlo como una ayuda para la persona que no entienda alguna cosa de la página, pero también para que se vean por ejemplo los artículos originales que traduzco. Un abrazo y si lo solucionas espero enterarme por mi lector de rss si actualizas el artículo, un saludo desde Uruguay.

Pablo, otra buena utilidad es para mostrar los comentarios de la página sin tener que recargarla. :D

Es muy cierto, el tema es que aún no tengo casi comentarios, pero cuando tenga algunos ya lo implementaré. Muchas gracias !!!!

Firstly, I apologise for not using Spanish but I’d rather not end up calling your mother a goat (or worse) by running my question through Google or Babelfish. My faith in online translators isn’t very strong!

I was wondering if you would be able to update the GreyBox plugin to support the latest changes in the code?

It’s because I cannot get Greybox (and thickbox) to work with mine, you see.

Thankyou.

Hello, I want to use your plugin for my 2 blogs, but they don’t seem to be working.

Is there anything else that needs to be done after activating the plugin?

Sorry for using English.

Hi Sammy, are you sure yuo are putting the plugin into wp-content/plugins/greybox/?

If you go to Options>>Greybox Plugin you see Greybox Plugin??

Sorry with my english.

Como puedo utilizar este plugin para mostrar los comentarios?

Tengo estas dos funciones en worpdress para hacer que los comentarios se visualicen como un popup, como le digo que utilicen el greybox plugin?

comments_popup_script()
comments_popup_script

Muchas gracias

Pues la verdad es que ninguna de las dos te va bien, ya que las dos te generan enlaces.
Osea que no te devuelven la url que necesitas, tendrás que generarla tu con la permalink añadiendolé el comment id.

Aunque si lo miras bien, puedes mostrar los comentarios en un popup con Wordpress, sin tener que usar plugins externos.

Simplemente la ostia. Wenisimo. Sobre todo para los enlaces externos. :o)

Hi there,

greybox looks really cool, but i can’g get it to work on my blog, doublechecked everythin but still at doesn’t open in Wordpress.
What could be wrong?

Thanks in advance
Patrick

Cant make it work..the plugin is active but open links on the full window.

#29 You have another problem with any Javascript code. And stop other javascript excution.

If you desactive all plugin, and only active GreyBox, it’s works?

found some bugs:
If user install WP not in root directory, it will not work anymore :D
http://XXX/wp-content/plugins/greybox/AmiJS.js

404 Not Found

Not Found
The requested URL /wp-content/plugins/greybox/AmiJS.js was not found on this server.

Apache/2.0.47 (Win32) Server at XXX Port 80

ooh .. i c
i’m not configure it correctly yet

sorry :D

i also couldn’t get mine to work. it opens images in full window. i’m sorry for speaking english, i really can’t speak spanish. i can understand though, being i’m a filipino and most of our words came from the spanish language :D

The example link doesn’t seem to work above. Are you aware of this?

I downloaded and activated. Since my Spanish is a little rusty, I’m sure I have something wrong as the image opens up in a new browser window. I put the gb-plugin.php file in my plugins directory and put the greybox folder there also. Please visit my site to see if you can figure out what I did wrong. Thank you, jim

#36 The problem is in de route from de JS files, you need chage it into Dashboard options.

Remove the first (/) and the problem finish.
The original route will be:
wp-content/….

Sorry for my English is very bad :D

hola senor, que tal? one thing: everytime a pop up opens, the site behind gets an horizontal scrollbar! how can we avoid this?

thanks and take care,
lin

Hi,
Como hago para que solo me aparezca la ventana de carga de la página sin el efecto de desvanecimiento de la página contenedora, es decir, sin que esta se sombree.

Gracias

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.


Cerrar
Enviar por Correo