Planeta WordPress » javascript http://planetawordpress.org Thu, 24 May 2012 18:58:09 +0000 en hourly 1 http://weblog.mx/?v=3.3.2 Cómo activar entradas destacadas en Twenty Eleven http://ayudawordpress.com/como-activar-entradas-destacadas-en-twenty-eleven/ http://ayudawordpress.com/como-activar-entradas-destacadas-en-twenty-eleven/#comments Mon, 30 Apr 2012 12:37:29 +0000 planetawordpress http://ayudawordpress.com/?p=62540 Sigue leyendo que hay más →

]]>

El tema por defecto de WordPress, Twenty Eleven, tiene incorporada la funcionalidad de entradas destacadas, que las mostrará en un deslizador, pero no es obvio su uso.

Si quieres aprovechar esta funcionalidad no hay ajuste que modificar ni opción que activar, solo tienes que tener en cuenta lo siguiente para activarla:

  1. Crea una nueva página usando como plantilla la denominada “Showcase template” en el widget de “Atributos de página”
  2. En “Ajustes de lectura” de tu WordPress elige mostrar una página estática en portada, y eliges la página recién creada con la plantilla showcase
  3. Marca como “sticky” las entradas que quieres que aparezcan en el deslizador
  4. Añade una imagen destacada en la entrada, que será la que se mostrará en el deslizador. Si la imagen es del tamaño máximo (1000×288 pixels) o mayor se mostrará como fondo del área del deslizador, con el título de la entrada sobre la misma. Si es menor aparecerá a la derecha del área, con el título y el extracto a la izquierda de la misma. También debes saber que si la imagen destacada es igual o mayor que el tamaño máximo, en la plantilla de entrada simple esta reemplazará la imagen de cabecera

Hasta aquí como activar el deslizador, pero este tiene una característica que puedes cambiar. Y es que por defecto no tiene movimiento automático, sino que se muestran unos puntos en los que debes hacer clic para cambiar de una entrada destacada (sticky) a otra.

Si quieres que el deslizador avance automáticamente debes añadir un poco de código, este:

<script type="text/javascript" charset="utf-8">
    // Avance automático del deslizador de Twenty Eleven
    // Fuente: http://pastebin.com/s6JEthVi
    jQuery(document).ready(function(){
        var change_every = 10; // Los segundos que el deslizador tardará en hacer el avance automático
        var current = 1;
        function auto_advance(){
            if(current == -1) return false;
            jQuery('.feature-slider a').eq(current % jQuery('.feature-slider a').length).trigger('click', [true]);
            current++;
        };
        setInterval(function(){auto_advance()}, change_every * 1000);
    });
</script>

Este código debes añadirlo, bien en la plantilla de página de “showcase” o si lo prefieres en el widget de “showcase”, pero sin ponerle título, funcionará igual.

Nota: este truco último no funciona en wordpress.com, pues está limitada la inserción de código script

]]> http://ayudawordpress.com/como-activar-entradas-destacadas-en-twenty-eleven/feed/ 0 WordPress 3.3: Lista de cambios que todo desarrollador debe revisar http://ayudawordpress.com/wordpress-3-3-lista-de-cambios-que-todo-desarrollador-debe-revisar/ http://ayudawordpress.com/wordpress-3-3-lista-de-cambios-que-todo-desarrollador-debe-revisar/#comments Thu, 15 Dec 2011 23:03:07 +0000 planetawordpress http://ayudawordpress.com/?p=11084 Sigue leyendo que hay más →

]]> nuevo wordpress33

En la siguiente lista, elaborada por Andrew Nacin, tienes una gran recopilación de los cambios más importantes que WordPress 3.3 ha introducido y que ningún desarrollador debe dejar pasar sin echarles un vistazo.

Espero te sirvan de ayuda, hay muchos cambios, y buenos, en todas las novedades de WordPress 3.3.

  • Cambios de la API de la barra de admin en WordPress 3.3. Un vistazo a los cambios que pueden romper tu plugin, y como se ha adaptado la terminología y las APIs en WordPress 3.3, el nuevo concepto de Grupos y como mover y modificar elementos de menú.
  • Cambios en Javascript y el editor. Aquí hay un buen montón de cambios. jQuery se ha actualizado a la versión 1.7.1, la versión actual. Ahora se incluye la interfaz de usuario completa de jQuery, y se ha actualizado a la versión 1.8.16, también la última versión. Tienes un ejemplo en wp_editor(), que seguro que va a gustar. La API QuickTags (los botones de la barra de herramientas del editor HTML) se ha reescrito completamente, y se han mejorado wp_localize_script() y wp_enqueue_script().
  • Nueva API: is_main_query(). Esta función y el método WP_Query se introdujeron durante WordCampo Portland, el pasado mes de Septiembre.
  • No incluir wp-admin/includes/template.php para obtener add_meta_box(). Al empezar el desarrollo de WordPress 3.3 se encontraron algunos plugins que hacían fatal la llamada a add_meta_box(), así sue no te pierdas este enlace.
  • Ya no existe el filtro admin_user_info_links. Esto ha sido obligatorio prácticamente, al combinar la barra de admin con la cabecera de admin. No es que lo usaran muchos plugins pero había que hacerlo.
  • Cambios en la API de Ayuda y pantalla. Aquí verás el proceso de añadir nuevas pestañas de ayuda, así como también cómo usar el objeto “pantalla” para determinar el contexto de la página actual. .
]]> http://ayudawordpress.com/wordpress-3-3-lista-de-cambios-que-todo-desarrollador-debe-revisar/feed/ 0 Eliminar completamente los comentarios http://ayudawordpress.com/eliminar-completamente-los-comentarios/ http://ayudawordpress.com/eliminar-completamente-los-comentarios/#comments Tue, 07 Jun 2011 11:11:39 +0000 planetawordpress http://ayudawordpress.com/?p=9706 Sigue leyendo que hay más →

]]> No me refiero a eliminarlos de la plantilla para que no puedan comentar, ni siquiera a desactivarlos desde los ajustes de WordPress, me refiero a eliminar completamente los comentarios y cualquier referencia, incluso visual, a su existencia.

Está claro, los comentarios son parte de los blogs, esencia misma de la Web 2.0, pero hay ocasiones en que - sobre todo para trabajos a clientes - en que es posible que quieras quitar cualquier atisbo de que tal cosa siquiera existe.

En este raro, pero probable, caso, Frank ha elaborado un plugin cuyo código quita toda referencia a los comentarios, vamos, que dejan de existir en tu WordPress, no verá rastro ni cita alguna a los mismos.

Solo tienes que guardar este código con el nombre que quieras, subirlo a la carpeta 'plugins' de tu instalación de WordPress, activarlo y habrás eliminado totalmente los comentarios de tu WordPress.

Clic para ver Texto Plano
PHP:
  1. <?php
  2. /**
  3. * Plugin Name: Eliminar comentarios completamente
  4. * Plugin URI: http://bueltge.de/
  5. * Text Domain: remove_comments_absolute
  6. * Domain Path: /languages
  7. * Description: Desactiva las funciones de comentarios y quita todas sus referencias en la instalación de WordPress
  8. * Author: Frank Bültge
  9. * Version: 0.0.1
  10. * Licence: GPLv2
  11. * Author URI: http://bueltge.de
  12. * Upgrade Check: none
  13. * Last Change: 01.06.2011
  14. */
  15. if ( ! class_exists( 'Remove_Comments_Absolute' ) ) {
  16.     add_action( 'plugins_loaded', array( 'Remove_Comments_Absolute', 'get_object' ) );
  17.     class Remove_Comments_Absolute {
  18.         static private $classobj = NULL;
  19.         /**
  20.          * Constructor, init on defined hooks of WP and include second class
  21.          *
  22.          * @access  public
  23.          * @since   0.0.1
  24.          * @uses    add_filter, add_action
  25.          * @return  void
  26.          */
  27.         public function __construct () {
  28.             add_filter( 'the_posts', array( $this, 'set_comment_status' ) );
  29.             add_filter( 'comments_open', array( $this, 'close_comments', 10, 2 ) );
  30.             add_filter( 'pings_open', array( $this, 'close_comments', 10, 2 ) );
  31.             add_action( 'admin_init', array( $this, 'remove_comments' ) );
  32.             add_filter( 'add_menu_classes', array( $this, 'add_menu_classes' ) );
  33.             add_action( 'admin_head', array( $this, 'remove_comments_areas' ) );
  34.             add_action( 'wp_before_admin_bar_render', array( $this, 'admin_bar_render' ) );
  35.         }
  36.         /**
  37.          * Handler for the action 'init'. Instantiates this class.
  38.          *
  39.          * @access  public
  40.          * @since   0.0.1
  41.          * @return  object $classobj
  42.          */
  43.         public function get_object () {
  44.             if ( NULL === self :: $classobj ) {
  45.                 self :: $classobj = new self;
  46.             }
  47.             return self :: $classobj;
  48.         }
  49.         /**
  50.          * Set the status on posts and pages - is_singular ()
  51.          *
  52.          * @access  public
  53.          * @since   0.0.1
  54.          * @uses    is_singular
  55.          * @param   string $posts
  56.          * @return  string $posts
  57.          */
  58.         public function set_comment_status ( $posts ) {
  59.             if ( ! empty( $posts ) && is_singular() ) {
  60.                 $posts[0]->comment_status = 'closed';
  61.                 $posts[0]->post_status = 'closed';
  62.             }
  63.             return $posts;
  64.         }
  65.         /**
  66.          * Close comments, if open
  67.          *
  68.          * @access  public
  69.          * @since   0.0.1
  70.          * @param   string | boolean $open
  71.          * @param   string | integer $post_id
  72.          * @return  string $posts
  73.          */
  74.         public function close_comments ( $open, $post_id ) {
  75.             // if not open, than back
  76.             if ( ! $open )
  77.                 return $open;
  78.             $post = get_post( $post_id );
  79.             if ( $post -> post_type ) // all post types
  80.                 return FALSE;
  81.             return $open;
  82.         }
  83.         /**
  84.          * Change options for dont use comments
  85.          * Remove meta boxes on edit pages
  86.          * Remove support on all post types for comments
  87.          * Remove menu-entries
  88.          *
  89.          * @access  public
  90.          * @since   0.0.1
  91.          * @uses    update_option, get_post_types, remove_meta_box, remove_post_type_support
  92.          * @return  void
  93.          */
  94.         public function remove_comments () {
  95.             // int values
  96.             foreach ( array( 'comments_notify', 'default_pingback_flag' ) as $option )
  97.                 update_option( $option, 0 );
  98.             // string false
  99.             foreach ( array( 'default_comment_status', 'default_ping_status' ) as $option )
  100.                 update_option( $option, 'false' );
  101.             // all post types
  102.             // alternative define an array( 'post', 'page' )
  103.             foreach ( get_post_types() as $post_type ) {
  104.                 // comment status
  105.                 remove_meta_box( 'commentstatusdiv', $post_type, 'normal' );
  106.                 // remove trackbacks
  107.                 remove_meta_box( 'trackbacksdiv', $post_type, 'normal' );
  108.                 // remove all commnts from tabels
  109.                 remove_post_type_support( $post_type, 'comments' );
  110.             }
  111.             // remove dashboard meta box for recents comments
  112.             remove_meta_box( 'dashboard_recent_comments', 'dashboard', 'normal' );
  113.             // Remove menu entries with WP 3.1 and higher
  114.             if ( function_exists( 'remove_menu_page' ) ) {
  115.                 remove_menu_page( 'edit-comments.php' );
  116.                 remove_submenu_page( 'options-general.php', 'options-discussion.php' );
  117.             } else {
  118.                 // unset comments
  119.                 unset( $GLOBALS['menu'][25] );
  120.                 // unset menuentry Discussion
  121.                 unset( $GLOBALS['submenu']['options-general.php'][25] );
  122.             }
  123.         }
  124.         /**
  125.          * Add class for last menu entry with no 20
  126.          *
  127.          * @access  public
  128.          * @since   0.0.1
  129.          * @param   array string $menu
  130.          * @return  array string $menu
  131.          */
  132.         function add_menu_classes ( $menu ) {
  133.             $menu[20][4] .= ' menu-top-last';
  134.             return $menu;
  135.         }
  136.         /**
  137.          * Remove areas for comments in backend via JS
  138.          *
  139.          * @access  public
  140.          * @since   0.0.1
  141.          * @return  string with js
  142.          */
  143.         public function remove_comments_areas () {
  144.             ?>
  145.             <script type="text/javascript">
  146.             //<![CDATA[
  147.             jQuery(document).ready( function($) {
  148.                 $( '.table_discussion' ).remove();
  149.             });
  150.             //]]>
  151.             </script>
  152.             <?php
  153.         }
  154.         /**
  155.          * Remove comment entry in Admin Bar
  156.          *
  157.          * @access  public
  158.          * @since   0.0.1
  159.          * @uses    remove_menu
  160.          * @return  void
  161.          */
  162.         public function admin_bar_render () {
  163.             // remove entry in admin bar
  164.             $GLOBALS['wp_admin_bar'] -> remove_menu( 'comments' );
  165.         }
  166.     } // end class
  167. } // end if class exists
  168. ?>

Lo que hace el plugin es lo siguiente:

  • Cierra todos los formularios de comentarios existentes
  • Quita los widgets relacionados con comentarios en el editor
  • Quita todos los enlaces a la gestión de comentarios de los menús de WordPress
  • Quita la columna de comentarios del Escritorio
  • Quita los ajustes de comentarios

Aquí tienes unas capturas de como queda de solito y desolado WordPress sin comentarios. Ahora tu decides, igual para algún proyecto te viene bien.
nocomentarios1 nocomentarios2

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

]]> http://ayudawordpress.com/eliminar-completamente-los-comentarios/feed/ 0 Como acelerar WordPress (infografía) http://ayudawordpress.com/como-acelerar-wordpress-infografia/ http://ayudawordpress.com/como-acelerar-wordpress-infografia/#comments Mon, 24 Jan 2011 22:39:00 +0000 planetawordpress http://ayudawordpress.com/?p=9180 La empresa de hosting inTac ha publicado una interesante infografía que apunta los distintos procesos y fases en los que se puede acelerar y optimizar la carga de WordPress.

Resumiendo mucho, pues lo tienes en la imagen, lo que proponen es …

  1. Caché de página, con herramientas como los plugins de cache
  2. Caché de la base de datos
  3. Caché del navegador
  4. Uso de CDNs (o red de entrega de contenidos) para redistribuir el tráfico
  5. Minimizar el tamaño del código, especialmente el CSS y Javascript
  6. Controlar el tamaño de la base de datos, reduciendo información redundante como las revisiones de entradas
  7. Limitar las peticiones a la base de datos eliminando llamadas innecesarias
  8. … y por supuesto, siempre tener en cuenta los básicos: actualizar WordPress y plugins, desactivar plugins innecesarios, etc

La imagen, como es grandecita, la tienes tras el salto …

]]> http://ayudawordpress.com/como-acelerar-wordpress-infografia/feed/ 0 Pantalla completa también en el editor HTML http://ayudawordpress.com/pantalla-completa-tambien-en-el-editor-html/ http://ayudawordpress.com/pantalla-completa-tambien-en-el-editor-html/#comments Fri, 07 Jan 2011 17:59:33 +0000 planetawordpress http://ayudawordpress.com/?p=9136

Una de las funcionalidades del editor de WordPress que más gustan a los novatos es el icono de "Pantalla completa", que elimina de la ventana todos los elementos no necesarios para la publicación de entradas. Ahora bien, cuando uno prefiere manejarse con el editor HTML (como un servidor) la cosa cambia, ahí no tenemos el dichoso iconito y tenemos un montón de estorbo visual alrededor del editor.

Pues bien, como todo tiene solución en esta vida, hay un truco para conseguir cargar también el editor HTML en pantalla completa.

Para ello nos haremos con el marcador javascript (o bookmarlet) que han creado en Small beans, y al que han llamado WordPressto.

Su uso es bien sencillo, solo tienes que arrastrar a la barra de favoritos el bookmarlet y ya lo tienes. Cuando estés editando una entrada haces clic en el nuevo favorito y tu pantalla del editor se abre en toda su plenitud, le vuelves a hacer clic y se pone de nuevo como estaba antes. Sencillo ¿no?.

wordpressto1 wordpressto2

Si quieres añadirlo solo tienes que arrastrar a tu barra de favoritos el siguiente enlace:

WordPressto

Como es un código externo puedes usarlo tanto en WordPress.org como en WordPress.com. Si quieres ver el código fuente lo tienes aquí .

]]> http://ayudawordpress.com/pantalla-completa-tambien-en-el-editor-html/feed/ 0 ¿Disqus, Intense Debate o qué? http://ayudawordpress.com/disqus-intense-debate-o-que/ http://ayudawordpress.com/disqus-intense-debate-o-que/#comments Sat, 04 Dec 2010 20:08:44 +0000 planetawordpress http://ayudawordpress.com/?p=9011

Hace tiempo que vengo utilizando un sistema externo de gestión de comentarios en mi blog personal, pero aún mantengo el sistema de comentarios interno de WordPress en otros, y esta disensión conmigo mismo no es porque no haya visto las ventajas de externalizar la gestión de comentarios sino más bien por asuntos técnicos que no vienen al caso, pero explicaré al final de este artículo.

Y digo esto porque externalizar la gestión de comentarios, mediante sistemas como Intense Debate o Disqus, es una decisión la mayor parte de las veces acertada, aunque no para todas las situaciones. Vamos a ver ventajas e inconvenientes…

A favor: Gestión integrada

Parece una incongruencia pero cuando externalizas los comentarios una de sus mayores ventajas es que puedes gestionar de manera unificada los comentarios de todos tus blogs, si tienes varios. Desde la página de tu perfil en Disqus o Intense Debate puedes moderar y configurar los comentarios de todos tus blogs.

Con esto evitas tener que acceder a cada uno de tus blogs, cada uno con sus datos de acceso, y con un solo “login” puedes gestionar los comentarios de todos tus sitios.

A favor: Ancho de banda

Una de las actividades que más consumen ancho de banda y peticiones a la base de datos de tu blog es la gestión de comentarios y, al externalizarla, limitas este tipo de ralentizaciones y consumo de recursos de tu servidor, relegándolos al servicio utilizado.

A favor: Funcionalidades avanzadas

Una de las virtudes de los sistemas externos de comentarios es que disponen de todas las tecnologías modernas de gestión de comentarios, de este modo, sin tocar una línea de código ni instalar decenas de plugins, dispones al instante de:

  • Comentarios anidados
  • Acceso desde perfiles sociales
  • Compartir en redes sociales
  • Ordenar comentarios a voluntad
  • Referencias y comentarios separados
  • Enlaces entrantes desde redes sociales
  • Gravatar
  • Efectos AJAX y Javascript
  • Paginación de comentarios
  • Personalización del formulario de comentarios

A favor: Moderación y antispam

Con esto me refiero a que puedes unificar reglas de moderación de comentarios, etiquetado y marcado como spam, todo desde una misma interfaz y para todos tus sitios. Además, este tipo de servicios ofrecen herramientas avanzadas de moderación, incluso por parte de los usuarios (marcar como inapropiado), que no sueles encontrar en otros sistemas, al menos de modo nativo.

A favor: Integración

Los dos sistema que te he propuesto disponen de una integración total con el sistema nativo de comentarios. Por ello, es muy fácil cambiar de un sistema externo a uno nativo en cualquier momento. Al instalar uno de estos servicios externos de gestión de comentarios lo primero que se te ofrece (casi) es exportar los comentarios existentes con la cuenta en el servicio y, en cualquier momento, puedes sincronizar ambos sistemas de comentarios (interno y externo) para no perder nada en caso de querer cambiar.

Como ventaja adicional, no tienes que esperar a que terminen los procesos de exportación y/o sincronización, los pones en marcha y abandonas la página sin problema. Cuando termina el proceso el servicio te envía un email de confirmación de fin de la acción.

En contra: Blogs veteranos

A pesar de lo dicho en el párrafo anterior he encontrado problemas en varias ocasiones a la hora de tratar de exportar y sincronizar comentarios en blogs veteranos, con muchos comentarios (digamos más de 10 mil o así). A veces este proceso de sincronización se alarga tanto que llega a atascarse si hay muchísimos comentarios. Lo bueno es que no pierdes nada en el proceso así que por probar no vas a sufrir una desgracia.

En contra: Personalización

Hay ocasiones en que, si eres muy puntilloso con el diseño de tu blog, estos servicios externos no llegan a satisfacer tus necesidades de personalización, de adaptación a la plantilla de tu sitio. Aunque ofrecen diversos ajustes de personalización, como retocar el CSS, elegir el idioma del formulario y adaptación a tus gustos del aspecto y comportamiento del formulario, el ajuste no siempre es perfecto.

Hay pequeños detalles que no puedes cambiar fácilmente (si sabes CSS si puedes hacer maravillas) y que puede que no te ofrezcan un resultado estético y adaptado al diseño de tu blog al nivel de personalización que desees.

En contra: Dependencia

Todas las virtudes que ofrece un sistema externo de gestión de comentarios pueden ser su mayor problema porque en realidad estás dependiendo de un servicio externo que, si deciden cerrarlo, te dejará tirado y tendrás que volver a el sistema nativo. Afortunadamente estos sistemas de los que te he estado hablando te permiten recuperar en cualquier momento la conversación de tu blog, por lo que no perderías nada del contenido, pero tendrías que acostumbrarte a “lo viejo” de nuevo o buscar un servicio alternativo si cerrara el servicio.

Tanto Intense Debate como Disqus se reservan el derecho a modificar las condiciones del servicio si así lo decidieran, así que tenlo en cuenta antes de tomar la decisión.

En resumen …

Como ya puedes imaginar, la decisión es tuya, pero como esperarás que me moje lo voy a hacer …

  • Si tu blog tiene miles de comentarios previos casi no te lo recomiendo, la mayoría de las veces ambos sistemas fallan en la exportación y eso no te da garantías de que, en caso de querer cambiar, puedas sincronizar sin problemas.
  • Si tu blog es nuevo o no tiene miles de comentarios previos te lo recomiendo encarecidamente. Reduces enormemente las peticiones a la base de datos, ofreces a tus lectores todas las características actuales de integración con redes sociales y el funcionamiento es sobresaliente.

Mi decisión ha sido, por los motivos expuestos, instalar Disqus en Navegando con Red (mi blog personal) y aquí, y mantener el sistema nativo en CiberPrensa (de momento, y debido a los problemas de sincronización). Estuve tentado de instalar primero Intense Debate (al ser un servicio adquirido por Automattic, empresa que coordina el desarrollo de WordPress) pero en el momento en que hice este cambio estaba más avanzado el sistema Disqus y opté por el, y la verdad es que estoy muy satisfecho por la decisión.

(Entrada publicada originalmente en Neumattic, que reproduzco aquí por su interés en lo que respecta a WordPress)

]]> http://ayudawordpress.com/disqus-intense-debate-o-que/feed/ 0 Como crear un agregador de blogs respetuoso con las fuentes http://ayudawordpress.com/como-crear-un-agregador-de-blogs-respetuoso-con-las-fuentes/ http://ayudawordpress.com/como-crear-un-agregador-de-blogs-respetuoso-con-las-fuentes/#comments Mon, 15 Nov 2010 01:00:00 +0000 planetawordpress http://ayudawordpress.com/?p=8919

Ya expliqué hace tiempo los sistemas de creación de entradas desde feeds RSS pero se quedó un poco corta la entrada, pues me limité a citar los distintos plugins o scripts que permitían la importación de contenidos, hoy quiero contaros una experiencia concreta de como llevar a cabo un agregador de blogs, un planeta si preferís llamarlo así, que respete las fuentes de los contenidos.

Me estoy refiriendo al agregador de blogs de UPyD que creé hace unos días, que creo es un buen ejemplo de como crear una web de este tipo de manera respetuosa. El paso a paso sería más o menos así …

  1. Elige una temática bien definida para el agregador. Un sitio de este tipo solo tiene sentido si concentra publicaciones de una categoría específica y permite a los visitantes encontrar en un solo lugar la información más relevante acerca de los temas de su interés. De nada vale un agregador "de todo un poco", para eso ya tenemos los portales de información general. ¡Segmenta!.
  2. Elegir un tema estilo revista (o magazine), que entiendo son los más adecuados para este tipo de webs que van a mostrar mucho contenido. En un tema formato blog no se mostraría en todo su esplendor la cantidad de publicaciones que vamos a compartir. Además, este tipo de temas ya vienen preparados para dos cuestiones vitales:
    • Normalmente solo muestran los extractos de las entradas
    • Suelen tener un sistema de publicación automática de una miniatura de la imagen que ilustrará el extracto

    Esto es importante porque lo que vamos a procurar es no robar visitas a los sitios generadores del contenido ofreciendo los textos completos sino solo extractos y una imagen que anime a visitar la web original.

    También, por supuesto, podemos hacerlo con cualquier tema, simplemente editando el fichero 'index.php' y, donde encontremos …

    Clic para ver Texto Plano
    PHP:
    1. <? php the_content(); ?>

    lo sustituimos por …

    Clic para ver Texto Plano
    PHP:
    1. <? php the_excerpt(); ?>

    Con esto conseguimos mostrar solo parte de la entrada, requiriendo hacer clic para verla completa.

    En el agregador de la blogosfera de UPyD he elegido Magazine Basic de Bavota San ya que, además, permite elegir entre varias estructuras y me pareció muy interesante una de ellas que destaca mucho la publicación más reciente, un poco menos las dos siguientes más actualizadas y menos para el resto, además de ser bastante personalizable y fácil de usar.

  3. Lo siguiente es instalar un sistema que importe entradas de otros sitios. A estos efectos el más actualizado, sencillo y configurable es FeedWordPress. Una vez instalado solo hay que ir añadiendo las URLs de los sitios que queremos promocionar desde nuestro agregador. El plugin te permite añadirlos uno a uno o en bloque, lo que facilita mucho las cosas. Además, no hace falta que conozcas la dirección del feed RSS de los sitios, simplemente añades la URL y el plugin detecta los feeds disponibles, tu simplemente eliges cual es que vas a utilizar.

    Luego, puedes configurar un montón de personalizaciones para cada feed o globales, como cada cuanto buscará el plugin nuevas entradas, si los títulos de las entradas enlazarán a la copia local o el sitio original, si en los posts generados se permitirán pingbacks y comentarios y mucho más.

    Aquí, para que nuestro agregador sea respetuoso con las fuentes, debes marcar siempre las opciones de que los enlaces siempre dirijan a la fuente original, y que no se permitan comentarios y/o pingbacks en tu agregador. De este modo fuerzas al visitante a leer el artículo completo en el sitio original, reconociendo la autoría.

    Hay muchas más opciones, pero estas son las vitales para un agregador respetuoso.

  4. Hay ocasiones en que FeedWordPress tiene la mala costumbre de publicar entradas duplicadas, así que si ves que te pasa esto instala también el plugin FeedWordPress duplicate post filter, que revisa la base de datos en tiempo real y borra los posibles duplicados. No obstante, no lo recomiendo por defecto, solo si ves que te pasa, porque en algunos servidores este plugin a veces bloquea las actualizaciones de FeedWordPress. Te toca probar.
  5. Siempre, siempre, pregunta a los sitios que quieres incluir en tu agregador si están de acuerdo en que sus publicaciones sean incluidas en tu planeta. Crear un agregador eficaz y respetuoso con las fuentes les ofrecerá más visitas y mejorará su "link building" y posicionamiento, pero la elección es del creador del contenido original, que no se te olvide.
  6. Elige bien los sitios a incluir en el agregador. Los sitios "donantes" de contenido deben actualizarse frecuentemente y estar muy centrados en la temática elegida para aportar valor a los visitantes y a los mismos aportadores de contenido. Si el visitante no ve satisfechas sus expectativas de información segmentada y clasificada se buscará otro lugar donde encontrar la información de su interés.
  7. Crea una página bien visible con un formulario de contacto para que cualquiera pueda ofrecer su sitio (relacionado con la temática) para aparecer también en el agregador. Con esto crecerá la visibilidad, aportarás más valor al agregador y darás más beneficios a los sitios incluidos.
  8. Fuerza que los enlaces se abran en una nueva ventana (o pestaña) siempre. El objetivo de esto es para que el visitante habitual del agregador no pierda el foco del sitio cuando quiera revisar una noticia concreta, y que le sea más fácil luego revisar más noticias de su interés. Para ello te recomiendo usar el plugin Open external links in a new window ya que cumple XHTML estricto y si un navegador no soporta Javascript no devuelve errores. Simple y efectivo.
  9. Difunde - más si cabe - el contenido creando una cuenta de Twitter y una página de Facebook que publiquen automáticamente los contenidos del agregador. Con Tweetable tienes todo lo que necesitas para Twitter y para Facebook y otras redes prueba alguna de estas posibilidades o esta guía de mi compañero David. Con esto, que tampoco te quitará tiempo, ayudas a atraer visitas también y a difundir el contenido.
  10. No instales ningún plugin de SEO en el WordPress del agregador, recuerda que el objetivo es ceder visitas y posicionamiento a los creadores de contenidos, no atraerlo hacia el agregador. Además, este tipo de sitios, por lo segmentado de la información y frecuencia de actualizaciones, ya suelen atraer bastante bien a los buscadores pues los alimentan de contenido frecuente y en gran cantidad, lo que no es tampoco malo en sí mismo pues a su vez facilitará la popularidad (compartida) de las fuentes del contenido.
  11. Ofrece una versión móvil del sitio con WPTouch y WiPad, que no se te olvide facilitar la visualización a los usuarios siempre conectados. Con esto también aportarás valor, ofreciendo funcionalidades que muchas veces los generadores de contenidos no están ofreciendo y, como siempre, las visitas les siguen llegando a ellos.

Y eso es todo, a partir de que lo montes y, si quieres, lo personalices un poco, tendrás un sitio que se actualiza solo con el contenido de los sitios originales. Solo tendrás que incluir nuevos sitios que soliciten su inclusión y, de vez en cuando, revisar la pantalla de feeds sindicados para comprobar que las actualizaciones se están automatizando normalmente y sin errores (a veces pasa que hay feeds originales que tienen fallos y dejan de sindicarse).

Además, este tipo de agregadores, cuando se hacen bien, he comprobado producen unos interesantes (y buenos) efectos colaterales, a saber …

  • Los generadores de contenido se fuerzan en actualizar más sus sitios para "ganar portada" gracias a la distribución de entradas de los temas de estilo revista, que suelen dar más visibilidad a las entradas más recientes.
  • Enseñan a los generadores de contenido a crear mejores titulares, pues el agregador les permite compararse - a efectos de visibilidad - con sitios de contenido similar y aprenden la importancia de un buen titular.
  • Generan comunidad, pues a los mismos generadores de contenido les muestra otros sitios que tratan su misma temática que muchas veces desconocían.
  • Enseña a los generadores de contenido que una imagen vale más que mil palabras, animándoles a acompañar siempre sus entradas con imágenes que ilustren el contenido y, en el agregador, atraigan visitas.

Personalmente estoy muy contento con como ha quedado el agregador de blogs de UPyD, y los generadores de los contenidos ahí publicados están muy satisfechos con el aumento de visitas y visibilidad de sus blogs.

¡Que lo pases bien y respetes a los creadores de contenido!

]]> http://ayudawordpress.com/como-crear-un-agregador-de-blogs-respetuoso-con-las-fuentes/feed/ 0 Tema WordPress en español: Como Facebook http://ayudawordpress.com/tema-wordpress-en-espanol-como-facebook/ http://ayudawordpress.com/tema-wordpress-en-espanol-como-facebook/#comments Mon, 01 Nov 2010 01:00:19 +0000 planetawordpress http://ayudawordpress.com/?p=8867 Si eres de los que andas buscando un tema para WordPress que sea un clon perfecto de Facebook, bien porque eres un fanático de esa red social, bien porque te gusta el modo en que está estructurado el servicio, aquí te traigo el tema WordPress que mejor lo imita.

Basado en la página de usuario de Facebook, el tema original Smells like Facebook, que he traducido a Como Facebook, ofrece una copia perfecta de Facebook. Tienes pestañas (las categorías), 2 barras laterales (o 3), efectos AJAX y Javascript, formulario de comentarios que se expande automáticamente, imagen del perfil (o tu sitio) y mucho más que puedes configurar en la página de opciones del tema (que también he traducido).

Captura:

Demo (en español):
Como Facebook

Descarga:
zip Theme WordPress Como Facebook v.1.4.1 (87.48 kB ) - Tema WordPress que imita a la perfección el perfil de Facebook. Dispone de efectos AJAX y Javascript al estilo Facebook, formulario de comentarios auto-expandible, página de opciones, 2 o 3 columnas y mucho más.

]]> http://ayudawordpress.com/tema-wordpress-en-espanol-como-facebook/feed/ 0 Barra de admin donde quieras http://ayudawordpress.com/barra-de-admin-donde-quieras/ http://ayudawordpress.com/barra-de-admin-donde-quieras/#comments Wed, 11 Aug 2010 21:30:54 +0000 planetawordpress http://ayudawordpress.com/?p=8443 A falta de una barra al estilo de WordPress.com hay un Javascript en forma de "bookmarlet", WP Toolbar, que, añadido a la barra de favoritos de tu navegador te permite acceder a las funciones habituales de administración de WordPress.

Ahora bien, no va a permitirte acceso a nada que no tengas acceso ya, o sea, que si no tienes un usuario registrado en este blog, aunque veas los enlaces no podrás entrar y hacer todo lo que se muestra, solo aquello a lo que habitualmente tengas permiso como usuario registrado, valga la aclaración para que no te lleves a engaño, que esto no es un atajo para entrar en cualquier WordPress.

Lo que si ofrece es una serie de iconos, una vez hecho clic en el bookmarlet, desde los que acceder a las secciones de administración habituales en tus WordPress, mientras los visitas, no desde otra web que visites. Digamos que, por ejemplo, estás leyendo una entrada de tu blog y te das cuenta de que querías modificar algo del tema, pues no hace falta que teclees la dirección para acceder al escritorio, solo haces clic en el bookmarlet y eliges la opción adecuada, así de fácil.

Además, para los que no gusten de usar bookmarlets también hay una extensión de GreaseMonkey, instalable en Firefox por ejemplo, e incluso una extensión para el navegador Safari. Por opciones que no quede.

]]> http://ayudawordpress.com/barra-de-admin-donde-quieras/feed/ 0 Rentabilizar con publicidad las imágenes de tu web http://carrero.es/rentabilizar-con-publicidad-las-imagenes-de-tu-web/4868 http://carrero.es/rentabilizar-con-publicidad-las-imagenes-de-tu-web/4868#comments Tue, 08 Jun 2010 06:30:38 +0000 planetawordpress http://carrero.es/?p=4868

Image Space Media (ISM) (antes Picadmedia) es un servicio que te ayuda a sacar una rentabilidad económica de tus imágenes. El proceso es sencillo una vez dado de alta en su plataforma e insertado su código javascript en el código fuente de tu sitio web, el servicio de ISM insertará anuncios en todas las imágenes de tu página.

ism 470x216 Rentabilizar con publicidad las imágenes de tu web

La idea es original y realmente sencilla y podría ayudar a tener ingresos adicionales a la publicidad típica de agencias o Adsense. Después de estar probando desde el 18 de febrero de 2010 este servicio creo que los ingresos reportados no compensan contra los problemas de posicionamiento que parece provocar en las imágenes. Han sido casi 4 meses de pruebas donde hemos generado casi 2 millones de impresiones de anuncios, cerca de 7.500 clics sobre más de 15.000 imágenes indexadas en el sistema ISM. Casi 320 dólares en este tiempo y la supuesta perdida de posicionamiento en todas las imágenes en google, al menos Decoración 2.0 dejo de indexar imágenes y en el caso de Amor desaparecieron todas, fue quitar ISM el sábado pasado y volver a indexar todas las imágenes. No se si es casualidad, pero puede ser que a Google no le guste que pongamos publicidad en las imágenes.

Por último destacar que el ratio de clic es realmente interesante desde el 0,25% hasta el 0,55% algunos días. Ahora la decisión de probar o activar este servicio es tuya, aquí tiene mi experiencia que es positiva, pero ante la posible perdida de posicionamiento he terminado por de momento eliminarlo.

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

Rentabilizar con publicidad las imágenes de tu web

]]> http://carrero.es/rentabilizar-con-publicidad-las-imagenes-de-tu-web/4868/feed 0