Ver Mensaje Individual
  #5 (permalink)  
Antiguo 01/05/2010, 02:34
Avatar de metacortex
metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 19 años, 11 meses
Puntos: 832
Respuesta: Ayúdenme a testear un plugin

Jejeje es verdad, la parte de inglés está jodiéndole la vida a más de un gringo y quisiera arreglarla paulatinamente. Hace unos días el traductor de holandés tuvo la caridad de enviarme algunas correcciones de redacción, pero sé que aún falta por corregir en ese aspecto. Si encuentras algo por favor házme saber.

Por lo demás te felicito y apoyo en tu iniciativa de auxiliarte con Wordpress. Con el tiempo verás que su arquitetura te reportará más soluciones que trabas, pues está construido con ese fin. Con tus conocimientos de PHP se te hará muy fácil tomarle el ritmo a la aplicación. Permíteme citar tu post:

Cita:
Iniciado por abimaelrc Ver Mensaje
Tipo, olvídate de la explicación, ya sé porque es útil de esta forma. Y no sé si explicaste o lo brinqué, pero no vi que dijeras que debía escribir en todas las páginas que dijeran <div class="entry"> añadir <?php wpsi() ?>, porque entendí que era solamente a la página de index.php. Sería bueno que en la instalación lograrás leer todos los archivos y buscar dónde se encuentra esa línea y añadir automaticamente <?php wpsi() ?> (si tienes problemas al hacer esto me dejas saber te ayudo en lo que pueda).
En realidad eso fue un ejemplo donde se hacía más énfasis en la posición de la etiqueta wpsi() dentro del loop que el html en sí.

El código html cambia radicalmente según la plantilla.

Cita:
vamos a suponer que no tengo tu plugin intalado, para lograr el mismo efecto de presentar la imagen diminutiva ¿cómo tengo que hacer con wordpress? Es para entender la ventaja, en lo que me contestas este mensaje, voy experimentando otras horas más
Te voy a dar un pequeño historial del asunto. Todo comenzó con este código:

http://www.forosdelweb.com/f118/tuto...dpress-653664/

... que luego avanzó en éste:

http://www.darioferrer.com/wordpress...ss-ii-126.html

... que se convirtió en el primer plugin:

http://www.darioferrer.com/wp-smart-image

... Y que al final devino en WP Smart Image II porque se hizo necesario cambiar partes esenciales del código.

Cita:
También sería bueno que en vez de que solo muestre una imagen si yo añado varias imágenes, debe haber alguna opción que diga mostrar todas las imagenes, en vez de que aparezcan aleatorias o especificadas. Si existe lo que te indiqué estoy ciego o lo brinqué.
Oportuno comentario. Éste es un nuevo parámetro agregado en la esta versión que por cierto no nombré, y que pronto lo incluiré en la documentación.

Código PHP:
Ver original
  1. <?php wpsi('number=3') ?>

Si por ejemplo quieres extraer imágenes de tamaño medio:

Código PHP:
Ver original
  1. <?php wpsi('number=3&size=med') ?>

Ahora bien, supongamos que no te conformas con una imagen al lado de la otra. Entonces puedes convertir el resultado en un array con get_wpsi (el enunciado que te hace un return en lugar de un echo):

Código PHP:
Ver original
  1. <?php
  2. $var = get_wpsi('array=1&number=3&type=single');
  3. print_r($var);
  4. ?>

Esto te devolverá un resultado de este tipo:

Código PHP:
Ver original
  1. (
  2.     [0] => <img src="http://www.tusitio.com/img/imagen-1.jpg" alt="Image 1 Alt" title="Image 1 Title" />
  3.  
  4.     [1] => <img src="http://www.tusitio.com/img/imagen-2.jpg" alt="Image 2 Alt" title="Image 2 Title" />
  5.  
  6.     [2] => <img src="http://www.tusitio.com/img/imagen-3.jpg" alt="Image 3 Alt" title="Image 3 Title" />
  7.  
  8. )

Esto resulta especialmente útil cuando quieres ir más allá y decidir construir un html para cada imagen individual (recordemos que estamos tratando caso de varias imágenes por entrada). Vamos a colocar un ejemplo más o menos avanzado para tener una idea de hasta dónde puede llegar el plugin:

Código PHP:
Ver original
  1. <?php
  2. $x['titulo'] = get_wpsi('array=1&number=5&element=title');
  3. $x['thumb'] = get_wpsi('array=1&number=5&type=direct');
  4. for($i = 0; $i <= count($x['titulo']) - 1; $i++) {
  5.     $titulo = $x['titulo'][$i];
  6.     $thumb = $x['thumb'][$i];
  7.     $var = htmlspecialchars('<div class="frame">
  8. '. $thumb .'<p class="caption">'. $titulo .'</p>
  9. </div>
  10.  
  11. ');
  12. echo $var;
  13. }
  14. ?>

El resultado:

Código HTML:
Ver original
  1. <div class="frame">
  2. <a title="Image 1 Title" href="http://www.tusitio.com/tu-articulo.html"><img src="http://www.tusitio.com/tu-img-dir/imagen-1.jpg" alt="Image 1 Alt" title="Image 1 Title" /></a>
  3. <p class="caption">Image 1 Title</p>
  4. </div>
  5.  
  6. <div class="frame">
  7. <a title="Image 2 Title" href="http://www.tusitio.com/tu-articulo.html"><img src="http://www.tusitio.com/tu-img-dir/imagen-2.jpg" alt="Image 2 Alt" title="Image 2 Title" /></a>
  8. <p class="caption">Image 2 Title</p>
  9. </div>
  10.  
  11. <div class="frame">
  12. <a title="Image 3 Title" href="http://www.tusitio.com/tu-articulo.html"><img src="http://www.tusitio.com/tu-img-dir/imagen-3.jpg" alt="Image 3 Alt" title="Image 3 Title" /></a>
  13. <p class="caption">Image 3 Title</p>
  14. </div>
  15.  
  16. <div class="frame">
  17. <a title="Image 4 Title" href="http://www.tusitio.com/tu-articulo.html"><img src="http://www.tusitio.com/tu-img-dir/imagen-4.jpg" alt="Image 4 Alt" title="Image 4 Title" /></a>
  18. <p class="caption">Image 4 Title</p>
  19. </div>
Estas nuevas características van acordes al propósito original de WPSI: orientar su uso al diseñador y desarrollador. En el anterior caso -por ejemplo- hemos tomado las imágenes de una entrada y además sus atributos por separado, lo convertimos en array, le asignamos un html a gusto y le fijamos un límite de muestra sólo con escasas líneas de código, y además aplicable/personalizable en todo caso, en toda situación y hasta varias veces por página si así lo deseamos. Podemos hacer slideshows individuales, dinámicos y 100% automatizados, y además mostrarlos en cualquier parte de nuestro sitio. Libertad total hermano.

Pero sigamos suponiendo que tenemos la intención de hacer un slideshow javascript y que éste necesita unos cuantos atributos extra que no existen en la lista estándar de parámetros de WPSI, tales como eventos javascript o cualquier otra cosa. En tal caso utilizaremos el parámetro 'custom':

Código PHP:
Ver original
  1. $var = get_wpsi('custom=onclick,talcosa()|onmouseover,esto|pelao,peluo');

El resultado:

Código HTML:
Ver original
  1. <img src="http://www.tusitio.com/img/imagen-4.jpg" alt="Image 4 Alt" title="Image 4 Alt" onclick="talcosa()" onmouseover="esto" pelao="peluo" />
(me acabo de percatar de que está fallando con array activado).


Otra nueva característica consiste la capacidad de invertir automáticamante todo el encomillado:

Código PHP:
Ver original
  1. <?php wpsi('quotes=single') ?>

Útil no? ;)

Pero como mencioné es cuestión de agregar esta info a la documentación paralelamente a la liberación de WPSI 0.2. Realmente estoy entusiasmado con esta versión debido a las mejoras añadidas dentro del propósito del plugin.