Kopioi t\u00e4ss\u00e4 vaiheessa k\u00e4ytt\u00f6oikeustunnus ja k\u00e4ytt\u00f6oikeustunnuksen salaisuus. Pid\u00e4 n\u00e4m\u00e4 yksityiskohdat turvassa.<\/li>\n<\/ul>\nOlemme luoneet Twitter-sovelluksemme ja olemme valmiita my\u00f6s API-avaimiemme kanssa. Jos haluat k\u00e4ytt\u00e4\u00e4 n\u00e4it\u00e4 tietoja laajennuksessamme, meid\u00e4n on ensin tallennettava se. T\u00e4t\u00e4 varten luomme lis\u00e4osan lis\u00e4sivun. Joten lis\u00e4t\u00e4\u00e4n alla oleva koodi tiedostoon.<\/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>\nYll\u00e4 oleva koodi lis\u00e4\u00e4 valikkomme nimelt\u00e4 ” Twitter API ” hallintapaneelin Asetukset-kohtaan. T\u00e4ss\u00e4 vaiheessa meid\u00e4n on luotava ’inc’ -hakemisto ja sijoitettava siihen ’ta-setting.php’ -tiedosto.<\/p>\n
Ta-setting.php-tiedostossa annamme mahdollisuuden tallentaa Twitter-sovellusliittym\u00e4n tiedot. Lis\u00e4\u00e4n alla olevan koodin t\u00e4h\u00e4n tiedostoon. Haetaan jokaiselle kent\u00e4lle arvoa (jonka tallennamme seuraavassa vaiheessa) tietokannasta.<\/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>\nT\u00e4lle sivulle sy\u00f6t\u00e4mme API-tiedot, jotka meid\u00e4n on tallennettava tietokantaan. Joten k\u00e4ytin ’init’ -toimintoa ja lis\u00e4sin l\u00e4hetyslogiikan soittopyynt\u00f6\u00f6n.<\/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>\nT\u00e4ss\u00e4 vaiheessa olemme suorittaneet laajennuksellemme vaaditut tausta-asetukset. Nyt olemme menossa k\u00e4ytt\u00f6liittym\u00e4\u00e4n, jossa meid\u00e4n on n\u00e4ytett\u00e4v\u00e4 viimeisimm\u00e4t twiitit. Luomme lyhytkoodia, jotta voimme n\u00e4ytt\u00e4\u00e4 twiittej\u00e4 miss\u00e4 tahansa vain asettamalla lyhytkoodin. Konstruktorissa asetan koodirivin alapuolelle.<\/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>\nHaemme my\u00f6s api-yksityiskohtia konstruktorista. Meid\u00e4n tulisi ilmoittaa luokan muuttujat kuten alla.<\/p>\n
protected $consumer_key = '', $consumer_secret = '', $access_token = '', $access_token_secret = '', $ta_no_of_tweets;<\/code><\/pre>\nSeuraavaksi meid\u00e4n pit\u00e4isi m\u00e4\u00e4ritell\u00e4 lyhytkoodin takaisinsoittotoiminto.<\/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>\nLis\u00e4\u00e4mme pienen k\u00e4ytt\u00f6liittym\u00e4n tweet-listallemme. Joten lis\u00e4t\u00e4\u00e4n CSS-tiedosto seuraamalla.<\/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>\nLis\u00e4\u00e4n CSS-tiedostooni alla olevat ominaisuudet luokalle ’tweet-wrap’. Halutessasi voit lis\u00e4t\u00e4 lis\u00e4\u00e4 CSS: \u00e4\u00e4 tarpeen mukaan.<\/p>\n
.tweet-wrap{\n\u00a0\u00a0\u00a0\u00a0width: 300px;\n\u00a0\u00a0\u00a0\u00a0list-style-type: none;\n}<\/code><\/pre>\nSiin\u00e4 kaikki, olemme valmiit laajennuksellamme, joka n\u00e4ytt\u00e4\u00e4 viimeisimm\u00e4t twiitit. Voit ladata laajennuksen zip-tiedoston napsauttamalla alla olevaa linkki\u00e4 Hae laajennuskoodi.<\/p>\n
Hanki laajennuskoodi<\/a><\/p>\n:
artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"T\u00e4ss\u00e4 viestiss\u00e4 n\u00e4yt\u00e4mme sinulle, miten luodaan WordPress twitter -sy\u00f6telaajennus. Luomme lyhytkoodin, jotta voit n\u00e4ytt\u00e4\u00e4 twitter-sy\u00f6tteen miss\u00e4 tahansa verkkosivustolla.<\/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":[414,610],"tags":[843],"class_list":["post-23572","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sekalaisia","category-uncategorized-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=23572"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23572\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/21672"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=23572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=23572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=23572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}