- Desde
- 10 Ene 2012
- Mensajes
- 927
Muy buenos días, o tardes noches, según cuando lean esto.
Este tan simple como útil, lo que lograremos es permitir que la gente comparta en twitter partes de nuestros artículos publicados en Wordpress. Con esto podremos generar cierto interés en quienes siguen a nuestros lectores motivandolos a leer toda la entrada para ver a que hace referencia dicha frase compartida.
Para lograr que esto funcione deben tener de antemano un blog bajo Wordpress, una plantilla a la que le puedan editar el archivo "functions.php" y conocimientos básicos de css y html para darle el aspecto que gusten.
Sabiendo que cumplen los requisitos previos, pasamos a buscar en nuestra plantilla de Wordpress el archivo "functions.php" para agregarle el siguiente código.
Ahora si agregaron este código a su archivo "functions.php" y guardaron los cambios pueden ir a una entrada cualquiera, icluso crear una nueva y escribir algo como esto:
En su sitio se vera algo como esto:
Bien como pueden notar tenemos nuestro texto (el que colocamos entre las etiquetas "[t][/t]") y al final del mismo una imagen del pajarito azul, ahora si prueban darle click verán que les abrirá una nueva pestaña en la que podrán compartir en Twitter el texto etiquetado anteriormente seguido del link a su entrada.
Para quienes se preguntan como se logra esto, aquí tienen la explicación:
Primero que nada deben saber que si enlazan la url "http://twitter.com/home/?status=" seguido de el texto que se les antoje (con un máximo de 140 caracteres) a un link, este al ser clickeado enviara a la pantalla de Twitter para compartir el texto que cargaron en la url.
Intentenlo Clik aquí!
Explicado esto he delatado casi todo el truco, ahora veamos el código que agregamos a functions.php. Se trata de una funcion con la que agregamos el shortcode "t" de forma tal que todo lo que esta entre las etiquetas "t" de apertura y cierre pasara a estar en una variable php llamada "$content".
Luego decimos que al final de $content se agrege un enlace, el mismo tendra la url
http://twitter.com/home/?status=" . $content . " - ".$corto."
Como pueden ver estamos pasando el link de estados de twitter que mencione antes, con lo que esta entre las etiquetas "t" (es decir la variable $content) seguidos de " - $corto".
Observando nuevamente el codigo primero, vemos que $corto esta definido como "wp_get_shortlink();" este codigo es propio de wordpress y les dara el enlace reducido de su entrada, compuesto por su dominio/?p="id del post"de esta forma saben que a los 140 caracteres que nos da Twitter deben restarles los caracteres de su dominio, y unos 7 u 8 caracteres mas, según cuantas entradas tenga el blog (este calculo es para id's de 3 o 4 dígitos)
Así resumiendo lo que hicimos es una forma dinámica para generar enlaces de estado para Twitter que contengan un texto a elección (el que debe estar entre las etiquetas "t") y la url del post en que se publican.
El resto del código solo agrega la imagen de el pajarito azul, la cual pueden cambiar a placer dandole el estilo que gusten para amoldarlo a su sitio.
Espero logren entender este tutorial, se que tengo facilidades para complicar la explicación de cosas fáciles, cualquier duda que les surja comenten y respondere en cuanto me sea posible, y claro se acepta cualquier comentario que enriquezca el tutorial.
Este tan simple como útil, lo que lograremos es permitir que la gente comparta en twitter partes de nuestros artículos publicados en Wordpress. Con esto podremos generar cierto interés en quienes siguen a nuestros lectores motivandolos a leer toda la entrada para ver a que hace referencia dicha frase compartida.
Para lograr que esto funcione deben tener de antemano un blog bajo Wordpress, una plantilla a la que le puedan editar el archivo "functions.php" y conocimientos básicos de css y html para darle el aspecto que gusten.
Sabiendo que cumplen los requisitos previos, pasamos a buscar en nuestra plantilla de Wordpress el archivo "functions.php" para agregarle el siguiente código.
Insertar CODE, HTML o PHP:
function twitt_sc( $atts , $content = null ) {
$corto = wp_get_shortlink();
return $content . "<a href='http://twitter.com/home/?status=" . $content . " - ".$corto."' target='_blank'>
<img title='Twittear esta frase' alt='Twitter' src='https://g.twimg.com/twitter-bird-16x16.png' />
</a>";
}
add_shortcode( 't', 'twitt_sc' );Ahora si agregaron este código a su archivo "functions.php" y guardaron los cambios pueden ir a una entrada cualquiera, icluso crear una nueva y escribir algo como esto:
Insertar CODE, HTML o PHP:
[t]Esto es para twitter[/t]En su sitio se vera algo como esto:
Bien como pueden notar tenemos nuestro texto (el que colocamos entre las etiquetas "[t][/t]") y al final del mismo una imagen del pajarito azul, ahora si prueban darle click verán que les abrirá una nueva pestaña en la que podrán compartir en Twitter el texto etiquetado anteriormente seguido del link a su entrada.
Para quienes se preguntan como se logra esto, aquí tienen la explicación:
Primero que nada deben saber que si enlazan la url "http://twitter.com/home/?status=" seguido de el texto que se les antoje (con un máximo de 140 caracteres) a un link, este al ser clickeado enviara a la pantalla de Twitter para compartir el texto que cargaron en la url.
Intentenlo Clik aquí!
Explicado esto he delatado casi todo el truco, ahora veamos el código que agregamos a functions.php. Se trata de una funcion con la que agregamos el shortcode "t" de forma tal que todo lo que esta entre las etiquetas "t" de apertura y cierre pasara a estar en una variable php llamada "$content".
Luego decimos que al final de $content se agrege un enlace, el mismo tendra la url
http://twitter.com/home/?status=" . $content . " - ".$corto."
Como pueden ver estamos pasando el link de estados de twitter que mencione antes, con lo que esta entre las etiquetas "t" (es decir la variable $content) seguidos de " - $corto".
Observando nuevamente el codigo primero, vemos que $corto esta definido como "wp_get_shortlink();" este codigo es propio de wordpress y les dara el enlace reducido de su entrada, compuesto por su dominio/?p="id del post"de esta forma saben que a los 140 caracteres que nos da Twitter deben restarles los caracteres de su dominio, y unos 7 u 8 caracteres mas, según cuantas entradas tenga el blog (este calculo es para id's de 3 o 4 dígitos)
Así resumiendo lo que hicimos es una forma dinámica para generar enlaces de estado para Twitter que contengan un texto a elección (el que debe estar entre las etiquetas "t") y la url del post en que se publican.
El resto del código solo agrega la imagen de el pajarito azul, la cual pueden cambiar a placer dandole el estilo que gusten para amoldarlo a su sitio.
Espero logren entender este tutorial, se que tengo facilidades para complicar la explicación de cosas fáciles, cualquier duda que les surja comenten y respondere en cuanto me sea posible, y claro se acepta cualquier comentario que enriquezca el tutorial.
Última edición:
