lunes, 18 de febrero de 2013

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Insertar vídeos en los extractos de WordPress

Posted: 18 Feb 2013 04:50 AM PST

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 …
Publicado por en No hay comentarios:

domingo, 17 de febrero de 2013

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Guía para crear el perfecto tema WordPress

Posted: 17 Feb 2013 11:38 AM PST

developer

En ThemeShaper han creado una guía para cualquier desarrollador que quiera crear un tema WordPress que atienda a todos los estándares, de manera que ofrezca la mejor experiencia puramente WordPress.

La guía está pensada para desarrolladores de temas para WordPress.com pero es igualmente útil para cualquier entorno WordPress. Y cómo creo que es de un tremendo interés aquí lo tienes en español …

Escapes

  1. Todos los datos dinámicos deben tener escape con esc_attr() antes de entregarse como atributo HTML
  2. Todas las urls dinámicas deben tener escape con esc_url().
  3. Si los datos dinámicos se entregan cómo el atributo de un elemento script HTML deben tener escape con esc_js().
  4. Las peticiones SQL que contengan datos dinámicos deben tener escape con $wpdb->prepare().

Internationalización

  1. Todos los textos visibles para el usuario deben prepararse para traducción.
  2. Evita HTML dentro de cadenas de las funciones “gettext” siempre que sea posible.
  3. La salida de sprintf() debe tener escape en las cadenas de texto utilizadas en los atributos.
  4. Los localizadores printf() deben tener escape antes de incluirlos en atributos HTML.
  5. Ofrece contexto donde haga falta.
  6. Evita anti-patrones comunes.

Peticiones (queries)

  1. Las peticiones SQL directas deben evitarse. Es mejor utilizar uno de los nuevos objetos WP_Query cuando sea posible.
  2. No pueden usarse peticiones ilimitadas. Básicamente, esto significa que el parámetro posts_per_page de WP_Query no puede establecerse a -1. Además, el parámetro numberposts de get_posts() (y funciones similares) también debe tener un valor positivo.
  3. Las peticiones grandes deben cachearse de manera transitoria.
  4. No se puede usar query_posts(). Si necesitas modificar la petición principal es mejor usar el filtro pre_get_posts. Si necesitas recuperar entradas además de la petición principal es mejor usar el nuevo objeto WP_Query.
  5. Los valores vacíos no deben pasarse al argumento  post__in usado para crear un nuevo objeto WP_Query. Si estás usando un valor dinámico que deba estar vacío es importante comprobar que está vacío antes de usar el valor en la petición (ejemplo).
  6. Las peticiones de términos deben comprobarse en una instalación que tenga 10.000 términos.

Envíos a la cola (enqueues)

  1. Todos los archivos de terceros incluidos deben ser compatibles con la licencia GPL.
  2. Asegúrate de que se usa el protocolo adecuado para poner en espera archivos de terceros.
  3. Asegúrate de que se usan los hooks adecuados para poner en espera scritpts y estilos.

Scripts

  1. Usa los scripts incluidos en la instalación estándar si existen.
  2. Los scripts personalizados no deben minimizarse.
  3. Los scripts de terceros que se incluyan no pueden minimizarse pero deben incluir lo siguiente:
    1. El nombre de la librería.
    2. Número de versión
    3. Licencia
    4. URL

Estilos

  1. La hoja de estilos principal (style.css) debe ponerse en espera durante la acción wp_enqueue_scripts.
  2. Nunca se debe utilizar overflow:hidden para que contenga objetos flotantes (floats). Es una alternativa mejor usar micro clearfix.
  3. La clave !important no debe utilizarse donde sea suficiente una especificación.
  4. El poner en espera una fuente de Google con varios bloques de caracteres incluye de manera condicional los bloques con gettext.
  5. No están permitidas los atributos de estilo en tags HTML.

Conflictos con plugins

El entorno de WordPress.com está sobrecargado con una gran cantidad de plugins que ofrecen funcionalidades compartidas con todos los temas. Para ofrecer a los usuarios una experiencia consistente no deberían incluirse en los temas funcionalidades que dupliquen las de los plugins. Esto también debe ser aplicable a otros entornos.

A la hora de diseñar temas para WordPress.com esto es lo se usa:

  1. Las opciones de publicidad se gestionan con WordAds.
  2. Los ajustes de color personalizado se gestionan con el plugin Custom Colors.
  3. Los ajustes de fuentes personalizadas se gestionan con el plugin Custom Fonts.
  4. Los favicons se gestionan con el plugin Blavatar.
  5. Se usa soporte HiDPI para las imágenes subidas por los usuarios
  6. El scroll infinito lo ofrece Jetpack.
  7. Protocolo Open Graph
  8. Soporte de Twitter meta tag
  9. Diversos widgets

Portabilidad de datos

Asegurar que el contenido del usuario no cambia cuando cambia de tema es muy importante. Las siguientes características de la instalación estándar de WordPress, aunque son fantásticas por si solas, pueden provocar un cambio en el contenido del usuario o no estar disponible si se activan desde el tema.

  1. Tipos de entradas personalizas públicas
  2. Taxonomías personalizadas públicas
  3. Campos personalizados o campos meta de entradas
  4. Códigos cortos (shortcodes)

Opciones del tema

Si tu tema incluye ajustes personalizados es altamente recomendable usar el Personalizador en vez de una pantalla personalizada de administración. Hacerlo así tiene muchas ventajas:

  1. Los usuarios pueden ver sus cambios inmediatamente, ya que se adapta a la interfaz de usuario.
  2. Hay que escribir mucho menos código.
  3. Dispones de módulos de interfaz de usuario para la mayoría de las situaciones habituales.

Si tu tema necesita ofrecer una pantalla de administración de ajustes personalizados estos son los requisitos:

  1. Debe ser un menú hijo del menú Apariencia, con el título de "Theme Options".
  2. Se requiere el uso de la Settings API de WordPress.
  3. Todos los ajustes deben guardarse un “array” en serie.
  4. Los ajustes por defecto no deben insertarse en la base de datos hasta la instalación o una petición http.
  5. Todos los valores deben sanearse antes de guardarlos en la base de datos.
  6. Debe utilizarse la funcionalidad de la instalación estándar para cualquier necesidad de carga de archivos.

La mayoría de estos requisitos, si no todos, están en este Archivo de ejemplo de ajustes de temas para principiantes.

Miscelanea

  1. Deben usarse los “loops” completos en todas las plantillas. No es suficiente simplemente con llamar a the_post() en una plantilla cómo single.php o page.php.
  2. El $content_width global debe definirse correctamente.

wordpress-codex-themes

Guías de usabilidad

La Unidad de datos de prueba para temas de WordPress.org está repleta de entradas y páginas diseñadas para llevar tu tema a sus límites. Descarga los datos e impórtalos a tu servidor de pruebas. Probar tu tema con todos los tests disponibles te ayudará a asegurar que tu tema será lo suficientemente flexible para manejar una amplia variedad de datos reales de usuario.

Recursos

Traducción (algo libre pero precisa en lo vital) de Theme guide
Publicado por en No hay comentarios:

sábado, 16 de febrero de 2013

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

La tabla periódica de plugins WordPress

Posted: 16 Feb 2013 12:23 PM PST

Hoy, para echar un rato, vamos a ver una web que ofrece lo que han denominado la tabla periódica de plugins donde, al estilo de la tabla de componentes hay una gran lista de plugins que, al hacer clic sobre ellos, se muestran sus características.

Por supuesto, no están todos los que son pero cómo se suele decir si son todos los que están. En cualquier caso es curioso y digno de echarle un vistazo.

Es más, si te gusta puedes encargarles un poster para tu habitación y declarar de este modo tu amor a WordPress de una manera bastante chula.

Accede haciendo clic en la siguiente imagen …

tabla periodica plugins wordpress

Visto en WPdaily
Publicado por en No hay comentarios:

viernes, 15 de febrero de 2013

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Desactivar párrafos automáticos en WordPress

Posted: 14 Feb 2013 04:59 PM PST

Hamburguesa deliciosa

WordPress añade párrafos automáticamente a los textos cuando tecleas la tecla INTRO en un texto, o sea, que inserta la tag HTML que define que una parte de texto es un párrafo distinto del siguiente.

Este comportamiento, que facilita la vida del redactor la mayoría de las veces, no siempre es un amigo fiel, pues también puede insertar párrafos donde no desees.

Igual engorro puede suponer si eres un escritor exhaustivo que prefiere marcar por tu cuenta dónde hay salto de párrafo y donde no, no digamos cuando el CSS de tu tema también introduce espacios extra entre textos.

En definitiva, que en WordPress, si escribes algo así … 

Sed in lectus vitae nibh aliquam posuere. Nulla facilisi. Aenean tristique diam vitae mi dignissim aliquet bibendum nibh varius. Nulla a erat tortor, nec aliquam tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis tempus aliquet tempor. Cras eget velit in nulla tempus mollis sed non purus. Donec bibendum blandit eleifend. Praesent dapibus risus eget nunc facilisis varius. Proin velit arcu, feugiat interdum condimentum in, molestie at sapien. In in dui eget tortor volutpat dignissim. Nulla et ante massa, ut adipiscing quam. Curabitur pellentesque ante nibh. Cras luctus metus vel quam lobortis aliquam.    Donec quis lorem non enim tempus posuere. Suspendisse interdum quam in erat bibendum iaculis. Nulla feugiat massa orci, at iaculis tortor. Ut feugiat orci ornare nulla ornare mollis. Vivamus molestie est et nulla viverra tristique. Sed malesuada tristique lacus at consectetur. Nullam non tellus arcu, lobortis tincidunt elit. Mauris dignissim viverra vehicula. Mauris et dui est, quis sollicitudin lorem. Proin eu risus magna, sit amet blandit nisl. Donec ornare, leo sit amet semper tristique, risus augue cursus augue, vestibulum egestas libero erat et neque. Aliquam erat volutpat. Aenean ullamcorper dictum tristique. Etiam bibendum pulvinar pretium.

Le añade las tags de separación de párrafo, quedando de este modo:

<p>Sed in lectus vitae nibh aliquam posuere. Nulla facilisi. Aenean tristique diam vitae mi dignissim aliquet bibendum nibh varius. Nulla a erat tortor, nec aliquam tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis tempus aliquet tempor. Cras eget velit in nulla tempus mollis sed non purus. Donec bibendum blandit eleifend. Praesent dapibus risus eget nunc facilisis varius. Proin velit arcu, feugiat interdum condimentum in, molestie at sapien. In in dui eget tortor volutpat dignissim. Nulla et ante massa, ut adipiscing quam. Curabitur pellentesque ante nibh. Cras luctus metus vel quam lobortis aliquam.</p>    <p>Donec quis lorem non enim tempus posuere. Suspendisse interdum quam in erat bibendum iaculis. Nulla feugiat massa orci, at iaculis tortor. Ut feugiat orci ornare nulla ornare mollis. Vivamus molestie est et nulla viverra tristique. Sed malesuada tristique lacus at consectetur. Nullam non tellus arcu, lobortis tincidunt elit. Mauris dignissim viverra vehicula. Mauris et dui est, quis sollicitudin lorem. Proin eu risus magna, sit amet blandit nisl. Donec ornare, leo sit amet semper tristique, risus augue cursus augue, vestibulum egestas libero erat et neque. Aliquam erat volutpat. Aenean ullamcorper dictum tristique. Etiam bibendum pulvinar pretium.</p>

Lo que en ocasiones supone espacios extra adicionales en el texto, que no siempre es lo deseable.

Si quieres eliminar este comportamiento por defecto es bien sencillo. Simplemente añade el siguiente código a tu plugin de funciones:

//Eliminar párrafos automáticos por defecto  remove_filter('the_content', 'wpautop');

Guardas los cambios y ya lo tienes.

Estupendo truco encontrado en WPrecipes
Publicado por en No hay comentarios:

miércoles, 13 de febrero de 2013

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Borra WordPress al completo con un clic

Posted: 13 Feb 2013 03:22 PM PST

boton delete

¿Has querido alguna vez borrar todo el contenido de una instalación de WordPress a lo bestia?. Yo muchas veces, especialmente en sitios de pruebas, de los que uso para cursos y cosas así.

Y siempre pierdo mucho tiempo haciéndolo, bueno, hasta ahora.

Porque desde que he descubierto un plugin llamado Empty WP Blog/Website ya no empleo más de un clic para borrar todo el contenido de un WordPress, o sea … 

  • Entradas
  • Páginas
  • Comentarios
  • Etiquetas
  • Categorías
  • Adjuntos (imágenes, vídeos, etc)

empty wordpress

Simplemente instala y activa el plugin, te pasas por “Ajustes -> Empty WP Blog” y haces clic en el único botón que hay, y ya está. Por supuesto, asegúrate antes de darle, que no tiene vuelta atrás.

Estas cosas son de las que más me gustan, simples y efectivas :)

Publicado por en No hay comentarios:

martes, 12 de febrero de 2013

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Regenerar miniaturas de WordPress

Posted: 12 Feb 2013 03:06 PM PST

miniaturas wordpress

Hay ocasiones en que, especialmente cuando cambias de tema o modificas el tamaño por defecto de las miniaturas de imagen, necesitas volver a generar las miniaturas en WordPress. ¿Te imaginas la tarea que se te plantea si tienes cientos de entradas? ¿A que da pereza?

Porque claro, ya hemos visto cómo crear miniaturas por defecto cuando no las hay, pero estamos hablando de regenerar las miniaturas cuando, por ejemplo, cambias de tema WordPress o modificas el tamaño por defecto para las miniaturas, donde todo se descabala y queda feo, no de crear miniaturas por defecto en situaciones normales.

Nada, fuera preocupaciones, instalas el plugin Regenerate thumbnails, lo activas y ya tienes media tarea hecha.

A partir de este momento tienes 3 posibilidades:

  1. Regeneras miniaturas una a una en el gestor de medios.
    regenerar miniatura una a una wordpress
  2. Regeneras miniaturas en proceso masivo desde el gestor de medios.
    regenerar miniaturas en gestor de medios wordpress
  3. Regeneras todas las miniaturas desde los ajustes del plugin, situados en “Herramientas -> Regenerate thumbnails”
    regenerar miniaturas wordpress en lote

¡Conseguido!

Parada de mantenimiento en Ayuda WordPress

Posted: 12 Feb 2013 01:29 AM PST

A partir de las 12:00 de hoy, y durante unos minutos, habrá una parada por labores de mantenimiento del hosting. No creo que dure más de 10 minutos pero avisados estáis de que no es un fallo sino una tarea progamada. Perdona las molestias.
Publicado por en No hay comentarios:

lunes, 11 de febrero de 2013

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Una manera sencilla de reducir el tamaño de tu WordPress

Posted: 11 Feb 2013 03:01 PM PST

tamaños de imágenes

Hay muchos posibles elementos que pueden incrementar el tamaño, peso y carga de una web y WordPress no se escapa de este peligro. De hecho, hay comportamientos por defecto de nuestro querido CMS que contribuyen a sobrecargar el tamaño de tu web.

Uno de estos comportamientos por defecto de WordPress que contribuyen a ocupar espacio extra en tu instalación es la gestión que hace de las imágenes que subes. Me explico …

Cada vez que subes una imagen para ilustrar una entrada, WordPress crea automáticamente otros tamaños, menores que la que has subido. La idea es buena, no creas, pues está basada en el hecho de que no necesitas utilizar en tu publicación el tamaño completo de las imágenes que subas, redimensionado por HTML (ya sabes, es tirando o encogiendo la imagen) sino que es mejor usar una versión que se adapte mejor al ancho de tu tema WordPress, y de paso reduces el tiempo de carga de tu portada (especialmente).

Por poner un ejemplo; imagina que tienes una estupenda foto de las vacaciones de unos 4.000 pixels que pesa 8 Mb. Si la subes a una entrada y la publicas tal cual, aunque le reduzcas el tamaño desde el editor de objetos, en realidad estarás mostrando menos pixels de ancho y alto pero la imagen pesará lo mismo a la hora de mostrarla en tu web, te recuerdo, nada menos que 8 Mb.

Ahora suma lo que tardará en cargar la portada de tu web si haces lo mismo en cada entrada de las ¿10? que muestres en la misma. Pues eso.

Es por ello que WordPress crea automáticamente copias reducidas de tus imágenes, para que uses un tamaño más adecuado al ancho de tu tema y, en consecuencia, también de menos peso en “megas“.

La idea es buena por ese lado, pero resulta que, al mismo tiempo, también está ocupando espacio en disco de tu apreciado – y normalmente caro – plan de alojamiento web, pues te encontrarás con 3 o 4 imágenes de más, que no siempre utilizas.

Y, digamos, si nunca usas el tamaño medio ¿no sería mejor decirle a WordPress que no cree esa copia?, o el tamaño grande, o el que quieras. No te recomiendo quitar el tamaño miniatura, pues si usas las galerías es el que utilizará.

Conseguirlo es muy sencillo, simplemente ve en tu Escritorio de WordPress al menú lateral “Ajustes -> Medios” y simplemente pon a “cero” el tamaño o tamaños que no quieras que WordPress cree automáticamente.

En este ejemplo de la captura he eliminado todos los tamaños salvo el de miniaturas:
quitar tamaños de imagen wordpress

Quizás te parecerá demasiado radical, pero si lo piensas bien ¿por qué vas a subir los 8 Mb de foto?, ¿no sería mejor reducir los pixels antes de subirla?.

Normalmente, salvo en sitios dedicados a la fotografía, nunca es necesario subir imágenes de más tamaño que el que mostrará de manera habitual tu tema WordPress, así que ¿no será mejor no ocupar innecesariamente el caro espacio de hosting?.

En tu meno dejo la decisión, pero ya sabes cómo hacerlo, y bien fácil.
Publicado por en No hay comentarios:
Suscribirse a: Entradas (Atom)

Seguidores

Archivo del blog