Insertar vídeos en los extractos de WordPress

video wordpress

Muchos temas WordPress usan extractos en su portada en vez de la visualización de entrada completa. Y todos (o casi) tienen esa visualización especial en las páginas de archivo por fechas, por categorías, etiquetas, etc.

Con la moda de los temas estilo revista esto se ha convertido en costumbre en la portada de la mayoría de las webs hechas con WordPress (esta incluída).

Pero los extractos de WordPress tienen limitaciones ¿o no?.

Una de las limitaciones más evidentes es que, si no defines por tu cuenta los extractos, muestran una cantidad determinada de caracteres, sin formato, cómo le parece.

Ya expliqué hace tiempo cómo controlar el tamaño de los extractos, e incluso cómo limitarlos, pero la verdad es que aún tengo pendientes una buena cantidad de trucos sobre esta pequeña maravilla.

Por ejemplo, ya sabemos cómo tener un editor de formato en los extractos, o cómo añadirle un contador de caracteres, y lo que es más importante: cómo decidir si mostrar el contenido completo o el extracto con el “the_excerpt“, algo que podemos hacer incluso sin modificar el tema.

El caso es que un control exhaustivo de los extractos es importante, también para el SEO, y además de poder cambiar el texto por defecto del “leer más, o cambiarlo en cada entrada, lo verdaderamente relevante es definir tu mismo los extractos.

Y para ello hay que saber 2 cosas:

  1. Los extractos manuales (normalmente) sobre-escriben los extractos automáticos que ponga tu tema
  2. Los extractos manuales son campos HTML, donde puedes formatear texto con tags HTML o insertar código

Sabiendo esto la solución a la pregunta de si se pueden insertar vídeos en los extractos creo que ya la sabrás: insertar el código embed del vídeo en el campo de extracto, no la URL cómo harías en el editor de WordPress.

O sea, algo así de sencillo:

1. Copias el código de inserción de YouTube (por ejemplo)

codigo iframe youtube para insertar en wordpress

2. Pegas el código de inserción en el extracto

insertar videos en extractos wordpress

El vídeo se mostrará en el extracto de tu entrada, ya sea en portada o los diversos archivos.

Este es el método que te recomiendo, por fácil y controlable. Pero si eres más de plugins también hay un par de plugins que permiten tomar control total de los extractos. Me refiero a Advanced Excerpt y Excerpt reloaded, pero vamos, que para esto son demasiado, y cómo ya te he comentado creo que lo mejor es controlarlos tu mismo, máxime si es tan fácil ¿no te parece?

En cualquier caso tu decides …

Vídeo destacado en vez de imagen destacada

La funcionalidad de imagen destacada de WordPress es realmente genial. Si tu tema viene preparado para mostrar miniaturas de imágenes destacadas puedes ofrece un aspecto muy profesional.

Ahora bien ¿y si tu sitio está orientado a vídeos? ¿no sería fantástico poder tener vídeos destacados en vez de imágenes?.

Pues como siempre hay buenas noticias, porque usar vídeos destacados en vez de imágenes destacadas en WordPress es tremendamente sencillo, no tienes que ponerte a aprender programación, que para eso has elegido WordPress como sistema de gestión de contenidos.

Solo tienes que instalar el plugin llamado Replace featured image with video y activarlo.

Este plugin maravilloso reemplazará la característica de imagen destacada de tu editor de WordPress con vídeo destacado. Soporta vídeos de YouTube, Vimeo y muchos más sitios de alojamiento de vídeo que ofrecen códigos “embed” para incrustar vídeos.

Lo mejor de todo es que no tienes que modificar ningún archivo de tu tema WordPress, ni añadir código alguno. El plugin sobreescribe automáticamente la función de imagen destacada con el vídeo destacado que hayas definido a través del código embed en su widget del editor correspondiente que añade.

El widget del editor no requiere casi explicación. Solo tienes que pegar en el campo de texto el código embed del vídeo a usar como destacado y tu tema lo mostrará como venga definido por la plantilla. Únicamente tienes que tener en cuenta el tamaño de la incrustación, para que se adapte al ancho y alto predefinido en tu tema para las imágenes destacadas, que será al tamaño al que se mostrará.

Por lo demás es “instalar y listo”

El SEO rapero y las virtudes de WordPress como CMS

Momento friki del día, del todo … 

Y nada menos que para escuchar al SEO rapper cantar versos sobre las bondades de WordPress como CMS de cara al SEO. Y si, parece que le mola WordPress al gurú rapero del SEO.

De WordPress dice que es fácil de usar, fácil de enseñar y que "no es tecnología aerospacial", vamos, que es amigable.

Habla de otros CMS, pero como "salimos" me ha parecido cachondo compartirlo.

A disfrutarlo …

http://www.youtube.com/watch?v=Zw-oflFWiR8

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Domina tu Blog

Tus propios iconos para tipos de entrada personalizados

Una de las novedades que más nos está ilusionando de WordPress son los tipos de entrada personalizados, y seguro que ya has experimentado con ellos, es una funcionalidad con mucho futuro que, cuando se vaya incorporando por parte de los diseñadores de temas va a convertir WordPress en todo lo que puedas imaginar.

Ahora bien, si tu mismo te has animado a crear tus propios tipos de entrada personalizados seguro que has echado en falta una buena librería de iconos para utilizar en los mismos, y que no salga el feo icono por defecto.

Pues bien, necesidad satisfecha: aquí tienes nada menos que más de 3.000 iconos que puedes usar para tus tipos de entrada personalizados.

zip +3000 iconos para tipos de entrada personalizados v.1.0 (4.88 MB )

Y si no recuerdas como se añaden iconos propios a tus tipos de entrada personalizados aquí tienes el código y, más abajo, un vídeo explicativo, para que no te falte de nada.

PHP:
  1. <?php
  2. add_action( 'admin_head', 'cpt_icons' );
  3. function cpt_icons() {
  4.     ?>
  5.     <style type="text/css" media="screen">
  6.         #menu-posts-POSTTYPE .wp-menu-image {
  7.             background: url(<?php bloginfo('template_url') ?>/images/TUICONO.png) no-repeat 6px -17px !important;
  8.         }
  9.     #menu-posts-POSTTYPE:hover .wp-menu-image, #menu-posts-POSTTYPE.wp-has-current-submenu .wp-menu-image {
  10.             background-position:6px 7px!important;
  11.         }
  12.     </style>
  13. <?php } ?>

WordPress 3.2 Gershwin (vídeo)

Si aún no has instalado WordPress 3.2 (Gershwin), a pesar de conocer sus novedades, igual te anima este vídeo con sus novedades … que seguro sabrás apreciar, como muchos ya hemos hecho.


Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Windows Live Writer

El camino hasta WordPress 3.1

Impresionante este vídeo, extraído mediante la herramienta Gource, en el que se muestra todo el desarrollo de WordPress desde su inicio hasta el lanzamiento de WordPress 3.1, extrayendo todos los envíos de código al trac de WordPress.org.

Para guardar …

http://vimeo.com/20301230

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía para Administrar WordPress

WordPress para IOS 2.6, por fin vídeo

Acaba de salir la versión 2.6 para IOS, el sistema operativo móvil de Apple. En esta nueva versión la novedad destacada es la posibilidad de cargar vídeos en nuestras entradas y que estos se publiquen en el sitio, ya sea que subamos el vídeo desde la biblioteca del iPhone/iPad o hagamos un vídeo al instante para subirlo. Además de ello se han aplicado otras mejoras, como la de gestión de los borradores, ya con autoguardado, hasta ahora no muy estable.

Primeros tickets de Vaultpress

¿Os acordáis de VaultPress?, si, el servicio de copia de seguridad de WordPress. Pues parece que este fin de semana han estado enviando servicios a los precios sugeridos que tu mismo proponías ¿eres tu uno de los afortunados? … yo no.

Bueno, el caso es que el servicio está ya en marcha y lo celebran con este vídeo en el que se explica como funciona …

WordPress 3.0 Thelonius en vídeo

Matt acaba de anunciar oficialmente WordPress 3.0 codename "Thelonius" (en homenaje a Thelonius Monk, genial pianista de Jazz). Y para complementar esta gran noticia, otro paso de gigante de WordPress, aquí tienes un vídeo que muestra las novedades que vas a encontrar.


Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Domina tu Blog

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Plugins WordPress HTML5

Ahora, con el acercamiento de la mayoría de los navegadores modernos a HTML5, se hace necesario que vayan apareciendo cada vez más plugins que se adapten a este nuevo – y revolucionario – estándar. Hasta ahora no hay muchos así que aquí tienes todos los que he encontrado con una descripción de lo que ofrecen. Por supuesto, lo recomendable es que actualices o cambies a un navegador compatible con HTML5, aquí tienes una comparativa.

Plugins HTML5:

  1. Degradable HTML5 audio and video – Ofrece la posibilidad de incrustar vídeo y audio mediante shortcodes con soporte para degradados HTML5 de vídeo.
  2. TagCloud html5 – Nube de tags en HTML5, basada en el tagcanvas-JS de http://www.goat1000.com.
  3. HTML5 and Flash Video Player – Además de múltiples funciones para la incrustación sencilla de vídeo, ofrece soporte completo de vídeo HTML5.
  4. WPtouch iPhone Theme – Este viejo conocido, que ofrece una versión móvil de tu sitio para smartphones, desde la versión 1.9.9 dispone de soporte para urls y comentarios HTML5:
  5. AmR iCal Events List – Plugin de calendario que, desde la versión 2.6.1.0 dispone de soporte HTML5 para los espacios en blanco a la hora de añadir nuevos calendarios.
  6. Transposh – translation filter for wordpress – Plugin que, cumpliendo los estándares HTML5, ofrece un sistema de traducción, mitad automático, mitad humano, de traducción de los contenidos de tu sitio.
  7. wp-Typography – Plugin para mejorar las tipografías de tu sitio y, por supuesto, compatible con HTML5.
  8. Fast and Secure Contact Form – Estupendo plugin que ofrece un formulario de contacto libre de spam, mediante captcha, y que cumple los estándares HTML5.
  9. Forms – Formularios para WordPress totalmente HTML5.
  10. XHTML5 Support – Convierte todos los elementos actuales de tu tema a HTML5. Para Internet Explorer 6 y 7 require algún apaño pero funciona como un reloj. Muy recomendable, pero no para novatos.
  11. Override Post Title with First Content Heading – Plugin especial para mejorar el SEO de tu sitio que sustituye el h1 genérico de tu sitio en cada página por el título del post de la susodicha (página o entrada), por supuesto, siguiendo los estándares HTML5. Muy bueno.
  12. Sectionize – Pues eso, “seccioniza” tu contenido para cumplir este estándar HTML5.
  13. Hikari Email & URL Obfuscator – Permite que compartas tu email o urls en tu sitio pero sin que esto comprometa tu dirección de correo electrónico de cada a los spammers. Valida XHTML 1.1 y, por supuesto HTML5, sino no estaría en esta lista.
  14. External “Video for Everybody” – Otro estupendo plugin para incrustar vídeos de servicios externos que, además, reconoce los navegadores que acepten HTML5 para ofrecerles la versión adecuada del vídeo.
  15. Projekktor Video Tag Extension – Permite insertar elementos de vídeo HTML5 en tus entradas.
  16. Universal Video – Otro más, que hay muchos, para insertar vídeo HTML5 de manera sencilla en tu WordPress.

Como ves no hay muchos, pero ya pronto serán legión. Espero te haya servido esta entrada para ir atrayendo tu atención hacia la importancia de HTML5 y, de paso, conocer unos buenos plugins.

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Windows Live Writer

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!