Contenido exclusivo para usuarios registrados

Si quieres fidelizar a tus visitantes, ofrecer un valor añadido para que se registren en tu WordPress, un modo de hacerlo es ofrecer que parte del contenido sea exclusivo, de manera que solo los usuarios registrados lo vean.

Estoy hablando de que, por ejemplo, si redactas un tutorial, ofrezcas la descarga en PDF solo para usuarios registrados, o fotos exclusivas, o incluso un vídeo de “cómo hacerlo”, lo que sea. El usuario normal accederá al contenido normal y el registrado a un plus que favorece el registro.

Como siempre veremos dos maneras de hacerlo …

1. Contenido exclusivo con plugin

Hay muchos plugins que permiten definir partes de contenido solo para usuarios registrados, pero como siempre recomiendo Members para la gestión fina de usuarios, y si vas a tener muchos usuarios registrados ya lo tendrás instalado (y sino ya estás corriendo a hacerlo), aprovecharemos que este plugin tiene una opción por defecto para hacer precisamente de lo que estamos hablando.

Además, como es opción por defecto no tienes que activarla, nada más instalarlo ya te permite restringir contenido y, en la página de ajustes, definir el mensaje de error, que puede contener, a su vez, shortcodes o HTML para personalizar ese mensaje.

Una vez activo puedes, ya desde el editor, definir quien verá la entrada. Y esta es la limitación de Members, que no puedes marcar parte del texto como exclusivo, sino que trabaja sobre toda la entrada. Eso si, puedes definir qué perfiles de usuario verán el contenido y quienes no, lo que no está nada mal.

Si quieres actuar sobre parte del contenido entonces puedes usar las siguientes opciones …


¿Que no te gusta Members?, o prefieres restringir solo parte del contenido, pues hay otro plugin, Hidepost, que ofrece el shortcode “[hidepost]” en el que puedes definir el nivel mínimo de usuario que podrá ver el contenido, todo o en parte.

2. Contenido exclusivo mediante código

Por supuesto, también puedes añadir código a tu fichero functions.php o a tu plugin de funciones. Para ello puedes usar esta extensa guía de como ofrecer contenido exclusivo a usuarios registrados, o con este otro código, que crearía un shortcode llamado exclusivo:

//Shortcode para contenido exclusivo
add_shortcode( 'exclusivo', 'contenido_registrados' );
function contenido_registrados( $atts, $content = null ) {
        if( is_user_logged_in() ) return '<p>' . $content . '</p>';
        else return;
}

Una vez guardados los cambios solo tienes que usar el shortcode siguiente:

[exclusivo]Aquí el contenido exclusivo[/exclusivo]

Ahora ¡a jugar!. Yo me quedo investigando como permitir acceso solo a Angelina Jolie ;)

Un shortcode para mostrar una caja de texto y otras entradas de Noviembre en Kebrantin

A continuación los posts que he publicado durante el mes de Noviembre de 2011 en Kebrantin.


Este blog pertenece a la red Blogpocket Multisite, donde puedes encontrar también: Mariposas en la maleta, Acordes Modernos y Cicuta en la sangre

QR codes en WordPress

Los codes, esos códigos bidimensionales, son códigos llamados de respuesta rápida (de ahí lo de Quick Response), un modo de que el usuario conectado permanentemente con su teléfono , acceda a información de manera rápida y efectiva (esto no siempre).

Hay casos espectaculares, como el supermercado virtual de Tesco, pero la mayoría de los usos actuales suelen ser para ofrecer enlaces a webs, emails, sms o, si acaso, tarjetas de visita virtuales.

En cualquier caso, también podemos usar QR codes en WordPress. La manera más fácil son un par de plugins que nos facilitan la vida a la hora de ofrecer estos códigos en nuestro sitio:

  • QR code widget - Crea y genera QR codes para tu sitio y las entradas que publiques. Luego puedes mostrarlos mediante el shortcode [qr_code_display], o BIDIs específicos de este modo: [qr_code_display qr_text="¡Todo para WordPress en http://ayudawordpress.com"]
  • Super Cool QRCode - Otro sistema para generar códigos QR, en este caso usando la API de Chart. Es sencillo y puedes poner tus códigos BIDI visibles en widgets o con función y . Es la solución más simple de las tres.
  • Create QR code - Para mi el mejor, y es que no se limita a crear un código QR de la URL de tu web, que para eso no necesitas ningún plugin, sino que genera automáticamente códigos QR de cada una de tus entradas y los coloca junto a las mismas, para que cualquier usuario pueda capturar el permalink y, guardarlo, leerlo luego o lo que sea. Vamos, mucho más práctico y, dicho sea de paso, geek. Una vez instalado solo tienes que añadir a tu plantilla (normalmente en single.php) donde quieras que se vea y ya lo tienes, lo hace el solito.

Pues eso, que si te animas es fácil, solo necesitas alguno de estos plugins y, por supuesto, un lector de QR codees en tu móvil para ver lo que hay detrás de códigos como este …

bbPress 2.0, beta 3

¡Uy que poquito queda!

Ya está aquí la beta 3 del plugin bbPress 2.0, con las siguientes novedades desde la beta anterior:

  • Integración con Akismet
  • Mejoras en las respuestas desde dentro de wp-admin
  • Mejoras en los enlaces de aviso de respuestas
  • Mejoras en la conducta inconsistente de los enlaces de navegación
  • Solución a algunos problemas de compatibilidad con temas
  • Solución a conflictos entre archivo y página
  • Mejoras en el soporte de enlaces permanentes "feos"
  • Mejoras en el importador
  • Mejoras en el soporte multisitio
  • Mejorados el tema, shortcodes y partes de plantillas
  • Añadido fichero humans.txt
  • Añadidos ficheros vacíos index.php para evitar intrusiones
  • Añadida longitud máxima a los temas de los hilos (por defecto 80 caracteres)
  • Añadidos  shortcodes para formularios de acceso, registro y contraseña perdida
  • Añadido un manejo adecuado de la redirección a hilos y respuestas, permitiendo que puedan colocarse casi en cualquier parte
  • Añadidos avisos de problemas de enlaces permanentes si existe un conflicto de URLs

Si te animas a probarlo lo puedes descargar aquí.

Issuu en WordPress.com

Quizás ya hayas utilizado el servicio de Issuu para ofrecer publicaciones online al estilo periódico, si no es así te lo recomiendo, incluso con la versión gratuita tienes una presentación de tus documentos muy profesional.

Entre sus virtudes está la principal de reformatear tus documentos para ofrecer una publicación electrónica, y lo hace muy bien, pero además te permite insertar el reproductor en cualquier sitio web … salvo en WordPress.com.

Pero el problema no es de Issuu sino de las restricciones de seguridad de WordPress.com, que no permite inserta códigos 'embed' por motivos de seguridad, ofreciendo 'shortcodes' para multitud de servicios y que así puedas compartir contenido dinámico de este tipo de servicios. Pero vaya, que no tiene shortcode para Issuu.

No te preocupes, puedes hacer un apaño que funciona de maravilla, es un poco engorroso pero funcionar funciona. Nos valdremos del shortcode de Gigya, que si funciona en WordPress.com. Vamos a ver como hacerlo …

Cuando quieres compartir un documento de Issuu te ofrece un icono con este aspecto, <>, que si le pulsas te ofrece multitud de posibilidades de incrustación. Pues bien, eliges el HTML y copias el código, te ofrecerá algo así:

<div><object style="width:420px;height:297px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=110414131840-77b82a3dbd684b858b7dcef45f952183&amp;docName=programa_electoral_upyd_c-villalba&amp;username=UPyD_Collado_Villalba&amp;loadingInfoText=Programa%20Electoral%202011%20UPyD%20Collado%20Villalba&amp;et=1302793320416&amp;er=9" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:420px;height:297px" flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=110414131840-77b82a3dbd684b858b7dcef45f952183&amp;docName=programa_electoral_upyd_c-villalba&amp;username=UPyD_Collado_Villalba&amp;loadingInfoText=Programa%20Electoral%202011%20UPyD%20Collado%20Villalba&amp;et=1302793320416&amp;er=9" /></object><div style="width:420px;text-align:left;"><a href="http://issuu.com/UPyD_Collado_Villalba/docs/programa_electoral_upyd_c-villalba?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true" target="_blank">Open publication</a> - Free <a href="http://issuu.com" target="_blank">publishing</a> - <a href="http://issuu.com/search?q=politica" target="_blank">More politica</a></div></div>

Pues bien, lo que tienes que hacer es insertar el 'shortcode' de gigya y añadirle lo que he resaltado en rojo, de este modo:

[gigya src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=110414131840-77b82a3dbd684b858b7dcef45f952183&amp;docName=programa_electoral_upyd_c-villalba&amp;username=UPyD_Collado_Villalba&amp;loadingInfoText=Programa%20Electoral%202011%20UPyD%20Collado%20Villalba&amp;et=1302792605642&amp;er=28" width="420" height="291" ]

La parte final del tamaño es personalizable a tu gusto.

Y ya lo tienes, funcionará a la perfección, como puedes ver en esta entrada donde lo he aplicado.

Por supuesto, en WordPress alojado no necesitas ningún truco, simplemente insertas el código que te ofrece, como cualquier otro sistema de incrustación de contenido.

Texto en columnas

Si quieres mostrar el contenido de tus textos en columnas, como en las revistas o periódicos digitales, puedes hacerlo de varias maneras. Quizás la más obvia es elegir un tema que ya use ese tipo de formato, o lo mismo prefieres usar tablas para hacerlo manualmente, pero ambos métodos tienen algún inconveniente.

Usar un tema predeterminado en columnas no siempre sirve, pues podrías querer columnas en unos sitios si y en otros no. No digamos las tablas, un método algo engorroso. Por supuesto, no hablaremos de modificar el código del tema pues tampoco podría ser todo lo flexible que necesitamos.

Pero podemos hacerlo con Magazine Columns, un plugin que nos facilita esta tarea mediante quicktags. Instalarlo es tan fácil como cualquier otro, y ni siquiera hay nada que configurar. Ahora bien, hay que conocer un poco el modo de usarlo. Vamos a verlo …

Lo que el plugin hace es registrar 3 nuevas tags o shortcodes que usar en nuestro editor HTML, ya sea manualmente o mediante los botones que añade. Para usar adecuadamente estas nuevas tags solo tienes que seguir las convenciones de estos ejemplos:

1. Todo el texto en columnas

Puedes separar el texto en varias columnas (4 como máximo) simplemente añadiendo la tag al principio del mismo, por ejemplo:

<!--column-->
ARMADYAZ Corporation is a dynamic and energetic multi-disciplinary professional services and management consultancy company, providing holistic solutions to clients all over the world, driven by experienced team of professional.

ARMADYAZ Corporation is a subsidiary of Jeevus Markeevu Corporation, a Government-backed agency under Ministry of Works and owned by Minister of Finance Incorporated. ARMADYAZ Corporation is entrusted with the corporate agenda to assume the critical role of representing the interests of Professional Services industries to the world.

It is established with the objective of facilitating and guiding all Professional Service Providers irrespective of the spectrum of industries, to venture into international and global market. We foster these through cooperative management approach that is reinforced through sound management system.

Formed by an entrepreneurial group of professionals with a vision of transforming professional services landscape, ARMADYAZ Corporation, supported by its strategic partners, have earned an enviable reputation for delivering some of the largest and most successful programs in international corporate history.

Si quieres dividir el texto en más columnas simplemente añades la tag más veces, así …

<!--column--><!--column--><!--column-->
ARMADYAZ Corporation is a dynamic and energetic multi-disciplinary professional services and management consultancy company, providing holistic solutions to clients all over the world, driven by experienced team of professional.

ARMADYAZ Corporation is a subsidiary of Jeevus Markeevu Corporation, a Government-backed agency under Ministry of Works and owned by Minister of Finance Incorporated. ARMADYAZ Corporation is entrusted with the corporate agenda to assume the critical role of representing the interests of Professional Services industries to the world.

It is established with the objective of facilitating and guiding all Professional Service Providers irrespective of the spectrum of industries, to venture into international and global market. We foster these through cooperative management approach that is reinforced through sound management system.

Formed by an entrepreneurial group of professionals with a vision of transforming professional services landscape, ARMADYAZ Corporation, supported by its strategic partners, have earned an enviable reputation for delivering some of the largest and most successful programs in international corporate history.

2. Solo parte del texto en columnas

Si solo quieres usar columnas en parte del texto coloca la tag donde quieras que empiecen las mismas y donde quieres que termine. Para separar el texto en las distintas columnas usa la tag .

Sería algo así:

ARMADYAZ Corporation is a dynamic and energetic multi-disciplinary professional services and management consultancy company, providing holistic solutions to clients all over the world, driven by experienced team of professional.
<!--startcolumns-->
ARMADYAZ Corporation is a subsidiary of Jeevus Markeevu Corporation, a Government-backed agency under Ministry of Works and owned by Minister of Finance Incorporated. ARMADYAZ Corporation is entrusted with the corporate agenda to assume the critical role of representing the interests of Professional Services industries to the world.
<!--column-->(aquí separamos el texto)
It is established with the objective of facilitating and guiding all Professional Service Providers irrespective of the spectrum of industries, to venture into international and global market. We foster these through cooperative management approach that is reinforced through sound management system.
<!--startcolumns-->
Formed by an entrepreneurial group of professionals with a vision of transforming professional services landscape, ARMADYAZ Corporation, supported by its strategic partners, have earned an enviable reputation for delivering some of the largest and most successful programs in international corporate history.

Vamos, que no es complicado, solo tienes que enredar un poco y te acostumbras rápido a hacerlo, y con los botones del editor HTML se facilitan las cosas.

Tu propio botón “Me gusta” como en Facebook

tampón "me gusta"

Últimamente parece que estoy empeñado en demostrar al mundo que no se necesita regalar tráfico a otras empresas para ofrecer funcionalidades sociales. Me refiero al hecho de que con una instalación de WordPress puedes ofrecer todo lo que el usuario busca en un entorno social, ya sea con iconos para compartir el contenido, devolver los comentarios a tu blog y no digamos si usas BuddyPress.

Pues bien, aquí tenemos otro paso más en esta batalla por tu propio sitio web: ofrecer un botón al estilo del "me gusta" de Facebook pero con tu propio texto, imagen e incluso con contador de clics.

Y solo tienes que instalar el plugin Thank you counter, configurar sus opciones - ente las que tienes la posibilidad de elegir texto y tu propia imagen de botón - y ponerlo a disposición de tus lectores para que cada publicación muestre el nivel de popularidad.

Los clics al botón se guardan en una tabla de la base de datos así que si lo usas en un lugar con mucho tráfico tenlo en cuenta porque habrá una tabla más que engordará poco a poco.

Instalar el plugin es igual de sencillo de siempre, lo buscas en el instalador de plugins, lo instalas y lo activas. Luego puedes definir donde se mostrará en la página de ajustes del plugin o mostrarlo a voluntad mediante shortcodes o filterhooks, tu decides.

Además, también te ofrece un widget en el que mostrar los artículos con más clics, que más han gustado, con lo que sirve de maravilla como sistema de votaciones y te puedes ahorrar otro plugin.

Aquí te dejo unas capturas, verás que los botones por defecto son bastante feuchos pero ya te digo que puedes usar los tuyos propios …

Botón en una entrada Página de ajustes principal Página de ajustes 2 Página de estadísticas Estadísticas de una entrada Widget de escritorio de destacados Widgets Ajustes del widget de escritorio Ajustes de los widgets

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

Shortcodes como modo rápido de incluir imágenes en nuestros artículos

Para los más inquietos de nosotros, los que gustamos de subir por FTP un montón de imágenes a nuestro site con nombres de archivo fáciles y luego utilizarlas rápidamente cuando escribimos un artículo (sin las complicaciones del Media Uploader), tenemos a nuestra disposición un muy buen truco para acelerar esa inclusión.

Para ello, abriremos functions.php y pegaremos el siguiente código:

function image_shortcode($atts, $content = null) {
extract( shortcode_atts( array(
'name' => '',
'align' => 'right',
'ext' => 'png',
'path' => '/wp-content/uploads/',
'url' => ''
), $atts ) );
$file=ABSPATH."$path$name.$ext";
if (file_exists($file)) {
$size=getimagesize($file);
if ($size!==false) $size=$size[3];
$output = "<img src='".get_option('siteurl')."$path$name.$ext' alt='$name' $size align='$align' class='align$align' />";
if ($url) $output = "<a href='$url' title='$name'>".$output.'</a>';
return $output;
}
else {
trigger_error("'$path$name.$ext' image not found", E_USER_WARNING);
return '';
}
}
add_shortcode('image','image_shortcode');

Este código debe, por supuesto, abrirse y cerrarse con los tags de apertura y cierre de PHP e incluirse al final de functions.php o bien entre las diversas funciones que allí ya tengamos especificadas.

Luego, en nuestros artículos, no tendremos más que escribir el siguiente shortcode:

[image name=Montevideo]

“Montevideo” es el nombre del archivo Montevideo.png.

Notad que aquí hemos permitido la inclusión de archivos en formato .png (pueden ser en .jpg pero lo tenéis que cambiar).

Esperamos que este truco sea de vuestra utilidad.

Usando shortcodes en todas partes

hack wordpress

Ya hemos visto muchas maneras de personalizar WordPress con shortcodes pero estas pequeñas maravillas pueden usarse en muchos más sitios que en el editor de entradas, aquí tienes unos cuantos buenos ejemplos … 

Shorcodes en widgets de texto

Lo primero es añadir este código al fichero functions.php de tu tema activo:

PHP:
  1. add_filter( 'widget_text', 'shortcode_unautop');
  2. add_filter( 'widget_text', 'do_shortcode');

La segunda línea es la que hace que funcionen los shortcodes en el widget de texto. Además, hay que tener en cuenta que los widgets de texto tienen una casilla para "añadir saltos de párrafo automáticamente", pues bien, la segunda linea inhabilita el código autop que podría, en caso de estar marcada la casilla, meter el shortcode introducido en un párrafo o incluso romper las tags.

Shortcodes en el tema

También se pueden usar shortcodes en el tema que uses. Para ello utilizamos la función do_shortcode() en la que el argumento será una cadena que contendrá el shortcode.

Por ejemplo, para mostrar el shortcode [publicidad] en tu tema pondrías algo así donde quieras que aparezca el resultado esperado:

PHP:
  1. <?php do_shortcode('[publicidad]'); ?>

La función do_shortcode() acepta cualquier tipo de texto. Si la cadena contiene un shortcode procesará ese código. De este modo, por ejemplo, podrías mostrar manualmente contenido de tus entradas de este modo:

PHP:
  1. <?php
  2. $content = get_the_content();
  3. echo do_shortcode($content);
  4. ?>

Shortcodes en comentarios

De nuevo recurrimos al fichero functions.php para añadirle este código que permite shortcodes en los campos de comentarios:

PHP:
  1. add_filter( 'comment_text', 'shortcode_unautop');
  2. add_filter( 'comment_text', 'do_shortcode' );

Shortcodes en extractos

Ahora, en functions.php añadiremos esto para poder insertar shortcodes en los extractos de entrada:

PHP:
  1. add_filter( 'the_excerpt', 'shortcode_unautop');
  2. add_filter( 'the_excerpt', 'do_shortcode');

Shortcodes en la descripción de usuario

Para poder meter shortcodes en la descripción del usuario hay que pasar la cadena de descripción por la función do_shortcode(). Para ello tendrás que añadir esto a tu tema activo:

PHP:
  1. <?php
  2. // $user_id = 3;
  3. $userdata = get_userdata($user_id);
  4. echo do_shortcode($userdata->description);
  5. ?>

Solo tendrás que cambiar el ID de usuario, en este caso el 3.

Shortcodes en descripciones de etiquetas, categorías y taxonomías

También puedes filtrar estas descripciones. Para ello recurrimos de nuevo al fichero functions.php:

PHP:
  1. add_filter( 'term_description', 'shortcode_unautop');
  2. add_filter( 'term_description', 'do_shortcode' );

Un mundo de posibilidades más ¿no?

¿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!

Usando Shortcodes en WordPress

Un “shortcode” es una pequeña línea con código al estilo bbCode (entre corchetes “[codigo]“), que desempeña una función especificada, la que vosotros pongáis. Entonces, ¿como se crean?

Es simple: lo único que debéis hacer es agregar una función al fichero functions.php, de esta manera:

function nombre() {
    return 'Aquí va el texto que quieres usar (texto porque es un return)';
}

Ahora, podéis reemplazar el nombre, y lo que hace, allí pusimos un valor return, que imprime texto. Pero así se puede poner cualquier código PHP.

Luego, se agrega esto, para convertir la función en un shortcode (justo después de creada vuestra función):

add_shortcode('nom', 'nombre');

Como podréis ver, se define primero cómo se llamará vuestro shortcode (en este caso, nom) y luego la función a la que llamará (nombre). Así, si escribís [nom] en el post (siempre desde la edición HTML), el shortcode funcionará y mostrará el texto: “Aquí va el texto que quieres usar (texto porque es un return)”

Como dije, se puede cambiar la función que desempeña para usarlo para lo que queráis, esta es la manera mas simple.

Vía: WPRecipes