Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【TwitterのタイムラインをWordPressに設置する方法】

f:id:wp-lesson:20170416214534j:plain

無料テーマを使ってWordPressでサイトを作る
勉強をしている熱心な生徒さん。
 
今日はサイドバーにTwitterのタイムラインを
表示する方法を学んでいただきました。
 
Facebookのタイムラインや、
Instagramの投稿など、
 
SNSの投稿と連動しているサイトって
結構ありますよね?
 
連動には2通りあります。
 
SNSに投稿するとサイトにも表示されるもの
WordPressに投稿するとSNSにも投稿されるもの

 
Twitterのタイムラインを埋め込むのは
前者に該当します。
 
Twitterのアカウントさえあれば、
たった10分でできてしまいます。
 
【手順】
 
1.Twitterにログイン
 
2.設定とプライバシーを開く
 
3.ユーザー情報のウィジェットをクリック
 
4.新規作成->プロフィールを選択
 
5.URL欄に自分のアカウントトップページのURLを入れる
例)https://twitter.com/[あなたのアカウント名]
 
6.Here are your display options(表示オプション)で
「Embedded Timeline」(タイムライン埋め込み)を選択
 
7.「Copy Code」をクリック
埋め込み用のコードがコピーされます
 
8.WordPressの概観->ウィジェットを開く
 
9.サイドバーに「テキスト」のブロックを追加
 
10.内容欄に7.のコードを貼り付ける
 

PR

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
WordPressのツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2nd7Ia5
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
 
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓無料体験はこちら
http://bit.ly/2hw7mIy