3テラバイト

プログラム関連備忘録サイト。主にゲーム。

WordPress

WordPress – サイトにTwitterのタイムラインを埋め込む

投稿日:2020年6月17日 更新日:

こんにちは、今日はWordPressサイトにTwitterのタイムラインを埋め込む方法についてまとめていきます。

確認環境

WordPress 5.3.4

Twitterのタイムラインを埋め込む方法

以下のTwitter公式のヘルプページに記載があります。

https://help.twitter.com/ja/using-twitter/embed-twitter-feed

手順1

publish.twitter.comスクリーンショット

ヘルプの通りhttps://publish.twitter.com/#にアクセスします。

手順2

Enter a Twitter URLと表示されているボックスに表示したいTwitterタイムラインのURLを入力します。

ボックスをクリックすると入力できるURLの一覧が表示されるので、そこから表示したい形式のものを選択してアカウント部分のみ書き換えや、該当URLを他のページからコピーペーストします。

手順3

set customization optionsをクリックすると幅や高さ等の詳細な表示オプションが変更できます。

手順4

ページ下部に表示例と埋め込みコードが表示されます。

Copy Codeで埋め込みコードをコピーし、表示する箇所に貼り付けていきます。

手順5

WordPressのウィジェットでサイドバーにコードを配置してみます。

外観 > ウィジェットからウィジェットの管理ページを開き、テキストウィジェットを選択、任意の表示したい箇所に配置します。

配置したテキストウィジェットにテキストエディタで先ほどコピーした埋め込みコードをペーストします。

変更内容を保存するとページの該当箇所にTwitterの埋め込みが表示されます。

-WordPress


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

関連記事

no image

ライトボックス機能を実装するWordPressプラグインEasy FancyBoxの使い方

こんにちは、今日はWordPressサイトにライトボックス機能を追加するプラグイン、Easy FancyBoxの使い方についてまとめていきます。 確認環境 WordPress 5.3.4 インストール …

no image

WordPress投稿、ページ等へのリンクのフィルターフック一覧

こんにちは、今日はWordPressで投稿、ページ等へのリンクのフィルターフックについてまとめていきます。 確認環境 WordPress 5.5.1 フィルターフック一覧 フック名説明attachme …

no image

WordPress機能の高度なフィルターフック一覧

こんにちは、今日はWordPress機能の高度なフィルターフックについてまとめていきます。 確認環境 WordPress 5.5.3 フック一覧 フック名説明create_user_query新しいユ …

no image

WordPressで特定投稿タイプの投稿リストのカスタム列ごとに発生するアクションフックmanage_{$post_type}_posts_custom_columnの使い方

こんにちは、WordPressで特定投稿タイプの投稿リストのカスタム列ごとに発生するアクションフックmanage_{$post_type}_posts_custom_columnの使い方についてまとめ …

no image

WordPressでクエリ句をフィルタリングするposts_clausesの使い方

こんにちは、今日はWordPressでクエリ句をフィルタリングするposts_clausesの使い方についてまとめていきます。 確認環境 WordPress 5.5.1 使い方 $clausesはWH …