\u00c0 cette \u00e9tape, copiez votre jeton d’acc\u00e8s et votre secret de jeton d’acc\u00e8s. Gardez ces d\u00e9tails en s\u00e9curit\u00e9.<\/li>\n<\/ul>\nNous avons cr\u00e9\u00e9 notre application Twitter et nous sommes \u00e9galement pr\u00eats avec nos cl\u00e9s API. Pour utiliser ces d\u00e9tails dans notre plugin, nous devons d’abord les stocker. Pour cela, nous cr\u00e9ons une page d’options pour notre plugin. J’ajoute donc ci-dessous le code dans notre fichier.<\/p>\n
function __construct() {\n\u00a0\u00a0\u00a0\u00a0add_action( 'admin_menu', array($this, 'ta_plugin_menu') );\n}\n\u00a0\nfunction ta_plugin_menu() {\n\u00a0\u00a0\u00a0\u00a0add_options_page('Twitter API', 'Twitter API', 'manage_options', 'twitter_api', array($this, 'ta_settings_page'));\n}\n\u00a0\nfunction ta_settings_page() {\n\u00a0\u00a0\u00a0\u00a0require_once('inc\/ta-settings.php');\u00a0\u00a0\u00a0 \n}<\/code><\/pre>\nLe code ci-dessus ajoutera notre menu appel\u00e9 \u00ab\u00a0API Twitter\u00a0\u00bb sous Param\u00e8tres sur un tableau de bord. A ce stade, nous devons cr\u00e9er le r\u00e9pertoire ‘inc’ et y placer le fichier ‘ta-setting.php’.<\/p>\n
Dans le fichier ‘ta-setting.php’, nous vous donnerons la possibilit\u00e9 de stocker les d\u00e9tails de notre API Twitter. J’ajoute le code ci-dessous dans ce fichier. Nous r\u00e9cup\u00e9rons la valeur (que nous stockons \u00e0 l’\u00e9tape suivante) pour chaque champ de la base de donn\u00e9es.<\/p>\n
<h1><?php _e('Twitter Information', 'artisansweb'); ?><\/h1>\n<form method=\"post\">\n\u00a0\u00a0\u00a0\u00a0<table class=\"form-table\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<tbody>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<th scope=\"row\"><label for=\"blogname\"><?php _e('Consumer Key', 'artisansweb'); ?><\/label><\/th>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><input name=\"ta_consumer_key\" id=\"ta_consumer_key\" value=\"<?php if(get_option('ta_consumer_key')) echo get_option('ta_consumer_key'); ?>\" class=\"regular-text\" type=\"text\"><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<th scope=\"row\"><label for=\"blogname\"><?php _e('Consumer Secret', 'artisansweb'); ?><\/label><\/th>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><input name=\"ta_consumer_secret\" id=\"ta_consumer_secret\" value=\"<?php if(get_option('ta_consumer_secret')) echo get_option('ta_consumer_secret'); ?>\" class=\"regular-text\" type=\"text\"><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<th scope=\"row\"><label for=\"blogname\"><?php _e('Access Token', 'artisansweb'); ?><\/label><\/th>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><input name=\"ta_access_token\" id=\"ta_access_token\" value=\"<?php if(get_option('ta_access_token')) echo get_option('ta_access_token'); ?>\" class=\"regular-text\" type=\"text\"><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<th scope=\"row\"><label for=\"blogname\"><?php _e('Access Token Secret', 'artisansweb'); ?><\/label><\/th>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><input name=\"ta_access_token_secret\" id=\"ta_access_token_secret\" value=\"<?php if(get_option('ta_access_token_secret')) echo get_option('ta_access_token_secret'); ?>\" class=\"regular-text\" type=\"text\"><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<th scope=\"row\"><label for=\"blogname\"><?php _e('Number of Tweets', 'artisansweb'); ?><\/label><\/th>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<td><input name=\"ta_no_of_tweets\" id=\"ta_no_of_tweets\" value=\"<?php if(get_option('ta_no_of_tweets')) echo get_option('ta_no_of_tweets'); ?>\" class=\"regular-text\" type=\"number\"><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/tr>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/tbody>\n\u00a0\u00a0\u00a0\u00a0<\/table>\n\u00a0\u00a0\u00a0\u00a0<p class=\"submit\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input name=\"ta-submit\" id=\"submit\" class=\"button button-primary\" value=\"<?php _e('Save Changes', 'artisansweb'); ?>\" type=\"submit\">\n\u00a0\u00a0\u00a0\u00a0<\/p>\n<\/form><\/code><\/pre>\nSur cette page, nous entrons les d\u00e9tails de l’API que nous devons enregistrer dans la base de donn\u00e9es. J’ai donc utilis\u00e9 l’action ‘init’ et ajout\u00e9 une logique de soumission dans la fonction de rappel.<\/p>\n
add_action('init', array($this, 'ta_submit_callback')); \/\/add this code in constructor\n\u00a0\nfunction submit_callback() {\n\u00a0\u00a0\u00a0\u00a0if (isset($_POST['ta-submit'])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0update_option( 'ta_consumer_key', $_POST['ta_consumer_key'] );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0update_option( 'ta_consumer_secret', $_POST['ta_consumer_secret'] );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0update_option( 'ta_access_token', $_POST['ta_access_token'] );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0update_option( 'ta_access_token_secret', $_POST['ta_access_token_secret'] );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0update_option( 'ta_no_of_tweets', $_POST['ta_no_of_tweets'] );\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n\u00c0 ce stade, nous avons termin\u00e9 avec les param\u00e8tres back-end requis pour notre plugin. Maintenant, nous allons au front end o\u00f9 nous devons afficher les derniers tweets. Nous cr\u00e9ons un shortcode afin que nous puissions afficher des tweets o\u00f9 nous voulons simplement en pla\u00e7ant notre shortcode. Dans le constructeur, je placerai en dessous la ligne de code.<\/p>\n
\/\/add this code in constructor\nadd_shortcode('tweets', array($this, 'ta_latest_tweets'));\n\u00a0\nif(get_option('ta_consumer_key')) {\n\u00a0\u00a0\u00a0\u00a0$this->consumer_key = get_option('ta_consumer_key');\n}\nif(get_option('ta_consumer_secret')) {\n\u00a0\u00a0\u00a0\u00a0$this->consumer_secret = get_option('ta_consumer_secret');\n}\nif(get_option('ta_access_token')) {\n\u00a0\u00a0\u00a0\u00a0$this->access_token = get_option('ta_access_token');\n}\nif(get_option('ta_access_token_secret')) {\n\u00a0\u00a0\u00a0\u00a0$this->access_token_secret = get_option('ta_access_token_secret');\n}\n$this->ta_no_of_tweets = get_option('ta_no_of_tweets')? get_option('ta_no_of_tweets'): 3;<\/code><\/pre>\nNous r\u00e9cup\u00e9rons \u00e9galement les d\u00e9tails de l’API dans le constructeur. Nous devrions d\u00e9clarer des variables de classe comme ci-dessous.<\/p>\n
protected $consumer_key = '', $consumer_secret = '', $access_token = '', $access_token_secret = '', $ta_no_of_tweets;<\/code><\/pre>\nEnsuite, nous devons d\u00e9finir notre fonction de rappel de shortcode.<\/p>\n
function ta_latest_tweets() {\n\u00a0\u00a0\u00a0\u00a0$connection = new TwitterOAuth($this->consumer_key, $this->consumer_secret, $this->access_token, $this->access_token_secret);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$arr_tweets = $connection->get(\"statuses\/user_timeline\", [\"count\" => ($this->ta_no_of_tweets), \"exclude_replies\" => true]);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if ($arr_tweets && !empty($arr_tweets)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0?>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ul class=\"tweet-wrap\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<?php\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0foreach ($arr_tweets as $tweet) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0?>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<img src=\"<?php echo $tweet->user->profile_image_url; ?>\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<strong><?php echo $tweet->user->name ?><\/strong> @<span><?php echo $tweet->user->screen_name; ?><\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<p><?php echo $tweet->text; ?><\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/li>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<?php\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0?>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/ul>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<?php\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\nNous ajoutons un peu d’interface graphique pour notre liste de tweets. J’ajoute donc un fichier CSS de la mani\u00e8re suivante.<\/p>\n
add_action('wp_enqueue_scripts', array($this, 'ta_include_css')); \/\/add it in constructor\n\u00a0\nfunction ta_include_css() {\n\u00a0\u00a0\u00a0\u00a0wp_register_style( \"ta-custom-style\", plugins_url('\/twitter-api'). \"\/css\/custom.css\", array(), false, \"all\" );\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_style( \"ta-custom-style\" );\n}<\/code><\/pre>\nDans mon fichier CSS, j’ajoute ci-dessous les propri\u00e9t\u00e9s de la classe ‘tweet-wrap’. Si vous le souhaitez, vous pouvez ajouter plus de CSS selon vos besoins.<\/p>\n
.tweet-wrap{\n\u00a0\u00a0\u00a0\u00a0width: 300px;\n\u00a0\u00a0\u00a0\u00a0list-style-type: none;\n}<\/code><\/pre>\nC’est tout, nous sommes compl\u00e9t\u00e9s par notre plugin qui affiche les derniers tweets. Vous pouvez t\u00e9l\u00e9charger un zip d’un plugin en cliquant sur le lien "Obtenir le code du plugin" ci-dessous.<\/p>\n
Obtenir le code du plugin<\/a><\/p>\nSource d’enregistrement:
artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"Dans cet article, nous vous montrons comment cr\u00e9er un plugin de flux WordPress pour Twitter. Nous cr\u00e9ons un shortcode pour que vous puissiez afficher le fil Twitter n’importe o\u00f9 sur le site Web.<\/p>\n","protected":false},"author":1,"featured_media":21672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[412,608],"tags":[844],"class_list":["post-23557","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divers","category-uncategorized-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=23557"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23557\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/21672"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=23557"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=23557"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=23557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}