Añadir un widget de Twitter en WordPress sin plugin y con una simple función PHP

Tutoriales WordPress Publicado por Claudia en agosto 19, 2011

Buscando cómo mostrar mis actualizaciones de Twitter en mi blog de WordPress con PHP, encontré en Zetalight una forma de hacerlo en tres simples pasos, sin necesidad de usar ningún plugin.

Paso 1: Modifica tu functions.php

Añade el siguiente código en el archivo de funciones de tu tema:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<?php
function getTwitterStatus($name, $count)
{
 
	$transient = "$name"."_$count";
	//Get Tweets From the Cache
	$getTweets = get_transient($transient);
	if ($getTweets)
	{
		echo $getTweets;
	}
	elseif ($name != false)
	{
		$site = "http://twitter.com/statuses/user_timeline.json?screen_name=$name&count=$count";
		//Perform Http request to get JSON feed of Twitter User Status
		$result = wp_remote_get($site);
		$json = $result['body'];
		//Convert JSON String to PHP Array
		$tweets = json_decode($json);
		$getTweets = '';
 
		foreach ( (array) $tweets as $tweet)
		{
			/*
			Use these values to customize your output.
			//gets twitter status
			$tweet->text;
			//gets the time the status was created
			$tweet->created_at;
			//gets the User Profile Image URL
			$tweet->user->profile_image_url;
			//gets the User Screen Name
			$tweet->user->screen_name;
			//gets the User location
			$tweet->user->location;
			//gets the User Name
			$tweet->user->name;
			//Get the follower count.
			$tweet->user->followers_count;
			//Get the User Website URL.
			$tweet->user->url
			*/
 
			// Convert twitter Usernames and links to Hyperlinks
			$tweetcontent = linkify($tweet->text);
			$getTweets .= "<div> $tweetcontent </div>";
		}
 
		//Set Cache if it does not exist
		set_transient($transient, $getTweets, 10);
		echo $getTweets;
	}
	else
	{
		return false;
	}
}
 
/* Credit Jeremy Parrish http://rrish.org/  */
function linkify($status_text)
{
  // linkify URLs
  $status_text = preg_replace(
    '/(https?:\/\/\S+)/',
    '<a href="\1">\1</a>',
    $status_text
  );
 
  // linkify twitter users
  $status_text = preg_replace(
    '/(^|\s)@(\w+)/',
    '\1@<a href="http://twitter.com/\2">\2</a>',
    $status_text
  );
 
  // linkify tags
  $status_text = preg_replace(
    '/(^|\s)#(\w+)/',
    '\1#<a href="http://search.twitter.com/search?q=%23\2">\2</a>',
    $status_text
  );
 
  return $status_text;
}
?>

2. Haz un llamado a la función

Añadiendo el siguiente código donde quieras (ej. index.php, sidebar.php o footer.php), estarás llamando a la función que permite mostrar tus tweets:

<?php getTwitterStatus('tunick', '1'); ?>

Allí deberás modificar “tunick” por tu nombre de usuario de Twitter, y el número “1” por el número de tweets que quieras mostrar (desde 1 a 5).

3. Usa tu creatividad

El siguiente paso consiste en usar HTML y CSS para estilizar tu widget. Por ejemplo:

1
2
3
4
5
<div id="twitter-widget">
<div class="tweet">
<?php getTwitterStatus('claudiacs', '1'); ?>
</div>
</div>

Dicho código lo puse en mi index.php, y añadí lo siguiente en mi hoja de estilos.

#twitter-widget {
height: 60px;
border-top: 2px solid #5c5c5c;
border-bottom: 1px solid #b9b9b9;
background: url(images/twitter_standing.png) no-repeat left top;
padding: 0;
margin-bottom: 25px;
}
 
.tweet {
margin-left: 60px;
padding-top: 12px;
}
Compártelo!
3 Comentarios en Añadir un widget de Twitter en WordPress sin plugin y con una simple función PHP
  1. Información Bitacoras.com…

    Valora en Bitacoras.com: Buscando cómo mostrar mis actualizaciones de Twitter en mi blog de WordPress con PHP, encontré en Zetalight una forma de hacerlo en tres simples pasos, sin necesidad de usar ningún plugin. Paso 1: Modifica tu functions.php……

  2. novamas dice:

    no va con la ÑÑÑÑÑÑÑ ni los acentos

  3. Alberto dice:

    Excelente, muy interesante.

Deja tu comentario
Tu Comentario