Kopieren Sie in diesem Schritt Ihr Access Token und Access Token Secret. Bewahren Sie diese Angaben sicher auf.<\/li>\n<\/ul>\nWir haben unsere Twitter-Anwendung erstellt und sind auch mit unseren API-Schl\u00fcsseln fertig. Um diese Angaben in unserem Plugin verwenden zu k\u00f6nnen, m\u00fcssen wir sie zun\u00e4chst speichern. Dazu erstellen wir eine Optionsseite f\u00fcr unser Plugin. Also f\u00fcge ich den folgenden Code in unsere Datei ein.<\/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>\nDer obige Code f\u00fcgt unser Men\u00fc namens "Twitter API" unter Einstellungen in einem Dashboard hinzu. In diesem Stadium m\u00fcssen wir das Verzeichnis ‚inc‘ erstellen und die Datei ‚ta-setting.php‘ darin ablegen.<\/p>\n
In der Datei ‚ta-setting.php‘ geben wir die M\u00f6glichkeit, unsere Twitter-API-Details zu speichern. Ich f\u00fcge folgenden Code in diese Datei ein. Wir holen den Wert (den wir im n\u00e4chsten Schritt speichern) f\u00fcr jedes Feld aus der Datenbank.<\/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>\nAuf dieser Seite geben wir die API-Details ein, die wir in der Datenbank speichern m\u00fcssen. Also habe ich die Aktion ‚init‘ verwendet und Submit-Logik in der Callback-Funktion hinzugef\u00fcgt.<\/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>\nZu diesem Zeitpunkt haben wir die f\u00fcr unser Plugin erforderlichen Back-End-Einstellungen abgeschlossen. Jetzt gehen wir zum Frontend, wo wir die neuesten Tweets anzeigen m\u00fcssen. Wir erstellen Shortcode, damit wir Tweets anzeigen k\u00f6nnen, wo immer wir wollen, indem wir einfach unseren Shortcode platzieren. Im Konstruktor platziere ich unter der Codezeile.<\/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>\nWir holen auch API-Details im Konstruktor. Wir sollten Klassenvariablen wie unten deklarieren.<\/p>\n
protected $consumer_key = '', $consumer_secret = '', $access_token = '', $access_token_secret = '', $ta_no_of_tweets;<\/code><\/pre>\nAls n\u00e4chstes sollten wir unsere Shortcode-Callback-Funktion definieren.<\/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>\nWir f\u00fcgen unserer Tweet-Liste ein wenig GUI hinzu. Also f\u00fcge ich die CSS-Datei wie folgt hinzu.<\/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>\nIn meiner CSS-Datei f\u00fcge ich unten Eigenschaften f\u00fcr die Klasse ‚tweet-wrap‘ hinzu. Wenn Sie m\u00f6chten, k\u00f6nnen Sie je nach Bedarf mehr CSS hinzuf\u00fcgen.<\/p>\n
.tweet-wrap{\n\u00a0\u00a0\u00a0\u00a0width: 300px;\n\u00a0\u00a0\u00a0\u00a0list-style-type: none;\n}<\/code><\/pre>\nDas ist alles, wir sind mit unserem Plugin vervollst\u00e4ndigt, das die neuesten Tweets anzeigt. Sie k\u00f6nnen eine ZIP-Datei eines Plugins herunterladen, indem Sie unten auf den Link ‚Plugin-Code abrufen‘ klicken.<\/p>\n
Plugin-Code abrufen<\/a><\/p>\nAufnahmequelle:
artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"In diesem Beitrag zeigen wir Ihnen, wie Sie ein WordPress-Twitter-Feed-Plugin erstellen. Wir erstellen einen Shortcode, damit Sie Twitter-Feeds \u00fcberall auf der Website anzeigen k\u00f6nnen.<\/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":[411,607],"tags":[845],"class_list":["post-23589","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sonstig","category-uncategorized-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=23589"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/23589\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/21672"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=23589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=23589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=23589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}