Martes, 11 Noviembre 2014 23:44

Insertar archivos Flash en WordPress ¿es tan difícil?

Escrito por 
CMS:  WordPress |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  15 minutos


Insertar archivos Flash en WordPress ¿es tan difícil?Hablar de Flash o swf es hablar de tecnología software que cada vez con mayor velocidad en Internet acaba siendo obsoleta y engorrosa de ejecutar en algunos navegadores o dispositivos que no interpretan este formato.

HTML5 está permitiendo que Flash quede relegado y poco a poco la mayoría de contenidos que requieren de esta tecnología puedan ejecutarse o bien mediante conversión o directamente siendo sustituidos por HTML5.

No siempre es necesario recurrir al uso de plugins, principalmente si queremos mantener una carga rápida de WordPress, y además para que recurrir a plugins cuando esta tarea la podemos realizar de forma sencilla simplemente insertando el código SWFObject necesario en la vista HTML de una entrada o post de nuestro Blog.

En WordPress se permiten casi 45 tipos MIME diferentes, por defecto el tipo MIME swf está activado (no permitido en wordpress.com), por lo que cualquier archivo swf alojado en tu Hosting debería poder ejecutarse a menos que esté filtrado mediante reglas de seguridad en el servidor.

Tipos MIME permitidos por defecto en WordPress:

  • jpg|jpeg|jpe: image/jpeg
  • gif: image/gif
  • bmp: image/bmp
  • png: image/png
  • tif|tiff: image/tiff
  • ico: image/x-icon
  • asf|asx|wax|wmv|wmx: video/asf
  • avi: video/avi
  • divx: video/divx
  • flv: video/x-flv
  • mov|qt: video/quicktime
  • mpeg|mpg|mpe: video/mpeg
  • txt|c|cc|h: text/plain
  • rtx: text/richtext
  • css: text/css
  • htm|html: text/html
  • mp3|m4a: audio/mpeg
  • mp4|m4v: video/mp4
  • ra|ram: audio/x-realaudio
  • wav: audio/wav
  • ogg: audio/ogg
  • mid|midi: audio/midi
  • wma: audio/wma
  • rtf: application/rtf
  • js: application/javascript
  • pdf: application/pdf
  • doc|docx: application/msword
  • pot|pps|ppt|pptx: application/vnd.ms-powerpoint
  • wri: application/vnd.ms-write
  • xla|xls|xlsx|xlt|xlw: application/vnd.ms-excel
  • mdb: application/vnd.ms-access
  • mpp: application/vnd.ms-project
  • swf: application/x-shockwave-flash
  • class: application/java
  • tar: application/x-tar
  • zip: application/zip
  • gz|gzip: application/x-gzip
  • exe: application/x-msdownload
  • odt|odp|ods|odg|odc|odb|odf: formatos libre/open office

La forma recomendada de subir archivos .swf a tu Hosting, a la carpeta /wp-content/uploads es desde tu Panel de Hosting, Administrador de Archivos.

Podemos recurrir a código SWFObject para mostrar un archivo .swf (small web format) en una entrada o post de WordPress usando la vista HTML.

<object type=”application/x-shockwave-flash” data=”archivoflash.swf” width=”600″ height=”420″>
<param name=”movie” value=”archivoflash.swf” />
<param name=”quality” value=”high” />

¿Como insertar un archivo Flash en un post o página?

De la misma forma que lo haríamos en cualquier otro lugar en WordPress, recurriendo a código SWFObject que podemos insertar en un post o página, utilizando el editor en modo Texto (HTML).

  1. Subimos el archivo .swf a la carpeta correspondiente de WordPress (wp-content/uploads por ejemplo).
  2. Vamos a Entradas, "Añadir nueva" o editar una existente.
  3. En la posición del post deseada añadimos el código SWFObject (1)
  4. Guardamos o actualizamos la entrada/post o página y verificamos que se visualiza el archivo Flash.

1: Código de ejemplo para el widget:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="550" height="400">
<param name="movie" value="/pace_wp/wp-content/uploads/shit.swf" />
<param name="quality" value="best" />
<param name="menu" value="true" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="/pace_wp/wp-content/uploads/shit.swf" quality="best" menu="true" width="550" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="sameDomain" />
</object>

¿Como insertar un archivo Flash en un widget?

Al igual que realizamos esta tarea para post o páginas, podemos insertarlo en widgets simplemente recurriendo a código em>SWFObject e insertandolo con extrema sencillez.

  1. Subimos el archivo .swf a la carpeta correspondiente de WordPress (wp-content/uploads por ejemplo).
  2. Vamos a Apariencia, Widgets.
  3. En la posición destinada a widgets de nuestro Tema añadimos un widget tipo "Texto".
  4. Añadimos el código necesario para embeber el archivo swf. (1)
  5. Guardamos y verificamos en la página que se visualiza el archivo Flash.

1: Código de ejemplo para el widget:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="550" height="400">
<param name="movie" value="/pace_wp/wp-content/uploads/shit.swf" />
<param name="quality" value="best" />
<param name="menu" value="true" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="/pace_wp/wp-content/uploads/shit.swf" quality="best" menu="true" width="550" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="sameDomain" />
</object>

En el siguiente vídeo vemos como insertar un archivo Flash (swf) en un post y en un widget respectivamente.



Si quieres hacer pruebas puedes descargar el archivo .swf que hemos utilizado para ilustrar el vídeo de este artículo:

  • Descargar el archivo shit.swf del ejemplo (no olvides descomprimir el .zip primero).

Finalmente, si eres de los que desiste ante las adversidades a la hora de integrar Flash en WordPress, siempre te quedará el poder hacer uso de un plugin para mostrar archivos .swf de la mano del plugin Kimili Flash Embed, por ejemplo.

Dar las gracias a Johnny Hereria, Técnico de Webempresa, por la sugerencia en la creación de este artículo que deseamos sea útil para muchos usuarios y clientes.



¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+