pdfcrowd.comopen in browser customize free license

Como integrar Cu3er en WordPressEscrito el 14 Dec, 2009 por Alexis en Destacadas, Wordpress

Este fin de semana estuve trabajando para un cliente que me había pedido eldiseño de un Sitio en Flash, pero como yo no trabajo con Flash le comente de la existencia dede librerías como jQery o Mootools . Básicamente necesitaba una forma de mostrar susproductos a modo de un Slider.

Ver Peliculas gratisVer DocumentalesDibujos animadosVer Cine de Terror

Poker StarPoker en InternetJugar al pokerPoker gratisPoker online

Buscar...

ADS

Eliseos.net Archivos Contacto Feeds TOS

Wordpress, Diseño, jQuery & Coffee

CSS Diseño General jQuery Photoshop Wordpress Otras

0

FEED ­ EMAIL

FOLLOW ME

pdfcrowd.comopen in browser customize free license

Entonces se me vino a la memoria la existencia de Cu3er, un Slider basado en Flash y XML. Porlo que me puse manos a la obra en el diseño y en la integración con WordPress. Cu3er tiene lafacilidad de depender de un archivo XML donde se encuentra su configuración con las directivasde como comportarse. Tuve que hacerme una idea de como generar un XML dinámicamentepara mostrar Títulos, introducción e imágenes.

Como quede bastante conforme con el resultado de Cu3er, decidí compartir como logre dichaintegración.

DemoEl siguiente es un simple ejemplo que muestra una configuración y un comportamiento básicos

Como algunos tuvieron problemas a la hora de lograr la integración, he puesto a su disposición

otro Demo donde pueden ver el comportamiento con WordPress y podrán acceder al archivo

config.php que se genera dinámicamnete.

Ver Cine de TerrorVer Cine

Articulo al azarCondicionales para IE6/IE7 con solo 2caracteres

Todos sabemos lo doloroso que es diseñarteniendo en mente a Internet Explorer en todassus aberraciones versiones. Al diseñar casisiempre tenemos que recurrir a un condicionalpara mostrar un estilo o hack predeterminado ...

ADS

FeedMantenete al dia de las novedades de Eliseos

pdfcrowd.comopen in browser customize free license

Consideraciones PreviasComo lo mencione anteriormente Cu3er trabaja con n XML donde se encuentra suconfiguración, por lo que tendremos que crear un XML a partir de PHP .

Cu3er es muy simple de implementar y cuenta con muchas opciones a la hora de configurar su

comportamiento, te recomiendo que que leas detenidamente su documentación .

Por lo mencionado anteriormente no me detendré en su configuración ya que requeriría de unarticulo aparte, pero intentare ser lo mas explicito posible.

Voy a estar trabajando con un Slider de 960px por 240px , esta dimensión es para este caso enparticular.

Primeros pasosPor cuestiones obvias vamos a necesitar una copia de Cu3er . Al extraer el archivo nos

encontraremos con los siguientes archivos

demo.html

Un archivo de ejemplo para observar como se comporta Cu3er

cu3er.swf

Sip, este es el slider

config.xml

Nuestro archivo con la configuración

Ingresa tu e-mail aqui

suscribiendote a nuestros Feeds. Podes hacerlocon tu lector de Feed preferido o tambieningresando tu E-mail.

Suscribir: Eliseos.net | Comentarios | Mas

Enlacesrecomendados

Jugar al Bingo gratisLas mejores cocinas de diseño en Madrid

pdfcrowd.comopen in browser customize free license

Una carpeta llamada js

con lo necesario para poder embeber Cu3er prolijamente

Una carpeta llamada images

con algunas images para demo.html

Moveremos a la carpeta de nuestro Theme el archivo cu3er.swf y la carpeta js

Creando nuestro config.xml dinámicamenteEsta es la parte fundamental, donde creamos nuestra configuración para el Slider. La idea defondo es mostrar un Slider donde se muestren nuestras imágenes, el titulo de la entrada y suintroducción; todo esto dinámicamente, es decir sin necesidad de modificar nuestro .xml cadavez que se crea una nueva entrada.

Para lograr esto vamos a necesitar crear un nuevo query_posts donde le diremos que nosincluya solo XX cantidad de entradas de la categoría XX y un custom field o campopersonalizado llamado “destacada”.

Manos a la obra:

<?php// definiminos nuestro XML y comportamientoheader("Content-type: text/xml");header('Cache-Control: no-store'); // necesitamos conectarnos para realizar el Looprequire_once ('../../../wp-config.php'); // variables

pdfcrowd.comopen in browser customize free license

$xml = ""; //cantifdad de entradas a mostrar en el slider$cant_entradas_mostrar = 5; // query post definimos los post y el ID de la categoria en la que vamos a trabajarquery_posts('showposts=' . $cant_entradas_mostrar . '&post_type=post&post_status=publish&order=DESC&cat=3'); // comienzo de la configuracion de cu3er$xml .= "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n";$xml .= '<cu3er>';$xml .= '<settings>'; // configuracion basica: alto, ancho del container, ubicacion y gestos del mouse$xml .= '<general slide_panel_width="960" slide_panel_height="240" slide_panel_horizontal_align="center" slide_panel_vertical_align="center" ui_visibility_time="3.5" />'; // autoplay? Si! Formato: circular 35x35, delay entre transiciones 5 segundos$xml .= '<auto_play>';$xml .= '<defaults symbol="circular" time="5"/>';$xml .= '<tweenIn x="925" y="70" width="35" height="35" tint="0x000000" alpha="0.2" /> ';$xml .= '<tweenOver alpha="0.4"/>';$xml .= '</auto_play>'; // personalizacion basica del titulo y parrafo en las transisiones$xml .= '<description>';$xml .= '<defaults round_corners="10, 10, 10, 10" heading_text_size="25" heading_text_color="0x777777" paragraph_text_size="15" paragraph_text_color="0xFFFFFF" />'; $xml .= '<tweenIn x="150" y="160" width="660" height="90" alpha="0.15"/>';$xml .= '<tweenOver alpha="0.3"/>';$xml .= '</description>';

pdfcrowd.comopen in browser customize free license

// boton anterior$xml .= '<prev_symbol>';$xml .= '<defaults type="3" />';$xml .= '<tweenIn x="920" y="250" scaleX=".75" scaleY=".75" />';$xml .= '<tweenOver x="922" y="250" scaleX=".9" scaleY=".9"/>';$xml .= '</prev_symbol>'; // boton siguiente$xml .= '<next_symbol>';$xml .= '<defaults type="3" />';$xml .= '<tweenIn x="940" y="250" scaleX=".75" scaleY=".75" />';$xml .= '<tweenOver x="942" y="250" scaleX=".9" scaleY=".9"/>';$xml .= '</next_symbol>'; // transicion a mostra por defecto$xml .= '<transitions slicing="vertical" direction="down" duration="0.6" delay="0.2" cube_color="0xc2c2c2"/>'; // terminamos con la configuracion basica$xml .= '</settings>'; // comienzo de las transiciones dentro de mi Loop$xml .= '<slides>'; // mi Loopif (have_posts()): while (have_posts()): the_post(); // category ID $category = get_the_category(); // definimos nuestro custom field if (get_post_meta($post->ID, 'destacada', true)) // personalizacion de las trasiciones $xml .= '<transition num="3" slicing="vertical" direction="down"/>'; // comienzo de las transiciones $xml .= '<slide>'; // llamamos a nuestro custom field $xml .= '<url>' . get_post_meta($post->ID, "destacada", $single = true) . // 'destacadas' es el nombre de tu campo personalizado '</url>'; // link a nuetsra entrada, click en todo el slide

pdfcrowd.comopen in browser customize free license

$xml .= '<link>' . get_permalink() . '</link>'; $xml .= '<description>'; // titulo de nuestra entrada $xml .= '<heading>' . $post->post_title . '</heading>'; // introduccion a nuestra entrada $xml .= '<paragraph>' . get_the_excerpt() . '</paragraph>'; $xml .= '</description>'; // otras variables que quizas quieras utilizar // $xml .= '<categoria>' . $category[ 0 ]­>cat_name . '</categoria>'; // $xml .= '<catid>' . bloginfo( 'home' ) . '?cat=' . $category[ 0 ]­>cat_ID . '</catid>'; // $xml .= '<fecha>' . date( 'M j, Y', strtotime( $post­>post_date ) ) . '</fecha>'; // $xml .= '<cometarios>' . $post­>comment_count . '</cometarios>'; // cerramos las transiciones dentro del Loop $xml .= '</slide>'; endwhile;endif;// cerramos las transiciones para cu3er$xml .= '</slides>'; // terminamos con nuestro XML$xml .= '</cu3er>'; // mostrar el output como XMLecho $xml;?>

Como podes observar el código esta fuertemente comentado. Intente ser lo mas claro posible.

En cada slide aparecerá nuestra imagen, vía custom field , el titulo y la introducción.Todos los valores de la configuración de Cu3er corresponden a los del ejemplo dado en elDemo. Por lo que seguramente necesites adaptarlos a tus necesidades, principalmente lasdimensiones y el comportamiento de las transiciones y descripciones.

Guardamos el archivo como config.php en la carpeta de nuestro Theme.

pdfcrowd.comopen in browser customize free license

Llamando a Cu3erAhora necesitas decirle a WordPress donde se encuentra Cu3er y sus configuraciones. Paraesto incluiremos en nuestro header.php y antes del cierre de la etiqueta <header> lo siguiente:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/swfobject/swfobject.js"></script> <script type="text/javascript"> var flashvars = ; flashvars.xml = "<?php bloginfo('template_directory'); ?>/config.php"; flashvars.font = "<?php bloginfo('template_directory'); ?>/sansation.swf"; var attributes = ; attributes.wmode = "transparent"; attributes.id = "slider"; swfobject.embedSWF("<?php bloginfo('template_directory'); ?>/cu3er.swf", "cu3er-container", "960", "240", "9", "<?php bloginfo</script>

Lo que estamos incluyendo corresponde a la ruta de swfobject.js , config.php y cue3er.swfcomo así también la ruta de nuestra fuente (en caso de poseer una).

Dentro de swfobject.embedSWF estamos diciendo que el Id donde se encontrara el Slider seracu3er-container su y su dimensión junto con la versión de Flash necesaria para que Cu3erpueda funcionar.

Integrando Cu3erPor ultimo solo resta insertar el id cu3er-container donde necesitamos que Cu3er se muestreen nuestro Theme.

<div id="cu3er-container"> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a></div>

pdfcrowd.comopen in browser customize free license

Sponsors Relacionado

Si todo salio como lo esperamos deberíamos tener el Slider correctamente funcionando.

Consideraciones FinalesSeguramente habrás notado que la integración no es nada complicada, ya que la parte masardua de crear un xml dinámicamente esta pre-creada. Espero haber podido explicarmecorrectamente y recuerden: No programo, solo diseño, el código puede estar sucio.

Compartir articulo via →

pdfcrowd.comopen in browser customize free license

ResponderTONI |20/12/2009| SITE: BLOG.UNIQUE3W.COM

Estupendo tutorial, te animo a seguir trabajando como hasta ahora.

ResponderTONY |1/1/2010| SITE: PELICULASONLINEHD.COM

El Efecto final es muy elegante, he visto un blog que logro implementarlo:phodana.de e intentare hacerlo del mismo modo, me guiare de tu guia y si todo meva bien te dejo un nuevo comentario con el resultado obtenido. Buen Tutorial,gracias por la dedicacion =).

ResponderJORGE |7/1/2010| SITE: ZIPORT.COM

Me da error en IE 7

ReferenceError: Error #1069: Property defaults not found oncom.progressivered.slider.model.Defaults and there is no default value.at com.progressivered.slider.model::Config/parseTemplateXML()at com.progressivered.slider.model::Config/init()at Application/init()at Application()

Y en firefox no me sale nada solo el loguito de cu3er, podria ser!! Hice los custom-field y arregle la categoria, puse el numero correcto y todavia nada

ResponderALEXIS |7/1/2010| SITE: ELISEOS.NET

Pareciera ser un error en el XML. Configura Cu3er como lo indique y accedeal XML que se encuentra en la ruta: tusitio.com/wp-content/theme/mitheme/config.php

Ahi podras ver detenidamente cual es el error en el XML, pareciera ser quelas imagenes no tienen la ruta correspondiente

69 comentarios to “Como integrar Cu3er en WordPress”

pdfcrowd.comopen in browser customize free license

ResponderCEZAR |12/1/2010| SITE: CEZARNEAGA.EU

hi,thanks for the tutorial.i did everything as you said, the config.php works, but the cu3er slideshow doesnot.dimensions are fine. i get no errors just the gif.

are there some minimum numbers of images/posts?thanksC

ResponderALEXIS |12/1/2010| SITE: ELISEOS.NET

I think you only need 2 images to make Cu3er works (I’m guessing) Just incase check the Cu3er Docs.

Sounds like you are having some complications with the images paths.

Find your config.php at: yoursite.com/wp-content/themes/mytheme/config.php Open it and check the images paths,you have to see a full image path in every slide.

Also, don´t forget to delete your cache, flash is quite annoying sometimes

ResponderCEZAR |12/1/2010| SITE: CEZARNEAGA.EU

everything seems fine.please check http://test.kinko.eu/

c

ResponderCEZAR |12/1/2010| SITE: CEZARNEAGA.EU

i sorted it out. had to delete the$xml .= ”;

pdfcrowd.comopen in browser customize free license

line at the beginning. Is there a way to give the value per post sothat it is different for each?thanks,

Cezar

ResponderCEZAR |12/1/2010| SITE: CEZARNEAGA.EU

found the error:you need to change in config.php

$xml .= ' to $xml .= '

ResponderALEXIS |12/1/2010| SITE: ELISEOS.NET

My bad… in a past review I forgot to set general instead of defaults

Try the new code, it will work now

Sorry for the inconvenience!

ResponderJAUME |17/1/2010| SITE: PELLSVIM.COM/UCHUMAKI/WEB

HolaLa verdad es que no sé donde me pierdo pero no logro que me funcioneLo que no tengo claro es de dónde carga las imágenes, y los textos…Hay que crear una categoría especifica..?Puedes ver el ‘No funcionamiento’ aquí:http://www.pellsvim.com/uchumaki/web/

gracias por tu ayuda.SaludosJaume

pdfcrowd.comopen in browser customize free license

ResponderALEXIS |18/1/2010| SITE: ELISEOS.NET

No estas declarando el Id de la categoría. Tiene que ser un valor numeral, ej:45. En tu CP de WordPress podes obtener el ID de la categoría, yendo a aEntradas > Categorías Posicionate sobre la categoria que estas buscando yvas a ver que al final te aparece algo asi como cat_ID=78 El 78 tu ID

ResponderJAUME |18/1/2010| SITE: PELLSVIM.COM/UCHUMAKI/WEB

Bien, localizo el ID pero dónde lo declaro, es lo que no entiendo.Otra cosa. Entiendo que este player visualiza una categoria escogida, las img y eltexto de la misma, dentro del slider, cierto? Es decir, estoy haciendo mi blog, perono quería poner ninguna categoría, solo páginas, pero para que funcione el slider,necesito crear almenos una categoría, entiendo.Me puedes ayudar en esto de declarar el ID, dónde?Gracias de antemano,

Jaume

ResponderJAUME |18/1/2010| SITE: PELLSVIM.COM/UCHUMAKI/WEB

He creado una categoría con una img y ahora en la pag de inicio, aparece estaentrada y debajo el ícono del Cu3er. En fin, a ver si me puedes ayudar…Aqui lotienes…http://www.pellsvim.com/uchumaki/web/SaludosJaume

ResponderJAUME |18/1/2010| SITE: PELLSVIM.COM/UCHUMAKI/WEB

He repasado el código y creo que es correcto.Lo que me confunde es lo que dices al pricipio:“Para lograr esto vamos a necesitar crear un nuevo query_posts donde le diremosque nos incluya solo XX cantidad de entradas de la categoría XX y un custom fieldo campo personalizado llamado “destacada”.”Creo una nueva entrada, con un campo personalizado, pero no entiendo esto quedices de XX cantidad de entradas de la categoría XX ?? A qué te refieres?

pdfcrowd.comopen in browser customize free license

Gracias de antemanoSaludosJaume

ResponderALEXIS |18/1/2010| SITE: ELISEOS.NET

Necesitas leer la documentación de WordPress.

Lo que hacemos es declarar en con nuestro nuevo query_posts cuantasentradas se mostraran y de que categoría.

En el codigo original se muestran solo 5 entradas de la categoría 3

ResponderJAUME |18/1/2010| SITE: PELLSVIM.COM/UCHUMAKI/WEB

Ok, ya entendí.Declaras los parámetros de la función query_posts en el config.php. Luego cadauno lo personaliza.OkGracias por tu ayudaSaludos

Jaume

ResponderJORGEROCK |19/1/2010| SITE: JORGEROCK.COM

Bueno he seguido tus indicaciones y en el momento en el que entro a la páginadonde tengo el cu3er, sale la imagen de carga, pero se queda en eso y no avanza.¿Alguna sugerencia sobre qué puede ser?

ResponderALEXIS |19/1/2010| SITE: ELISEOS.NET

Tenes algún demo online donde pueda ver tu integración? Si te dirigís atusitio.com/wp-content/themes/mytheme/config.php

Podes ver que las rutas a las imágenes sean las correctas?

pdfcrowd.comopen in browser customize free license

ResponderJORGEROCK |19/1/2010| SITE: JORGEROCK.COM

http://jorgerock.com/

Puedes probar ahí, si no te sale nada en la página puedes probar enlas del menu, menos en portafolio.

Se queda estático el flash y no se porqué. Me ayudarías muchisimo sitienes alguna solución.

ResponderALEXIS |19/1/2010| SITE: ELISEOS.NET

Debes tener el mismo problema que @jaume No estasdeclarando tu categoría. Ya que tu config.php no muestra el Loopde WordPress. Reemaplza el ID en query_post (linea 17) donde:

query_posts('showposts=' . $cant_entradas_mostrar . '&amp;post_type=post&amp;post_status=publish&amp;order=DESC&amp;cat=3');

cat=3 Es el ID de la categoría que vas a usar con Cu3er

JORGEROCK |19/1/2010| SITE: JORGEROCK.COM

Si delaré la categoría, creo que el problema pasa por el loopde WP, porque de verdad nunca lo uso usó. Veré que puedohacer.

ALEXIS |20/1/2010| SITE: ELISEOS.NET

Cada vez que lees un post, usas el Loop :D

Intenta repasar el archivo config.php que seguro tenes algúnproblema ahí.

JORGEROCK |20/1/2010| SITE: JORGEROCK.COM

Sabes… buscando errores en el config.php me di cuenta deque el problema es que no toma las imagenes del post, de

pdfcrowd.comopen in browser customize free license

hecho revisando el código fuente que genera entre los tags yno sale nada.

Quizás el problema pasa por ahí, y el cu3er no funcionaporque no puede encontrar las imágenes.

No sé que puede ser ._.

ALEXIS |20/1/2010| SITE: ELISEOS.NET

No e toma la imágenes, porque no estas configurando bienel archivo. Pega tu config.php en pastie.org y pasame el linkque lo miro

JORGEROCK |21/1/2010| SITE: JORGEROCK.COM

Okas… aquí está http://pastie.org/787677

ALEXIS |21/1/2010| SITE: ELISEOS.NET

Todo parecería ser correcto. Te hice una corrección en elquery, cambia destacadas por el nombre de tu categoría.

Estas usando correctamente los campos personalizados?Para que el slider funcione necesita al menos 2 entradas.

Puede ser algún plugin que que este interfiriendo

JORGEROCK |21/1/2010| SITE: JORGEROCK.COM

Hasta ahora nada ._.

He probado en diferentes servidores y en diferentes themespor si era. El tema de los plugins también lo ví, y no ocurrenada.

¿Puedes subir un .txt de ejemplo de un config.php?

ALEXIS |21/1/2010| SITE: ELISEOS.NET

pdfcrowd.comopen in browser customize free license

ALEXIS |21/1/2010| SITE: ELISEOS.NET

He puesto un demo donde podes ver el archivo en cuestiondirectamente:

ResponderREVENJOS |17/2/2010| SITE: WHO KNOWS?

Hola a todos, que tal!

A nadie le pasa que cuando cu3er integra la imagen lo hace incrementando subrillo original??? dando como resultado practicamente una imagen diferente???

Es decir, yo preparo mi imagen, hago una vista previa y esta estupenda,…exactamente igual que en el diseño original,… pero cuando la carga cu3er laimagen ya no es la misma, esta desfasada de brillo¿?¿?¿?

Agradeceria cualquier comentario al respecto porque hace ya un par de horas queme estoy volviendo loco, gracias!

ESTUPENDO EL TUTORIAL!Saludos

ResponderALEXIS |17/2/2010| SITE: ELISEOS.NET

Si he de ser sincero, nunca lo he notado. Puede ser un problema propio deCu3er, recuerda que existe un foro donde se brinda soporte, quizásencuentres una respuesta

ResponderGABRIEL |14/3/2010| SITE: WHO KNOWS?

hola, tengo una consulta, intento poner una sombra debajo como en la páginademo de cu3er pero no la puedo configurar, alguien sabría como hacerlo??

pdfcrowd.comopen in browser customize free license

ResponderALEXIS |14/3/2010| SITE: ELISEOS.NET

Es solo CSS, no es relativo a Cu3er. Mira el código de fuente en la pagina deejemplo, que quizás te puede dar una idea de como lograrlo.

ResponderHELIOS ALVAREZ |24/3/2010| SITE: MEXIKNOWS.ORG

Excelente Tutorial, muy bien explicado, intentare implementarlo en mi blog.Gracias

ResponderFRANKLIN |6/6/2010| SITE: WHO KNOWS?

http://eliseos.net/wp-content/themes/EliseosV2/config.php necesito k me envies tuconfiguracion de ejemplo en php para aprender a utilizarla.. please…. me lapuedes enviar a mi correo franklinmorillo@hotmail.com

ResponderALEXIS |9/6/2010| SITE: ELISEOS.NET

El archivo en cuestion es el mismo que utilizo en el tutorial

ResponderMIGUEL ANGEL |24/6/2010| SITE: BOMBEROSMELILLA.NET

yo lo tengo instalado en horizontal y he probado a hacer los cambios segunindicas en el tuto para se vea en vertical 300×600 por ejemplo , pero no haymanera de conseguirlo, serias tan amable de decirme donde falla, te adjunto miconfig.xml

images/slide_10.jpg images/slide_1.jpg

pdfcrowd.comopen in browser customize free license

<!-- changing transition between first &amp; second slide --> images/slide_2.jpg http://www.bomberosmelilla.net Bomberos de Melilla Siempre estaremos para ayudarte! <!-- changing transition between second &amp; third slide --> images/slide_3.jpg <!-- transitions properties defined in transitions template --> images/slide_4.jpg images/slide_5.jpg images/slide_6.jpg <!-- changing transition between first &amp; second slide --> images/slide_7.jpg http://www.bomberosmelilla.net Bomberos de Melilla Siempre estaremos para ayudarte! images/slide_8.jpg images/slide_9.jpg

pdfcrowd.comopen in browser customize free license

si alguien pudiera ayudarme le estaria muy agradecido, si necesitais algo estoy enbomberosdemelilla@gmail.com o tambien a traves dehttp://www.bomberosmelilla.netmil gracias

ResponderMIGUEL ANGEL |24/6/2010| SITE: BOMBEROSMELILLA.NET

vaya!! el codigo sale cortado, por favor si podeis ayudarme os dejo mi correo y osreenvio el archivobomberosdemelilla@gmail.com un millon de gracias

ResponderALEXIS |24/6/2010| SITE: ELISEOS.NET

El ancho y alto del container se controlan desde el archivo config.php masprecisamente con slide_panel_width y slide_panel_height

Suerte

ResponderDANIEL |4/7/2010| SITE: WACHALOL.COM

Excelente tutorial ya lo he implementado pero tengo una pregunta, es posible quetenga mas transiciones. Saludos

ResponderALEXIS |4/7/2010| SITE: ELISEOS.NET

Se podria usar rand() al principio con las tradiciones y luego imprimirlas.

IALEX |8/7/2010| SITE: MESADCEA.COM/CHIC

pdfcrowd.comopen in browser customize free license

ResponderIALEX |8/7/2010| SITE: MESADCEA.COM/CHIC

Hola, no se si se envió mi comentario, como no apareció…

en mi sitio http://mesadcea.com/chic podras ver que implementé tu tutorial, sinembargo se queda estancado despues de cargar el cu3r… mihttp://www.mesadcea.com/chic/wp-content/themes/smeek/cu3r.php todo pareceestar perfecto… y si modifique en el header para mandar llamar cu3r.php en lugarde config.php… podrías darle una revisada?? saludos,

ResponderALEXIS |8/7/2010| SITE: ELISEOS.NET

Todo pareciera estar en orden. Quizas se debe a un problema deincompatibilidad entre scripts, intenta de anular el slider en jQuery antes deusar Cu3er.

También es recomendable tener todos los scripts dentro del head y fuera,como es tu caso.

Saludos

ResponderCESAR |14/7/2010| SITE: CESARMARIEL.COM

Saludos, primero muchas gracias por el tutorial es fantastico.

A mi me esta ocurriendo que solamente me sale el logo de cu3er, he cambiado elnumero de posts que queria que salieran a 2 y la categoria a la 1, pero sigo sinhacerlo funcionar.

Me puedes echar una mano?

Gracias

ResponderCESAR |14/7/2010| SITE: CESARMARIEL.COM

Al final he conseguido que se vea, era fallo mio al definir la categoria ya queen esta linea me habia liado

pdfcrowd.comopen in browser customize free license

// llamamos a nuestro custom field $xml .= '' . get_post_meta($post-&gt;ID, "destacada", $single = true) . // 'destacadas' es el nombre de tu campo personalizado

Escribia destacadas en vez de destacada ;-)

Lo que no me funcionan son los botones, me puedes decir que hago mal??

ResponderALEXIS |14/7/2010| SITE: ELISEOS.NET

Me alegro que lo hayas solucionado. Si te referis a la sombra en elejemplo, es solo CSS mira el código de de la pagina y veras que soloaplique una imagen (la sombra) al container de Cu3er.

Saludos

ResponderCESAR |14/7/2010| SITE: CESARMARIEL.COM

Ahh y la sombra!!!

ResponderJOSE |22/7/2010| SITE: WHO KNOWS?

Hola, muy buenas y perdonar la intromision, pero he acabado en este tutorialviendo como implementais el cu3er en vuestras webs, y como no se donderecurrir, os consulto a vosotros, a ver si me podeis hacer el favor de ayudarme enalgo, si no os molesta, por supuesto.Soy muy novato y probando el cu3er en una web simple que estoy terminando, lohe puesto en la cabecera de esta, y carga bien todo, pero probando en losdistintos navegadores, solo me funciona la web en Firefox, en IE y Chorme, carga,pero los links no se muestran.La web en cuestion es http://www.juancarlosgimenez.es , podriais hechar unvistazo y decidme por que puede ser eso. Mil gracias, anticipadas.

ALEXIS |22/7/2010| SITE: ELISEOS.NET

pdfcrowd.comopen in browser customize free license

ResponderALEXIS |22/7/2010| SITE: ELISEOS.NET

Necesitas definir un valor dentro <link> para que funcionen los liks. En losdocs de Cu3er hablan de como hacerlo.

Saludos

ResponderMK |18/8/2010| SITE: WHO KNOWS?

Buenas.

primero de todo, me he perdido muchisimo. Tengo problemas, porque el visor deimagenes no me carga. He intentado hacer todo lo que dice el tutorial, pero no haymanera. Una de mis dudas es sobre el tema de las categorías/ID. Yo tampoco soyprogramador y mucho del vocabulario que tu utilizas no lo entiendo. Agradeceríaalgun tipo de ayudar. Si quieres visitar la pagina y me dices…www.gradajove.net, ysi quieres tambien te puedo pasar el config.php para que puedas ver los errores.

Gracias de antemano

ResponderALEXIS |18/8/2010| SITE: ELISEOS.NET

Cuando posicionas el mouse sobre la URL de un categoría en el CP deWordPress veras que al final dice algo asi como ID=44 Es es el numero quetenes que anotar.

ResponderPERCY |21/8/2010| SITE: WHO KNOWS?

Hola todos, bueno trabajando con el CU3r llegue a un problema en el que no secomo resolverlo y es, como paso parametros al archivo XML?config.xml?val1=1&val2=2

Bueno agradeceria k me iluminen en tal problemon ya que llevo unos dias con el.gracias

pdfcrowd.comopen in browser customize free license

ResponderEPITHAFIO |23/12/2010| SITE: APPS-NOKIA.COM

Hola que tal, bueno CU3ER ya esta mas actualizado, no se si puedas poner untutorial para wordpress, lo que pasa es que instalo el plugin, pero segun puedeshacer que pasen los post que tu quieras y segun yo los selecciono y no se porque no aparece nada

ResponderALEXIS |12/2/2011| SITE: AGBDW.COM.AR

Hola una pregunta hay algun modo de publicar por este medio el cu3er en unapagina html es decir llegue hasta el ultimo paso pero en lugar de integrarlo dentrode la plantilla en una pagina html externa incluso si se pudiese por iframe alguienme ayuda?

ResponderALEXIS |13/2/2011| SITE: ELISEOS.NET

Claro los docs de Cu3er son claros en este aspecto.

Saludos

ResponderALEXIS |18/2/2011| SITE: AGBDW.COM.AR

No obvio en la pagina dice como insertar todo el código pero resultaque al insertarlo en una pagina html solo lee contenido predispuestoimágenes y texto ya facilitado pero yo queria saber si hay alguna formade que los últimos post de mi blog se puedan ver en una pagina htmldel mismo dominio pero en html. Por eso te mencionaba que lleguehastas las ultimas instancias pero este tutorial essta destinado aintegrarlo dentro del mismo blog y yo queria saber si hay algun modode insertarlo en un pagina html externa.Desde ya muchas gracias igualmente.

ResponderALEXIS |20/2/2011| SITE: ELISEOS.NET

Posiblemente trabajando con wp-load se pueda lograr

pdfcrowd.comopen in browser customize free license

ResponderÁLVARO |11/3/2011| SITE: TWITTER.COM/KN0N515J

Hice eso hace un rato, simplemente en la página donde quieras montar elcuber fuera del wordpress (la versión 0.9.2 hablo) tienes que llamar al cu3ercon la ruta completa a los archivos dentro de la plantilla:

Por ejemplo:en el heaader de la plantilla pones

&lt;script type=&quot;text/javascript&quot; src=&quot;/js/swfobject/swfobject.js"&gt; var flashvars = ; flashvars.xml = "/config.php"; flashvars.font = "/sansation.swf"; var attributes = ; attributes.wmode = "transparent"; attributes.id = "slider"; swfobject.embedSWF("/cu3er.swf", "cu3er-container", "900", "200", "9", "/js/swfobject/expressInstall

En el código en el html externo a wordpress pones:

var flashvars = ; flashvars.xml = "http://localhost/wordpress/wp-content/themes/nombre_tema/config.php"; flashvars.font = "http://localhost/wordpress/wp-content/themes/nombre_tema/sansation.swf"; var attributes = ; attributes.wmode = "transparent"; attributes.id = "slider"; swfobject.embedSWF("http://localhost/wordpress/wp-content/themes/nombre_tema/cu3er.swf", "cu3er-container"

AHORA YO TENGO UNA DUDA:Quiero dejar una imagen por defecto al cargar el cu3er, cosa que si noexisten post destacados me muestre la imagen por defecto y no el loading.

pongo esto antes del loop del config:

// ESTABLESCO LA PRIMERA IMAGEN COMO PREDETERMINADA// personalizacion de las trasiciones

pdfcrowd.comopen in browser customize free license

// personalizacion de las trasiciones$xml .= '';$xml .= '';$xml .= ' '. get_home_url(); . '/wp-content/themes/mi_tema/images/header.jpg';$xml .= ''; // mi Loop...

Pero no logro que

$xml .= ' '. get_home_url(); . '/wp-content/themes/mi_tema/images/header.jpg';

me concatene correctamente, en el config me sale el error :

Parse error: syntax error, unexpected ‘.’ in C:\AppServ\www\wordpress\wp-content\themes\Amy\xml.php on line 111

(la linea 111 es la concatenacion de get_home_url(); ) necesito ayuda paracompletar esa parte y usarla finaalmente en mi plantilla.

ResponderÁLVARO |11/3/2011| SITE: TWITTER.COM/KN0N515J

Él código con las etiquetas PRE quedó mal……

debiera ser:

$xml .= ''. get_home_url(); .'/wp-content/themes/Amy/images/header.jpg';

Responder

ÁLVARO |11/3/2011| SITE: TWITTER.COM/KN0N515J

Corrijo nuevamente, la etiqueta PRE no deja poenr el código talcual es:

es:

$xml .= ” . get_home_url(); . ‘/wp-content/themes/Amy/images/header.jpg’;

pdfcrowd.comopen in browser customize free license

(espero ahora si salga bien)

ÁLVARO |11/3/2011| SITE: TWITTER.COM/KN0N515J

volvio a salir mal (se come algunas cosas….)

Pero espero entiendan, sino pregunten…..

Buenas noches me rindo por esta noche a una simpleconcatenación en php ¬¬ …

ResponderÁLVARO |11/3/2011| SITE: TWITTER.COM/KN0N515J

volvio a salir mal (se come algunas cosas….)

Pero espero entiendan, sino pregunten…..

Buenas noches me rindo por esta noche a una simple concatenación en php ¬¬ …

Cia!! :)

ResponderALEXIS |11/3/2011| SITE: ELISEOS.NET

En realidad si vas a crear un slider se supone que vas a tener entradas enesa categoria.

Lo que tendrias que hacer es usar un condicional donde vas a mostrarCu3er, algo asi:

$cat = get_category(6); // cat_IDif ( !empty( $cat ) ) return true; //imagen alternativa else //cu3er

pdfcrowd.comopen in browser customize free license

Es lo unico que se ocurre, de lo contrario tendrias que modificar toto el Loopque se crea para Cu3er.

Saludos

ResponderÁLVARO |13/3/2011| SITE: TWITTER.COM/KN0N515J

si es un slider, pero para sólo una página en particular con el contenidoque tiene, pero bueno lo haré otro día, lo que pasa es que me di cuentade algo malo, al imprimir la descripcion en el xml, la funcion encuestion creo que no funca bien en wordpress 3,1

reculta que la linea “@baires sabes, tengo un problema con la linea$xml .= ” . get_the_excerpt() . ”; “cuando devuelve un texto cortofunciona perfecto, pero al devolver un texto extenso aparecen lasetiquetas y las etiquetas de los link de leer más. com ose podríasolucionar eso? traté con the_excerpt_rss() ya que en codex indica queno envuelve en la etiqueta paragraph el texto (“the the_excerpt_rss()Template Tag does not put a paragraph tag around the excerpt”)pensando que ese era el error pero no imprime nada.

Sólo necesito solucionar eso para ocuparlo.

ResponderFADY |27/3/2011| SITE: PUBLIC-ON.COM

Hola amigo, he seguido los pasos, pero solo me aparece el logo de CUB3ER, creeuna categoria llamado destacada, pero no me lo crea. ayuda por fa

ResponderFADY |2/4/2011| SITE: PUBLIC-ON.COM

Amigo, necesito ayuda, modifique el codigo de manera que solo me mostrara lasimagenes contenida en una carpeta pero creo q esta mal aplicado ya q solo memuestra el logo, fijate ->

&lt;?php

pdfcrowd.comopen in browser customize free license

// definiminos nuestro XML y comportamientoheader(&quot;Content-type: text/xml&quot;);header(&#039;Cache­Control: no­store&#039;); // necesitamos conectarnos para realizar el Looprequire_once (&#039;../../../wp­config.php&#039;); // variables$xml = &quot;&quot;; //cantifdad de entradas a mostrar en el slider$cant_entradas_mostrar = 5; // query post definimos los post y el ID de la categoria en la que vamos a trabajarquery_posts(&#039;showposts=&#039; . $cant_entradas_mostrar . &#039;&amp;post_type=post&amp;post_status=publish&amp;order=DESC&amp;cat=3&#039;); // comienzo de la configuracion de cu3er$xml .= &quot;\n";$xml .= '';$xml .= ''; // configuracion basica: alto, ancho del container, ubicacion y gestos del mouse$xml .= ''; // autoplay? Si! Formato: circular 35x35, delay entre transiciones 5 segundos$xml .= '';$xml .= '';$xml .= ' ';$xml .= '';$xml .= ''; // personalizacion basica del titulo y parrafo en las transisiones$xml .= '';$xml .= ''; $xml .= '';$xml .= '';$xml .= ''; // boton anterior$xml .= '';$xml .= '';$xml .= '';

pdfcrowd.comopen in browser customize free license

$xml .= '';$xml .= ''; // boton siguiente$xml .= '';$xml .= '';$xml .= '';$xml .= '';$xml .= ''; // transicion a mostra por defecto$xml .= ''; // terminamos con la configuracion basica$xml .= ''; // comienzo de las transiciones dentro de mi Loop$xml .= ''; $xml.=' imgcub3er/slide_1.jpg <!-- changing transition between first &amp; second slide --> imgcub3er/slide_2.jpg <!-- changing transition between second &amp; third slide --> imgcub3er/slide_3.jpg <!-- transitions properties defined in transitions template --> imgcub3er/slide_4.jpg imgcub3er/slide_5.jpg '; $xml .= '';

pdfcrowd.comopen in browser customize free license

$xml .= ''; // otras variables que quizas quieras utilizar // $xml .= '' . $category[ 0 ]-&gt;cat_name . ''; // $xml .= '' . bloginfo( 'home' ) . '?cat=' . $category[ 0 ]-&gt;cat_ID . ''; // $xml .= '' . date( 'M j, Y', strtotime( $post-&gt;post_date ) ) . ''; // $xml .= '' . $post-&gt;comment_count . ''; // cerramos las transiciones dentro del Loop $xml .= ''; endwhile;endif;// cerramos las transiciones para cu3er$xml .= ''; // terminamos con nuestro XML$xml .= ''; // mostrar el output como XMLecho $xml;?&gt;

El blog es: http://www.public-on.com

ResponderFERMB |7/4/2011| SITE: WHO KNOWS?

Hola.Estoy poniendo el cub3r en una web html, pero quisiera poner el fondo de esteslide transparante y no encuentro la manera de hacerlo, por lo que buscandoinformacion, he topado contigo y me preguntaba si puedes ayudarme, paradecirme en que archivo y de que forma puedo modificar el color de fondo o ponerlotransparente.Un saludo y gracias de antemano.

Responder

pdfcrowd.comopen in browser customize free license

Nombre (requiredo) E­mail (requiredo) Website

JAVIER |13/4/2011| SITE: GRUPOAUTOESTATICO.COM/PRODUCCION

Beunas tardesNo se si siuge esto activo, pero ahí lanzo mi cuestión, me aparece correctamenteel falsh, pero no soy capaz de saber desde donde coge las imágenes que no semuestran, he probado a cambiar la categoría dentro del archivo config.php, peroasún asi no funciona, alguien me podría ayudar?Muchas gracias

Responder

JAVIER |13/4/2011| SITE: GRUPOAUTOESTATICO.COM/PRODUCCION

UN apregunta más, en el config.php, en la línea// variables$xml = “”;Tengo que poner algo?

1 . uberVU - social comments

2. The Piecemaker otro vistoso slider basado en Flash | Eliseos.net

3. Enlaces olvidados…. - KIT DE PRIMEROS AUXILIOS

4. wp-popular.com » Blog Archive » Como integrar Cu3er en Wordpress | Eliseos.net

Trackbacks/Pingbacks

Dejar un comentarioBack to Top

pdfcrowd.comopen in browser customize free license

Si necesitas mostar codigo podes usar <pre lang="php">tu codigo</pre> donde PHP es ellenguaje a mostrar

Enviar

Sponsors PopularHome pageNuevo Theme para Wordpress: WP BlueprintEasy Slider: JQuery SliderLista geek para el SupermercadoModal Windows con jQueryPersonajes de Caricaturas en VectoresComo integrar Cu3er en Wordpress15 Hermosos Skins para Foobar200021 HQ Texturas/Pieles de AnimalesInsertar un boton me gusta en WordPressfacilmente

Ultimas entradastooltipsy: Un tooltip en jQuery para tusnecesidadesUtiliza Dropbox para guardar los Backups deWordPressDesarrollar Themes para Tumblr localmenteInsertar un boton me gusta en WordPressfacilmenteinuit.css Otro Framework para diseñarresponsablementeFlexi Quote Rotator un plugin para generarcitasDos Frameworks para comenzar en diseñoweb responsable

Art has to move you and design does not, unless it's a good design for a bus.David Hockney

pdfcrowd.comopen in browser customize free license

Adapt.js servir hojas de estilos segun laresolucionGenerar un password aleatorio y facil derecordar con PHPAñadir un Class a los tags generados porWordPress

© 2011 Hosting by MediaTemple potenciado por Wordpress