Publicar entradas en Twitter Facebook automáticamente

Si bien hay varios servicios para publicar automáticamente las entradas de nuestro/s blog/s (Network Publisher, dlvr.it ), muchos de ellos son inestables o a veces lentos en publicar, otros en cambio funcionan bien e incluso publican en varias redes sociales simultáneamente.

Acá vamos a ver un sistema que no es tan popular y es hacerlo a través de FeedBurner, de Google, si ya tenés asociados tus RSS a FeedBurner, podés configurarlo automáticamente para que publique en twitter. Vamos a ver paso a paso como hacerlo.

• Primero que nada vamos a FeedBurner

• Luego hacemos clic en el feed de la web que querríamos empezar a publicar en Twitter 

• Una vez hecho esto vamos a la pestaña superior llamada Publicize

• Dentro de Publicize, nos encontramos con la opción de menú Socialize a la izquierda.

• En Socialize finalmente llegamos a lo que queremos hacer, agregar la cuenta de la red social en la que queremos publicar. Ya tengo una cuenta de Twitter agregada.

Con ella podemos configurar: 

1. "Post content", solo titulo o también contenido.
2. "Hash tags", permite que si en nuestro titulo o contenido publicado hay palabras que concuerden con los tags que tiene la entrada, estas se convierten en "inline hash tags", es decir tags que están en la misma oración y no aparte.
3. "Additional text", Si queremos agregar un contenido fijo al principio o al final de la entrada publicada
4. "Item limit", cuantos posts publicar de los que haya en cada actualización del feed.
5. "Item order", en que orden publicarlos
6. "Keyword Filter", si queremos publicar solo las entradas que tengan cierta categoría, las demás no se van a publicar, es decir es un filtro sobre que publicar y que no.
7. Al presionar en el link "Manage connections", vamos a poder agregar cuentas de otras redes sociales, como Facebook, LinkedIn, etc.

• Dentro de "Manage connections" podemos agregar las cuentas que queramos presionando "Conectar una cuenta", en todas estas debe ser verificada su propiedad.

Conclusión, es un servicio mas, personalmente me funciona muy bien y no corre en forma de plugin en el servidor de nuestra página, consumiendo recursos, sino que la operación la realiza en el servidor de FeedBurner.

Seguir leyendo

Mostrar anuncios en ciertas páginas en Wordpress

Se pueden mostrar anuncios en ciertas páginas u otra información, escribiendo muy poco código y según que queramos hacer, a continuación vamos a enumerar cada una.

Antes de empezar, cada código debe ir en single.php, antes de <?php the_content(); ?>  o después según cada necesidad.

 Posts

1. <?php if(is_single()) { ?>
2.    Anuncio u otra cosa
3. <?php } ?>

Categorías

1. <?php if(is_category()) { ?>
2.     Anuncio u otra cosa
3. <?php } ?>

Principal y en "entradas antiguas"

1. <?php if(is_home()) { ?>
2.    Anuncio u otra cosa 
3. <?php } ?>

Tags

1. <?php if(is_tag()) { ?>
2.    Anuncio u otra cosa
3. <?php } ?>

Solo páginas

1. <?php if(is_page()) { ?>
2.    Anuncio u otra cosa
3. <?php } ?>

Si queremos en solo algunas páginas es de la siguiente manera, obtener el ID de la misma en la dirección de la página en cuestión, luego reemplazar en el código donde dice ID

1. <?php if(is_page(ID)) { ?>
2.    Anuncio u otra cosa
3. <?php } ?>

Espero les sirva, en Wordpress esto es muy bueno y en la documentación hay mas condiciones que les pueden servir, si necesitan alguna especialmente y no la encuentran, comenten y la agrego.

Seguir leyendo

Paginacion en Wordpress fácil - Sin plugin

La paginación en diseño y programación web es cuando el final de una página tenemos botones o links para acceder a la página siguiente o anterior y ademas la numeración de páginas para poder llegar a una determinada, rápidamente, sin pasar por todas las demás a continuación un ejemplo de paginación.

Ejemplo de paginación, ¿se entiende no?

En Wordpress, por defecto esto no está habilitado y hay dos formas de hacerlo, con uso de plugins y sin plugin, ésta última es la que vamos a ver ahora.


Este fragmento de código crea la navegación por paginación clásica como el que se ve en WP-PageNavi (un plugin que sirve para el mismo fin), que dan una mejor visión de conjunto para el usuario. Es fácil de implementar y permite un control total sobre la salida.

1. <?php
2. function pagination($prev = '«', $next = '»') {
3.     global $wp_query, $wp_rewrite;
4.     $wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;
5.     $pagination = array(
6.         'base' => @add_query_arg('paged','%#%'),
7.         'format' => '',
8.         'total' => $wp_query->max_num_pages,
9.         'current' => $current,
10.         'prev_text' => __($prev),
11.         'next_text' => __($next),
12.         'type' => 'plain'
13. );
14.     if( $wp_rewrite->using_permalinks() )
15.         $pagination['base'] = user_trailingslashit( trailingslashit( remove_query_arg( 's', get_pagenum_link( 1 ) ) ) . 'page/%#%/', 'paged' );
16.     if( !empty($wp_query->query_vars['s']) )
17.         $pagination['add_args'] = array( 's' => get_query_var( 's' ) );
18.     echo paginate_links( $pagination );
19. };
20. ?>

Para ponerlo en práctica, sólo tenés que añadir este código (el de arriba) en functions.php:

Ahora podés agregar la paginación usando la funcion pagination. Añadirla en algún lugar fuera del bucle, pero dentro del if (have_post ()).

1. <?php if ( have_posts() ) : ?>
2.     <?php while ( have_posts() ) : the_post(); ?>
3.         // post goes here
4.     <?php endwhile; ?>
5.     <div class="pagination"><?php pagination('»', '«'); ?></div>
6. <?php endif; ?>

WordPress también te da algunas clases CSS que podés utilizar para personalizar el aspecto de la nueva navegación.

1. .page-numbers { font-size: 15px; }
2. .page-numbers.current { color: #222; }
3. .page-numbers .dots { letter-spacing: 1px }
4. a.page-numbers  { font-size: 14px; color: #3888ff; }

Seguir leyendo

Creador de Favicon Online

Algo que todos los bloggers tarde o temprano hacemos es crear un favicon, ahora les muestro uno para crearlo de manera online. favicon.cc

Se trata de una pizarra en la que se dibuja a mano alzada, también se puede importar una imagen, y agregar frames para hacerlo animado.

Mientras lo creamos nos muestra constantemente como está quedando.

Al terminar podemos publicarlo para que otro lo use o descargarlo para usarlo.

Link: favicon.cc

Seguir leyendo

Hosting en Servers Gratuitos - Experiencia

Como muchos bloggers, durante nuestro camino vamos aprendiendo un poco como es todo el tema, una de ellas es el tema de los hosts de Internet, es decir el lugar donde guardamos nuestro blog en Internet.

Lo que voy a comentar sobre algunos de estos servicios es en base a mi experiencia como Blogger desde 2009 y también a la experiencia de varios amigos que me sirvió mucho a mi también.

También puedo decir que fueron blogs anteriores a este, siempre con temática de tecnología y programación, material propio, imágenes propias o bajo licencia CC.

Antes de empezar quiero hacer una aclaración o diferenciación. Wordpress.com y Wordpress.org no es lo mismo.

Wordpress.com: Es el gestor de contenido Wordpress instalado en servidores de Wordpress.com (es decir es el gestor de contenido + host gratuito)

Wordpress.org: Es el gestor de contenido Wordpress en si, se puede descargar desde esa misma dirección para luego instalarlo en algún host externo.

000webhost.com 

Es muy rápido, pero se cae todo el tiempo. En realidad es rápido muy rápido, posee mas de 20 servidores y depende en cuales te toque al crear una cuenta, hay servers que se caen mas que otros.
Es una lotería cuando te van a cerrar la cuenta, pueden pasar años o 2 días. En Internet está lleno de experiencias de usuarios que perdieron 500 posts o mas por no tener backup y le cerraron todo, luego intercambiando mails con algun empleado del server les terminaban diciendo cosas como:

"Pague el servicio básico y su página va a estar de nuevo online con todo su contenido."

 "Su página gratuita estaba sobrecargando los servicios que son de pago"

datawebhosting.com.ar 

Ojo con los servers que ofrecen planes a muy bajo costo, lo barato sale caro y DataWeb es un ejemplo de ello, muchísimas experiencias en Internet, incluso amigos míos.

Los servicios como estos no tienen un buen soporte se cae todo y no tienen respuestas, hay gente que tiene pago 2 años y a los 3 meses se cansan y se van, ofrecen facilidad de pagar por medio de Pago Facil o Rapi Pago, todo eso vende, es "recomodo" pero el servicio es vergonzoso, siempre hay excepciones, si te consideras con suerte puede que te vaya bien, porque es eso lo que vas a necesitar en este tipo de servicios.

byethost.com 

Velocidad buena, no se cae casi nunca, casi no cierran cuentas, PERO ya te cuento mas adelante lo que me pasó.

Posee varios revendedores en España, Uruguay y otros países, hay que saber diferenciarlos porque también ofrecen Host gratis, pero con mas limitaciones que el original, byethost.com, hay que aclarar también que si alguno de estos revendedores o resellers deja de existir, las cuentas gratuitas que estaban en realidad en byethost.com (no vas a creer que los revendedores tienen sus propios servers), dejan de existir también, sucedió con un reseller de Uruguay. Por lo que está claro que conviene crear la cuenta en el original.

Paso a explicar el PERO de antes; si bien en Internet hay muy pocos casos que comenten que le cerraron la cuenta, al menos yo encontré pocos y muchos estaban justificados, esto me motivo a hacerme una cuenta allí. Me cerraron una cuenta, donde tenía un blog con 20 días y mas de 70 posts, sin back up de todo. No pude ni reclamar, ya que los reclamos se hacen desde el panel de control el cual te lo cierran también. Entonces es siempre una lotería cuando te van a cerrar la cuenta y si no tenés un backup reciente olvidate porque salvo que pagues un plan no te devuelven nada.


Hosts en Wordpress.org

Me refiero a cualquier host como 000webhost.com o byethost en sus versiones gratuitas, en general te soportan PHP y MySql en una versión medianamente reciente, pero te dan poca memoria, eso hace que muchos plugins no corran bien, no los básicos, pero si querés alguno que haga backup automático no corren, necesitan mas de 100MB de memoria, y te dan entre 32 y 42MB, salvo que seas sumamente ordenado casi nadie se pone cada 2 días a hacer el backup manualmente, con el trabajo que cuesta migrar.

AwardSpace.com

No cierra muchas cuentas, no es lo habitual, pero es muy lento, demasiado, casi no se cae. Pero la lentitud que tiene a veces en cargar una página con el servicio gratuito hace que te vayas solo. Una página básica, muy básica que sea de 1/2MB puede tardar mas de 30 segundos por ejemplo el plugin básico de Wordpress Twenty Eleven sin ningún post puede tardar 30 segundos.

Blogger.com

Rápido, no tiene publicidad permite publicidad propia, espacio y ancho de banda infinitos, pero hay que ver que tipo de contenido se le agrega, este puede ir en contra de las condiciones de uso. Muchos lo esquivan por no tener todas las posibilidades de WordPress.org, pero estamos hablando de algo gratuito, no de algo pago y no conozco que hayan cerrado un blog si se cumplen las normas.

Wordpress.com 

Rápido, no tiene publicidad pero no permite que le pongas tuya, espacio y ancho de banda ilimitados, pero hay que ver que tipo de contenido le vas a poner, igual que blogger.

 
Comentarios finales:

Es lo que me pasó en mi experiencia personal y leyendo mucho, pero mucho en internet experiencias de otros bloggers, algunos de ellos amigos. Pero lo cierto es que nunca me quedo tranquilo con un server gratis.

Lo que hacen muchos, se meten en blogger.com, una vez que hacen algo de dinero con Adsense u otro servicio de publicidad, se pagan un server que les deje poner Wordpress.org y migran el blog.

Mi intención con esto es evitar que alguien mas caiga en la decepción que supone perder el trabajo realizado, con el esfuerzo e ilusión puesto en el.

Como les fue a ustedes, tuvieron experiencias diferentes a la mía? contanos la tuya.

Seguir leyendo

Insertar Widgets con shortcodes en WordPress

Widgets que pueden ser agregados con Shortcodes

La capacidad de uso de shortcodes en WordPress es muy subestimada. Shortcode permite al usuario final crear elementos complejos, con sólo pulsar unas teclas y al mismo tiempo modularizar las tareas de edición.

Este tutorial es para usuarios mas bien experimentados de WordPress, vamos a ver widgets y shortcodes sin entrar en demasiados detalles acerca de cómo y por qué funcionan. Si estas buscando más información, le sugiero la lectura de shortcodes en Mastering WordPress y el artículo Widgets API.
  Tomando un widget al azar

Lo primero que miraba era en cómo dar salida a cualquier widget sin shortcodes. Una vez hecho esto, que la aplicación de un shortcode es un asunto relativamente trivial. Escabando en el Codex, encontré la función the_widget() que hace exactamente lo que quiero.

Se necesitan tres parámetros:

El nombre de la clase del widget.
Configuración de instancia del widget,
Los argumentos de la barra lateral de widgets.

Con esto no sólo se puede emitir un widget en cualquier lugar, ademas puedo pasar argumentos diferentes a cualquier barra lateral de widgets. Esto es muy bueno porque puedo especificar parámetros como before_widget y after_widget.

Esto también abre la posibilidad de cambiar fácilmente el estilo del widget dentro del código corto, pero eso lo vemos luego.

Luego de aplicar ciertos CSS, el widget calendario se puede agregar en cualquier lugar

Haciendo el "Output Buffering"

Al agregar un Shortcode, tendrías que buscar en el texto una cadena en particular, haces algo con ese texto y retornar el resultado que queremos ver. Es obvio que vamos a utilizar the_widget(), pero esta función sólo se hace eco de contenido. Para solucionar este problema vamos a utilizar los búferes de salida.

Me explico mejor, mira los dos ejemplos siguientes, el resultado es exactamente el mismo.

1- the_widget( 'WP_Widget_Archives' );

1- ob_start();

2- the_widget( 'WP_Widget_Archives' );

3- $contents = ob_get_clean();

4- echo $contents;

Primero empezamos nuestro buffer. Mediante el uso de ob_get_clean (), que puede tirar el contenido de la memoria intermedia en una variable (y también borrar la memoria intermedia). Una vez hecho esto podemos hacer eco de esa variable.
 
Creando el Shortcode.

Ahora ya sabemos todo lo que necesitamos, así que vamos a crear el esqueleto de nuestro shortcode. Primero tenemos que averiguar cuáles son los argumentos que tenemos que pasar, y qué argumentos queremos permitir al usuario pasar a través de la etiqueta de shortcode

    Widget type- El widget es lo que queremos mostrar;
     Title - El título del widget (usado en el parámetro de instancia);
     Otros parámetros de instancia;
     Otros argumentos de barra lateral.

Admito que esto es un poco escasovago. La razón de esto es que en cada widget se necesita un conjunto separado de los argumentos posibles debido a la funcionalidad tan variada que tienen. Por un widget de categoría, también puede especificar el atributo jerárquico, esto no se aplica en otros por ejemplo.

La solución de este problema requiere un shortcode flexible, y una buena documentación de usuario final.


La base del shortcode

add_shortcode( 'widget', 'my_widget_shortcode' );
function my_widget_shortcode( $atts ) {

// Configure defaults and extract the attributes into variables
extract( shortcode_atts( 
 array( 
  'type'  => '',
  'title' => '',
 ), 
 $atts 
));

$args = array(
 'before_widget' => '<div class="box widget">',
 'after_widget'  => '</div>',
 'before_title'  => '<div class="widget-title">',
 'after_title'   => '</div>',
);

ob_start();
the_widget( $type, $atts, $args ); 
$output = ob_get_clean();

return $output;

Hay dos atributos en común en todos los shortcodes. El type es donde el usuario especificará el tipo de widget, y el title es donde el usuario especifica el título.

Una vez que tenemos nuestra $atts, calculamos los $args - Parámetros del widget sidebar. Dado que este sería un theme comercial, no es necesario dar al usuario control sobre estos argumentos, por lo que ahora no esta mas que harcodeado.

En la última sección vamos a poner todo junto para crear el widget de final.

Extendiendo el shortcode.

Una vez hecho esto, podemos volver con los parámetros de nuestro shortcode. Un ejemplo es el que permite al usuario elegir un esquema. Para nuestro ejemplo, esto es oscuro o claro, pero fácilmente se podría especificar un color exacto.

Todo lo que necesitas hacer es agregar un argumento al shortcode, añadir una clase CSS a nuestro widget basada en este argumento y dejar que nuestra hoja de estilos haga el resto.

add_shortcode( 'widget', 'my_widget_shortcode' );

function my_widget_shortcode( $atts ) {

// Configure defaults and extract the attributes into variables
extract( shortcode_atts( 
 array( 
  'type'   => '',
  'title'  => '',
  'scheme' => 'light'
 ), 
 $atts 
));

$args = array(
 'before_widget' => '<div class="box widget scheme-' . $scheme . ' ">',
 'after_widget'  => '</div>',
 'before_title'  => '<div class="widget-title">',
 'after_title'   => '</div>',
);

ob_start();
the_widget( $type, $atts, $args ); 
$output = ob_get_clean();

return $output;

Si queremos que sea aún más flexible, podemos permitir que un color de fondo sea pueda asignar, podemos agregar los $args utilizando los parámetros del shortcode, y mucho más.

Esta solución funciona perfectamente con widgets personalizados. Todo lo que necesitamos hacer es agregar el nombre de la clase como el type y adaptar los ajustes específicos de la instancia.

Seguir leyendo