I det h\u00e4r steget kopierar du \u00e5tkomsttoken och \u00e5tkomsttokenhemlighet. H\u00e5ll dessa uppgifter s\u00e4kra.<\/li>\n<\/ul>\nVi har skapat v\u00e5r Twitter-applikation och vi \u00e4r ocks\u00e5 redo med v\u00e5ra API-nycklar. F\u00f6r att anv\u00e4nda dessa detaljer i v\u00e5rt plugin m\u00e5ste vi f\u00f6rst lagra det. F\u00f6r detta skapar vi en alternativsida f\u00f6r v\u00e5rt plugin. S\u00e5 jag l\u00e4gger till koden nedan i v\u00e5r fil.<\/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>\nOvanst\u00e5ende kod kommer att l\u00e4gga till v\u00e5r meny som heter ’Twitter API’ under Inst\u00e4llningar p\u00e5 en instrumentpanel. I det h\u00e4r skedet m\u00e5ste vi skapa ’inc’ katalog och placera ’ta-setting.php’ fil i den.<\/p>\n
I filen ’ta-setting.php’ ger vi m\u00f6jlighet att lagra v\u00e5ra Twitter API-detaljer. Jag l\u00e4gger till nedanst\u00e5ende kod i den h\u00e4r filen. Vi h\u00e4mtar v\u00e4rde (som vi lagrar i n\u00e4sta steg) f\u00f6r varje f\u00e4lt fr\u00e5n databasen.<\/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>\nP\u00e5 den h\u00e4r sidan anger vi API-uppgifterna som vi beh\u00f6ver spara i databasen. S\u00e5 jag anv\u00e4nde ’init’ -\u00e5tg\u00e4rd och lade till skicka logik i \u00e5teruppringningsfunktionen.<\/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>\nI detta skede har vi slutf\u00f6rt med backend-inst\u00e4llningar som kr\u00e4vs f\u00f6r v\u00e5rt plugin. Nu g\u00e5r vi till fronten d\u00e4r vi beh\u00f6ver visa senaste tweets. Vi skapar kortkod s\u00e5 att vi kan visa tweets vart vi vill bara genom att placera kortkoden. I konstrukt\u00f6ren kommer jag att placera under kodraden.<\/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>\nVi h\u00e4mtar ocks\u00e5 API-detaljer i konstrukt\u00f6ren. Vi b\u00f6r f\u00f6rklara klassvariabler som nedan.<\/p>\n
protected $consumer_key = '', $consumer_secret = '', $access_token = '', $access_token_secret = '', $ta_no_of_tweets;<\/code><\/pre>\nD\u00e4refter ska vi definiera v\u00e5r kortkods\u00e5teruppringningsfunktion.<\/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>\nVi l\u00e4gger till lite GUI f\u00f6r v\u00e5r tweet-lista. S\u00e5 jag l\u00e4gger till CSS-fil genom att f\u00f6lja s\u00e4ttet.<\/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>\nI min CSS-fil l\u00e4gger jag till egenskaper nedan f\u00f6r klass ’tweet-wrap’. Om du vill kan du l\u00e4gga till mer CSS enligt dina behov.<\/p>\n
.tweet-wrap{\n\u00a0\u00a0\u00a0\u00a0width: 300px;\n\u00a0\u00a0\u00a0\u00a0list-style-type: none;\n}<\/code><\/pre>\nDet \u00e4r allt, vi kompletteras med v\u00e5rt plugin som visar senaste tweets. Du kan ladda ner ett zip-till\u00e4gg fr\u00e5n ett plugin genom att klicka p\u00e5 l\u00e4nken "Get Plugin Code" nedan.<\/p>\n
H\u00e4mta plugin-kod<\/a><\/p>\nInspelningsk\u00e4lla:
artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"I det h\u00e4r inl\u00e4gget visar vi dig hur du skapar WordPress twitter-feed-plugin. Vi skapar en kortkod s\u00e5 att du kan visa Twitter-fl\u00f6de var som helst p\u00e5 webbplatsen.<\/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":[418,614],"tags":[850],"class_list":["post-27097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverse","category-uncategorized-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=27097"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/27097\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/21672"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=27097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=27097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=27097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}