Inserint de tot a WordPress amb gigya

Uns dels grans inconvenients dels blocs com aquest, allotjats a la plataforma WordPress.com, és la limitació imposada per la impossibilitat d’inserir continguts Flash o de controlar paràmetres en el cas dels codis d’inserció directa des de YouTube, Slideshare, Scribd, Vimeo i poca cosa més.

Però la tossudesa de l’autora d’aquest bloc l’ha portat a descobrir el contenidor de codi gigya que s’entén amb WordPress. Tenint present que cal treballar a partir dels codis d’inserció HTML que utilitzen l’etiqueta embed (entre <.>), substituint-la per l’etiqueta gigya (entre [ ]) i poca cosa més … podem inserir qualsevol cosa !!!

Puc inserir arxius swf !
Només cal l’adreça URL de l’arxiu, definir les dimensions de l’objecte i seguir aquestes pautes d’inserció de swf. Com que WordPress no permet pujar arxius swf a la galeria multimèdia, si volem inserir-ne un d’elaboració pròpia cal allotjar-lo en un servei extern. El que he utilitzat per provar està allotjat al hosting gratuït swfcabin.

[gigya src=” http://www.swfcabin.com/swf-files/1365164869.swf” width=”436″ height=”300″]

codi d’inserció del meu swf:

[[gigya src=”http ://www.swfcabin.com/swf-files/1365164869.swf” width=”436” height=”300“]]

[gigya src=”http://static.consumer.es/www/tecnologia/infografias/swf//realidad-aumentada.swf” width=”510″ height=”300″]

codi d’inserció d’un swf aliè:

[[gigya src=”http ://static.consumer.es/www/tecnologia/infografias/swf//realidad-aumentada.swf” width=”510” height=”300“]]

Puc inserir presentacions d’àlbums de fotos !
Modificant una mica els codis d’inserció que utilitzen l’etiqueta embed per fi puc inserir els nostres àlbums de fotos com a presentacions, seguint aquestes pautes per inserir àlbums de Picasa i per inserir àlbums de Flickr, els serveis que nosaltres utilitzem.

[gigya type=”application/x-shockwave-flash” src=”https://picasaweb.google.com/s/c/bin/slideshow.swf” width=”510″ height=”340″ flashvars=”host=picasaweb.google.com&hl=es&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F101537288180223103300%2Falbumid%2F5537422343572362849%3Falt%3Drss%26kind%3Dphoto%26hl%3Des” pluginspage=”http://www.macromedia.com/go/getflashplayer”]

codi d’inserció de l’àlbum Picasa:

substiuint < embed type=”XXXX”></embed> per [[gigya type=”XXXX”]]
i modificant les dimensions si d’acàs

.
[gigya src=”http://www.flickr.com/apps/slideshow/show.swf?v=124984″ quality=”high” wmode=”opaque” width=”510″ height=”287″ allowFullScreen=”true” flashvars=”offsite=true&lang=en-us&page_show_url=%2Fphotos%2F93309229%40N02%2Fsets%2F72157632790453185%2Fshow%2F&page_show_back_url=%2Fphotos%2F93309229%40N02%2Fsets%2F72157632790453185%2F&set_id=72157632790453185&jump_to=” pluginspage=”http://www.macromedia.com/go/getflashplayer” ]

codi d’inserció de l’àlbum Flickr:

substiuint < object …>< embed type=”XXX”></embed></object> per
[[gigya type=”XXX”]] i modificant les dimensions si d’acàs

Puc controlar la mida dels videos de YouTube !
Encara que aquests es poden inserir a WordPress, les seves dimensions no es poden controlar de manera directa. Utilitzant el codi d’inserció antic (que utilitza l’etiqueta embed) i adaptant-lo una miqueta, seguint aquestes pautes ja puc fer aixó que tants maldecaps m’ha portat. Com que per inserir el meu vídeo no he trobat l’accés al codi antic he hagut d’adaptar aquestes pautes per inserir a partir de la ID del vídeo.

[gigya src=” http://www.youtube.com/v/9CAPR783GVE?hl=es_ES&amp;version=3″ allowFullScreen=”true” width=”250″ height=”200″]

codi d’inserció del vídeo YouTube:

personalitzant els paràmetres en vermell:
[[gigya src=”http ://www.youtube.com/v/9CAPR783GVE?hl=es_ES&amp;version=3″ allowFullScreen=”true” width=”250” height=”200“]]
.
la ID del vídeo apareix a la seva URL:
http ://youtu.be/9CAPR783GVE

Puc inserir un document d’Isuu !
Com que de moment Isuu permet accedir al codi d’inserció antic, ho he aconseguit seguint aquestes pautes d’inserció

[gigya src=”http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf” type=”application/x-shockwave-flash” allowfullscreen=”true” flashvars=”mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&pageNumber=4&documentId=100815093833-e8232e3b050143adae846a0670f7d957&docName=abioclimatica&username=TecnoLogics&loadingInfoText=Principis%20d’arquitectura%20bioclim%C3%A0tica&et=1365227276779&er=4″ width=”510″ height=”340″]

codi d’inserció del document allotjat a Isuu:

substituint …< embed src=”XXX” type=”XXX” allowfullscreen=”true” allowscriptaccess=”always” menu=”false” style=”width:WWW;height:HHH” flashvars=”XXX” /> per [ gigya src=”XXX” type=”XXX” allowfullscreen=”true” flashvars=”XXX” width=”WWW” height=”HHH”]

Puc inserir Prezis !
Encara que el codi d’inserció que proporciona Prezi utilitza l’etiqueta iframe que no és compatible amb gigya, seguint aquestes pautes també ho he pogut inserir aquí.

[gigya src=”http://prezi.com/bin/preziloader.swf” allowfullscreen=”true” allowscriptaccess=”always” width=”510″ height=”371″ bgcolor=”#ffffff” flashvars=”prezi_id=irhd1czgcw_q&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0″]

codi d’inserció del Prezi:

personalitzant els paràmetres en vermell:
[[gigya src=”http://prezi.com/bin/preziloader.swf” allowfullscreen=”true” allowscriptaccess=”always” width=”510” height=”371” bgcolor=”#ffffff” flashvars=”prezi_id=irhd1czgcw_q&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0″ ]]
.
la ID del Prezi apareix a la seva URL:
http ://prezi.com/irhd1czgcw_q/copy-of-como-hacer-una-prezi-magnifica/

Puc inserir moltes més coses !
Als fòrums de WordPress en castellàen anglès i a webs com WordPressTips es pot trobar informació per inserir altres objectes amb el shortcode gigya.
De moment els meus cavalls de batalla particulars els considero domesticats, ara aquest bloc podrà ser una mica més mogudet!!