Creer un widget Wordpress Facebook
Intermédiaire

Dernière Mise a jour : le 16/02/2016
Nouveauté : Ajout d’une description au dessus du Frame Facebook
Version : 1.2

Voici un tutoriel qui vous permets de créer un Widget WordPress. Comment ca se construit… Nous vous invitons a découvrir dans un premier temps le Codex Widget API.

Nous conseillons d’abord de créer un dossier includes voir si c’est pas déjà fait. Un site WordPress doit bien être classé ou hiérarchisé pour faciliter le travail du prochain développeur Web.

Dans le dossier includes, créer un fichier nommé theme-widgets.php. Le développeur alors comprendra facilement que la programmation des widgets est ici.

Ensuite allez dans votre functions.php de base pour y intégrer un require_once :

1
require_once('includes/theme-widgets.php' );

Créer un widget WordPress Facebook

Maintenant reprenons notre theme-widgets.php et nous devons dans un premier temps enregistré notre nouveau Widget WordPress. Ici pour exemple le widget s’appelle bakerine_Widget_Facebook.

1
add_action('widgets_init', create_function('', 'return register_widget("via_Widget_Facebook");'));

Voila maintenant que l’enregistrement et développons le widget dans une class…

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
class via_Widget_Facebook extends WP_Widget {
 
function via_Widget_Facebook() {
$widget_ops = array( 'description' => __( 'Viamultimedia - Votre Like Box Facebook.') );
$this->WP_Widget( 'facebook_like', __( 'Via Facebook Like Box'), $widget_ops );
}
 
function widget( $args, $instance ) {
 
extract($args);
 
$title = apply_filters('widget_title', $instance['title'] );
$fid = $instance['fid'];
$connections = $instance['connections'];
$width = $instance['width'];
$height = $instance['height'];
 
echo $before_widget;
 
if ($title) echo $before_title . $title . $after_title;
 
?>
 
<iframe style="border: none; overflow: hidden; width: &lt;?php echo esc_attr($width); ?&gt;px; height: &lt;?php echo esc_attr($height);" src="http://www.facebook.com/plugins/likebox.php?id=&lt;?php echo urlencode($fid); ?&gt;&amp;connections=&lt;?php echo urlencode($connections); ?&gt;&amp;stream=false&amp;header=true&amp;width=&lt;?php echo urlencode($width); ?&gt;&amp;height=&lt;?php echo $height; ?&gt;" frameborder="0" scrolling="no"></iframe>

 

 

 

 

 

Vous pouvez le changer par votre id Facebook. La class widefat des inputs est une class par default pour les widget WordPress.

Vous pouvez une fois votre Widget installé dans votre sidebar désirée, entrer votre ID Facebook. Pour l’obtenir allez à l’adresse suivante Find Your Facebook ID.

Et voici donc votre Widget Facebook Likebox fonctionnel !

Widget WordPress Facebook

Leave a Reply

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>