Twitter と WordPress を連携させて、Tweet をWordPress に投稿する話

193 Views

January 14, 23

#wordpress #twitter #sns連携

スライド概要

八王子WordPress Meetup 2023年1月度のイベントの発表資料
「Twitter と WordPress を連携させて、Tweet をWordPress に投稿する話」
簡単な方法と、手間の掛かる方法の両方を紹介しています。

Ikuko KAI

@ikuko-k

スライド一覧

都下在住在勤の個人事業主なシステムエンジニア兼プログラマ兼わんこの枕です。主な使用言語はPHP ( WordPress, Laravel 等々)、JavaScript & TypeScript ( React, Next, Vue, Nuxt, Node 等々) 好きな言語はPHP ( 得意な言語もPHP ) 、でも最近は TypeScript に浮気中習得したい言語はPythonとGo 八王子WordPress Meetupオーガナイザー

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

（ダウンロード不可）

関連スライド

子テーマ作成レッスン

wordpress

Ikuko KAI 249

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0

ue4 ue5 ue-beginner

エピックゲームズジャパン 1.3M

Unreal Engine5 Lumenの仕組みと肝心なところ

ue5 ue-rendering ue-lumen

エピックゲームズジャパン 1.1M

SQL滅ぶべし

株式会社ホクソエム 857K

猫でも分かる UE5.0, 5.1 におけるアニメーションの新機能について【CEDEC+KYUSHU 2022】

ue5 cedec+kyushu ue-animation ue-optimize ue-bp ue-physics ue-sequencer

エピックゲームズジャパン 823.1K

各ページのテキスト

Twitter と WordPress を連携させて、 Tweet をWordPress に投稿する話簡単な方法と、手間の掛かる方法の両方を紹介

> 自己紹介甲斐郁子 KAI Ikuko 八王子市在住在勤な薔薇とワンコを愛する個人事業主なエンジニア (最近はプログラマ業メイン) 主な使用言語はPHP ( WordPress,Laravel等々)、 JavaScript ( Node,Vue,React,Nuxt等々) 好きな言語はPHP（得意な言語もPHP）習得したい言語はPythonとGo 八王子WordPress Meetupオーガナイザー

> Twitter ⇔ WordPress 間の連携の現状 ★ Twitter と WordPress 間で相互にコンテンツを投稿 ○ コンテンツの露出を増やす ○ 相互にアクセスを誘導する ★ WordPress → Twitter の連携 ○ プラグイン「JetPack」で簡単に可能 ★ WordPress ← Twitter の連携 ○ プラグインでは不可能（機能を提供するプラグインがない）

> WordPress の投稿を Twitter にも投稿する ★ プラグイン「Jetpack」で実現可能

> Tweet を WordPressに投稿する ★ そういう機能を提供するプラグインがない？（とりあえず検索した範囲では見つけられなかった）自作する？ NO YES

> Tweet を WordPressに投稿する（自作NO派） ★ IFTTT を使おう！（IFTTT＝IF This Then That：イフト） ○ Webサービス同士を連携してくれるサービス ○ 今のところ無料で使える ○ https://ifttt.com ★ IFTTT を使えば、「Tweet したら WordPress へ内容を投稿する」ということも可能

https://ifttt.com

> Tweet を WordPressに投稿する（自作NO派）実演＠IFTTT

> Tweet を WordPressに投稿する（自作YES派） ★ 何がしたいのか？ ○ 特定アカウントのTweet内容を取得 ■ 取得したいTweetデータ →テキスト、画像、Tweet日時、TweetURL等 ○ 取得した内容からWordPressの投稿として組立 ■ ■ テキスト、Tweet日時、TweetURLはそのまま画像はDLして、メディアにアップロード ○ 投稿をPostする ■ 特定カテゴリの投稿としてPost

> Tweet を WordPressに投稿する（自作YES派） ★ 準備「特定アカウントのTweet内容を取得」 →Twitter.comのデータを取得 →Twitter API v2へのアクセス権が必要 →Twitter Developer登録が必要というわけで、まずTwitter Developer登録を行う

10.

> Twitter.com の Developer 登録を行う 1. https://developer.twitter.com/ja へアクセスして、「新規登録」から開発者アカウントを登録する 2. フォームを埋めて、登録申請 3. 審査が開始される旨メールが来る 4. 申請目的などに関する質問メールが来て、数往復やりとりする（できるだけ具体的に何がしたいのか、自分のアプリがどういう処理をどういう手順で行うのか、書かないと通らない） 5. 申請が受理されて、登録完了 6. Developer Portal でアプリを追加する a. 発行されるキーとトークンを保存