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.

codi d’inserció del meu swf:

[gigya src="http ://www.swfcabin.com/swf-files/1365164869.swf" width="436" 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.

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

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

.

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.

codi d’inserció del vídeo YouTube:

personalitzant els paràmetres en vermell: [gigya src="http ://www.youtube.com/v/9CAPR783GVE?hl=es_ES&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ó

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í.

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!!

Els nostres llocs web

La darrera tasca del curs per als informàtics 4ESO: creació d’un lloc web. Per tal de donar unitat als treballs vam escollir com a tema comú: els nostres músics preferits. Els hem publicat al hosting gratuït 000webhost.com i els hem agrupat mitjançant la pàgina inicial infotecbell12.freeiz.com, des de la qual s’accedeix a tots. Cliqueu sobre la imatge:

Hem utilitzat software lliure i portable: KompoZer per a la creació de pàgines web, Gimp per a l’edició d’imatges i FileZilla com a client FTP.

Hem treballat els formats, els estils, les taules, els enllaços (interns i externs), l’inserció d’imatges i multimèdia: vídeos, àlbums de fotos, llistes de reproducció d’àudio. Alguns inclús han treballat amb marcs i amb javascript.

Aquesta ha estat la nostra seqüència de treball, desenvolupada al nostre e-spai d’Informàtica. Cliqueu sobre les imatges per accedir-hi:

---

---

Donada la mania d’alguns alumnes en no entregar les tasques a temps, malgrat l’existència de totes les webs, cinc d’elles han quedat perdudes a l’oceà d’Internet per no haver donat a conèixer l’URL. Una llàstima fer un treball que no pot ser apreciat pels altres …

Caracters especials en HTML

♀ualsevol c∀racter, encara que no es ☾orrespongui amb una tΣcla de l’ordinad♉r, es p➆t inser♪r en u↝a pàgina web o en un bl♦c si coneixe♏ el seu codi HTML, fins i t❆t fletxes, sm↗leys, símb∅ls matemàtics, diferentٸ alfaᵦets etc ツ α  π  ツ ♪ ✓ ♏ ⅗ ↗ ∅ ‰ Ⓒ ῼ ✌ ☺ ✹ ✓ § ♫ ✰α

Hi ha aplicacions en línia com CopyPasteCharacter o Toolpaq que fan fàcil l’utilització de caracters especials encara que no coneguem el seu codi: només cal escollir el caracter, copiar i enganxar allà on vulguem a la nostra pàgina web.

Encara que és impossible conèixer el codi de tots els caracters especials, val la pena saber que el codi HTML d’aquests caracters està format pel signe & seguit de #número d’entre 2 i 4 xifres o un nom i acabat en ; Veieu el codi d’alguns dels caracters més usuals, i si voleu més, aneu a ascii.cl