• 26

    Wp-FlashPageFlip, WordPress Plugin[update]

    Escrito por on 02 noviembre 2010 | PHP, Wordpress

    Image

    ¿De dónde lo bajo?

    http://wordpress.org/extend/plugins/wordpress-flash-page-flip/

    ¿Que hace?

    Este plugin permite publicar Page Flips ó Papel digital, con el efecto de “dar vuelta la página” al arrastrar el mouse en una dirección u otra, de fácil uso para el que publica contenido y también para el que consume los contenidos.

    En su FrontEnd se utiliza Flash Page Flip Free, y para el backend un plugin escrito por mi.

    ¿Cómo funciona el plugin en el dashboard de mi WordPress?

    1. Se instala obviamente.
    2. Aparecerá un menú en la barra lateral derecha con el título “Flash Page Flip”
    3. Debes ira “Configuración” para elegir la página base bajo la cual se publicará cada “Page Flip”, esto es importante porque el plugin de forma automática va a generar el listado de PageFlips disponibles en esa página, puedes ver un ejemplo haciendo clic aquí. De este modo evitamos a los usuarios estar pegando complicados codigos dentro de un post.
    4. Luego, si todavia no has subido al servidor el archivo con el Flash Page Flip, debes hacerlo, aparecerá una opción para ello bajo “Configuración”, en donde puedes subirlo pegando una url(http://www.flashpageflip.com/downloads/FreeVersion/FlashPageFlip_FreeVersion.zip), o tambien esta la posibilidad de bajarlo a tu computador, y luego subirlo al servidor, el sistema primero busca que estes enviando un archivo desde tu computador, si no es el caso, busca que hayas introducido una url, si ninguna de las 2 cosas ocurre vuelve a aparecer el formulario, luego de forma interna verifica que el archivo tenga el contenido esperado.
    5. Ahora si lo deseas puedes realizar algunos cambios como el tamaño de las imágenes del flip book editando el archivo config.php
    6. Una vez tengas todo configurado puedes publicar un nuevo Page Flip.
    7. Para publicar tu Page flip te vas a “Paginas/Pages”(depende si tu wordpress esta en ingles o español), escribes un titulo(por ejemplo “Edicion 1″), elijes la pagina padre(la misma que estableciste en la configuración), presionas guardar borrador, luego utilizas el mismo Uploader Multimedia del wordpress para subir las imagenes de tu FlipBook, y en el mismo puedes ordenar las páginas(con la herramienta de arrastrar y soltar que tiene el uploader de WordPress), recuerda que la portada siempre debe ser la nº 1
    8. A la primera pagina(Portada) le debes poner un titulo por ejemplo “Edicion 1″, para el resto de las imagenes da lo mismo el titulo que les pongas.
    9. Una vez que hayas guardado los cambios en las imagenes, cierras la ventana del Uploader, y presionas “Publicar”.
    10. En ese instante el plugin va a generar el FlipBook, cada vez que presiones el boton Publicar o Actualizar se va a generar el FlipBook.
    11. Ahora que lo publicaste, puedes ir a la pagina “Padre” y verás el listado de FlipBooks creados.
    12. En esta página puedes hacer clic a la imágen de la portada y se abrirá la ventana con el FlipBook, donde tu o tus lectores podrán hojear la revista.

    Ahora lleva más de 1500 descargas(al 21 de noviembre) y uno de los sitios en que esta 100% funcional es en el catalogo de una tienda de ropa intima en Costa Rica:

    http://cristelintima.com/online/

    Number of View :125837
    Deja tu comentario

    Comentarios


    • Jap

      nov 15

      Hola, gran trabajo, pero tengo un problema, no se por donde resolverlo, tal vez tengas un dato.

      En TODAS mis páginas (lo bueno es que mi blog se centra en las entradas) se han puesto 2 cuadros con imagen rota, y uno si me abre las imagenes que subi, pero el otro esta perdido. Cualquier cosa te lo agradeceré.
      Saludos

      Responder

    • admin

      nov 15

      si me dieras el enlace de tu blog podría ayudarte :)

      El plugin está probado en el wordpress 3.0.1
      y en la configuración se debe elegir que pagina va a contener los PageFlips

      Luego se crean páginas hijas de esta pagina principal
      Con esto no debieras tener problemas
      que versión del plugin tienes?

      Responder

    • Cali

      nov 17

      Crea el Flip Book pero los thumb nails o las imagenes pequeñas no aparecen hay alguna situaci{on de permiso que debemos tomar en cuenta?
      Gracias

      Responder

    • admin

      nov 18

      Estimado, deme una URL y lo ayudo, las imágenes son creadas a partir de una función propia del wordpress, en la primera versión daba un problema, pero en la 1.0.4 no debiera

      Ojo que los thumbnails, el ancho y alto definido en las variables debe coincidir con los thumbnails que genera wordpress, si vasa usar un tamaño distinto al usado por wordpress debes usar un plugin(en el readme aparece el nombre) que permite crear tamaños extra para los thumbnails

      Responder

    • Cali

      nov 18

      Andres aparentemente solucioné el asunto de los thumbnails pero ahora en cada página me aparece la caratula del Page Flip, el cual trabaja bien, pero me aparece en cada página y el texto de esta desaparece, de momento tengo el sitio en modo de mantenimiento, pero si alguien lee este post y ha tenido alguna situación parecida, me gustaría saber como lo solucionó. El URL del Flip Page donde se ve que funciona bien es este: http://cristelintima.com/online/wp-content/wpflashpageflip/infantil/

      Gracias por tu plugin!

      Responder

      • admin

        nov 19

        hola, voy a intentar instalar todo desde 0 para reproducir tu problema

        PEro tengo una duda, elejiste la “pagina padre” donde funcionara el pageflip?

        Por ejemplo
        Creas una pagina llamada “Catalogo”

        Luego vas al menu de configuracion, y de tu listado de pagina, seleccionas la que se llama Catalogo
        Guardas los cambios
        Con eso debiera aparecer el listado de FlipBooks solo en la pagina seleccionada.

        Una pregunta, eso, te sucede en los post y las paginas, o solo en las paginas?

        Responder

    • Andres Molina

      nov 19

      Por si le sirve a alguien, con carlos resolvimos el problema, es que mi servidor tiene variables Globales activadas, pero el de carlos no, entoces fue necesario declarar la variable
      se trataba de agregar la varaible global $wpfpf_nombrecorto

      en la funcion galeria
      function galeria($content = ”){
      GLOBAL $wpfpf_context,$wpfpf_folder_name, $wpfpf_thumb_option, $wpfpf_lnk_target,$wpfpf_nombrecorto;

      Responder

    • Mervin

      mar 23

      podrias explicarte mejor con lo de la funcion galeria, es que tengo el mismo problema y no entendi

      Responder

    • admin

      mar 23

      Mervin, en el codigo fuente del plugin Busca el texto
      function galeria

      y veriicas que este definidal a variable Global
      $wpfpf_nombrecorto
      si no esta agregas una linea con esto
      global $wpfpf_nombrecorto;

      Responder

    • ezoryak

      mar 28

      Thank you, very nice plugin.
      Could you please help me?
      How to use in the sidebar or widget? What is the short code?
      Thanks for you, sincerely regards…

      Responder

      • admin

        mar 28

        at this moment the Plugin not have a “Short Code”, but you can use “Get Pages” in your template
        http://codex.wordpress.org/Function_Reference/get_pages
        get_pages(‘child_of=’.get_option($wpfpf_nombrecorto.”paginaprincipal”).’&sort_column=post_date&sort_order=desc’);

        or $wpfpf_nombrecorto value
        $wpfpf_nombrecorto=”wpfpfamr_”;
        as this
        get_pages(‘child_of=’.get_option(“wpfpfamr_paginaprincipal”).’&sort_column=post_date&sort_order=desc’);
        and iterate(foreach)

        Responder

    • ezoryak

      mar 28

      Thank you for your help.
      Should be possible to use thumbnail and and title for each album.
      I could not. : (
      Could you help me again please?
      Thanks for you, sincerely regards…

      Responder

    • admin

      mar 28

      yes, you can extract the first image child of the post, this image have a short description(if you write this description)
      see “galeria” function in the Source Code of the plugin

      $paginash = get_pages(‘sort_column=post_date&sort_order=desc&child_of=’.get_option($wpfpf_nombrecorto.”paginaprincipal”));

      $count = 0;
      foreach($paginash as $page)
      { $count++;

      $attachments = get_children(array(‘post_parent’ => $page->ID,
      ‘post_status’ => ‘inherit’,
      ‘post_type’ => ‘attachment’,
      ‘post_mime_type’ => ‘image’,
      ‘numberposts’=>’1′,
      ‘order’ => ‘asc’,
      ‘orderby’ => ‘menu_order’));

      if ($attachments) {
      foreach ($attachments as $images) {
      $imagen=$images->guid;
      $extension=substr($imagen,-4);
      $imagen=str_replace($extension, “”, $imagen);
      $imagen=$imagen.”-”.get_option($wpfpf_thumb_option.”_w”).”x”.get_option($wpfpf_thumb_option.”_h”).$extension;
      $anchodiv=get_option($wpfpf_thumb_option.”_w”)+10;
      $contenidofile.=’
      ID.’”>
      post_name.’” target=”‘.$wpfpf_lnk_target.’”>
      post_title.’” src=”‘.$imagen.’” title=”‘.$images->post_title.’” class=”size-medium wp-image-’.$images->ID.’”>

      ‘.$images->post_title.’
      ‘;

      }
      }
      }

      return $contenidofile;

      Responder

    • ezoryak

      mar 29

      thanks a lot, was very nice… :)
      i add to demo in tomorrow, i hope you like it.
      thanks & regards.

      Responder

    • admin

      mar 29

      Im need more time, maybe some days with 27 hours?
      to release a new version with some news features, based in yours ideas

      Responder

    • ezoryak

      mar 30

      prepared with the your help on my theme, content is not yet complete.

      http://www.siriusyildizi.com/sirius/

      will be an advice, give automatic size for images in swf.

      I congratulate you.

      Thanks & Regards.

      Responder

      • admin

        mar 30

        thanks :)
        flash page flip is inactive in your site?
        cant see the page flip

        Responder

    • ezoryak

      mar 31

      The left side of the page, under the heading of Etkinliklerimiz.
      Now is one, i will add more catalog.
      Thanks again…

      Responder

      • admin

        mar 31

        cool
        very nice :)
        if you translate to turkish can send me te files to
        amolina
        at
        andresmolina
        dot
        org
        Thanks :)

        Responder

    • ezoryak

      mar 31

      Turkish translation haven’t done yet. I submit to you tomorrow translation does. ;)

      Responder

    • ezoryak

      abr 1

      Hi Andrés,
      Turkish language file I sent you an email.
      Thanks & Regards.

      Responder

      • admin

        abr 1

        Thanks
        In the next week am upload a new version with Turkish translation :)

        Responder

    • Louis

      ene 20

      This is very difficult for me to figure out.

      Do you have plans to update the plugin to work with new WP 3.3.1?
      I think it isn’t working well with this version.

      Or, I just cannot figure it out.

      I see it works on other sites, so might just be me.

      I use google translate to read your posts, so feel free to speak your language.

      Thanks so much

      Responder

      • admin

        ene 20

        Amigo, intentaré solucionar tu problema cuando tenga tiempo, pero en este momento me encuentro trabajando en WordPress Page Flip profesional para unos clientes.
        Cuando tenga una solucion te respondre acá y además te notificaré por mail :)

        Responder

    • Louis

      ene 21

      I’m not a coder, so updating it myself isn’t something I can do.

      I appreciate your response and look forward to any updates.

      If your plugin uses hooks, I know the api’s have changed with the new version of WP. I have no idea how to work with them.

      I wouldn’t mind paying for the professional version of your plugin if it works with the new versions of WP.

      Thanks

      Responder

      • admin

        ene 25

        hello, im develop the profesional version at this moment, ($500 USD), the next Week maybe upload a new version with fixes(free version on wordpress.org)

        Responder

    Deja tu comentario

    Tu opinion es importante

Suscribete al Newsletter

Recibe las últimas noticias y artículos en tu mail.