最新ニュース速報!
スポンサーリンク

・WordPressで作ったブログのサイドバーにツイッターを表示したい!

・簡単に設定する方法はないの?

どうもこんにちは、生クリームです。

 

人様のブログを見ていると、サイドバーにTwitterが表示されているのを見たことはありませんか?

 

ブログを始めてしばらくは、人のブログを見ていると「こんなことできるのか」とか、「こういったサイトいいな」とか思うこともあると思います。私の場合は自分の「ブログにTwitter表示したいな・・」でした。

ブログを立ち上げてすぐには、検索エンジンからの訪問者は望めませんがTwitterからの訪問者を集めることでブログの評価も変わってくると思います。それに全くアクセスのないブログ開設当初はメンタル的にもキツイ時期なので、少しでもアクセスアップに繋がる方法があるなら取り入れない手はありません!

ちなみにブログにツイッターを提携させるメリットは、アクセスアップにつなげるメリットともう一つあって、最終的にはSEOにも影響して来ます。
誰も来ないブログよりも、人に見てもらえるブログの方が自分のモチベーションのためにもなりますし、難しい設定でもないので簡単に登録することができます。

 

なのでこのページでは、ブログにTwitterを提携する手順を紹介していきますので、ぜひ設定してみてください。

スポンサーリンク

ブログにTwitterを提携する手順は2つ!

それでは早速、自分のブログにTwitterを提携する手順を紹介していきます!

難しいことはないので、ぜひ見ながらやってみてくださいね。

 

自分のブログとTwitterを提携する手順は

①TwitterからHTML埋め込みコードの取得

②ワードプレスのウィジェット追加設定

の2つになります。簡単なので、設定もすぐに終わりますよ。

 

それでは設定していきましょう。

プラグインをインストールすることなく設定できるので、5分もかからないと思います(/・ω・)/

 

TwitterのURLの確認

まずは自分のTwitterアカウントでログインし、TwitterのURLを確認しておきます。後々使うことになるので、メモ帳などにコピーしておいても構いません。

 

自分のTwitterアカウントでログインした時のURLです。

Twitterのウィジェット作成

続いて、Twitterのウィジェットを作成してきます。

 

Twitterの自分のアイコンをクリックし、設定とプライバシーを開きます。

Twitter管理画面が左側に開きます。管理画面の下の方に、「ウィジェット」という項目があるのでそれを開きます。

ウィジェットを開くと、上のような画面になるので赤枠部分の新規作成をクリックします。

メニューの小窓が表示されるので、「プロフィール」を選択します。

 

ツイッターURLの貼り付け

Twitterの専用画面が表示されるので、先ほど確認した自分のTwitterのURLをここに貼り付けしましょう。

自分のURLを貼り付けたら、「⇒マーク」をクリックします。

私の場合は、左側赤枠部分です。URLを貼り付けたら右側の⇒をクリック!

カスタマイズ設定

左のタイムライン(Embedded Timeline)を選択し、赤枠部分をクリックします。

 

赤枠部分が、ブログへのTwitter埋め込み時の高さの設定です。400ぐらいからお好きなサイズを入力しましょう。

 

ちなみに横幅(Width)は入力しなくても問題ありません。

私は、480でやってみました。私の設定した480はこのブログで表示されているTwitterの長さなので参考にしてみてくださいね。

Updateで設定を保存

入力し終えたら「Update」をクリックしましょう。

 

 

元の専用入力画面に戻ります。

Twitterのコードをブログに埋め込もう!埋め込み用HTMLコードのコピー

先ほどのカスタマイズオプションの下にHTMLコードが表示されていると思います。

その右側にある「Copy code」をクリック。

上のような画面が表示されたら、埋め込み用コードがコピーされました。

 

次は、このコードを使ってワードプレスの設定をしていきます。

ここまでの流れを説明すると、ここまでの設定をすることでTwitterからブログに埋め込むためのコードを取得するための設定です。(ツイッターの表示するサイズとかね)
スポンサーリンク

ワードプレスウィジェットの設定

ワードプレスの管理画面を開き、外観⇒ウィジェットへアクセスしましょう。

利用できるウィジェットの中からテキストをドラッグ&ドロップでサイドバーエリアへ移動します。

 

 

サイドバーウィジェットのエリアへテキストを移動したら、先ほどコピーしたTwitter埋め込みコードを貼り付けます。赤枠部分へ貼り付けです。

タイトルには、「Twitter」と入力しておきましょう。あとで、どのテキストがTwitterのコードテキストかわかるようになりますので。

 

入力し終えたら、保存⇒完了をクリックします。

 

これで、Twitterでツイートしたものが埋め込み表示されているはずです。

自分のブログを確認してみましょう!

 

このようになっていれば設定は完了です。

ウィジェットの編集をする時、レンタルサーバーロリポップを使っているという人は完了にならないで読み込みのまま止まってしまうことがあります。

原因は、ロリポップのWAF設定かもしれません。

こちらの記事で紹介しているので参考にしてみてください。

まとめ

自分のブログにTwitterを表示させる方法について紹介してきました。

Twitterの埋め込む設定方法は、

・Twitterからウィジェット作成

・埋め込みサイズの設定

・ワードプレス管理画面からウィジェットの設定

・テキストへ貼り付けして、サイドバーエリアへ移動

たったこれだけです。

 

Twitterのブログへの埋め込み設定はこのように凄く簡単です。まだ設定していない人はこの機会に設定してみてください。

 

これでまた一つ、自分のブログを知ってもらうキッカケになるかもしれません。

 

ちなみに、ワードプレス側のウィジェット内で、テキストの位置を変更することで好きな場所へ埋め込むことが可能です。お好きな場所へ埋め込んでみましょう。

 

今回はこれにて終了です。お疲れ様でした(*'▽')

ブログで記事を書く時、装飾するのが好きでタグの入力が面倒!

そんな時は、プラグイン「TinyMCE Advanced」を導入すると簡単に解決します。

記事を書くのが楽しくなると思いますよ!

新着情報


2024年3月19日
NEW! スマホの巨大化は、もはや社会問題

2024年3月19日
NEW! 【愛知県】婚活イベント、7%が交際発展=昨年実施、大村知事手応え

2024年3月19日
NEW! 【日経平均株価終値】1032円高の3万9740円、出来高は18億4863万株

2024年3月19日
NEW! 【社会】「結婚を避け、子供をもたない」ほうが人生のコスパが良い…現代の日本人に起きている憂慮すべき変化

2024年3月18日
NEW! 【社会】「30歳までに2億円貯金して人生あがりたい」逮捕されても立ちんぼを辞めない女性たちの事情。月300万円を手に入れる20歳も

2024年3月18日
NEW! 【米国の一般家庭のマイホームの夢が崩れた】価格高騰、住宅購入に必要な年収の全米中央値は10万6000ドル(約1580万円)・・・ニューヨーク市は21万3615ドル(約3180万円)、サンノゼ45万4296ドル(約6770万円)

2024年3月18日
NEW! 車のスモーク貼ってもらうのに33000円って言われたんだけどやすいのかこれ

2024年3月18日
NEW! お前らまさかPCにイヤホンやヘッドホン直挿しで音楽聴いてないよな?

2024年3月18日
NEW! 【景気】株価は最高値更新なのに、日本人の気分は暗すぎる...このギャップをどう考える?

2024年3月18日
NEW! 【YouTUber】ラファエル、新会社の設立に意気込み 「過去一沢山会社作って…」

2024年3月18日
NEW! 【社会】全ての高校に配備した中華タブレットが半分以上故障した問題で、知事激怒

2024年3月18日
NEW! 「星屑テレパス」実写ドラマ化

2024年3月17日
NEW! 【就活】企業からの不採用通知「お祈りメール」 就活生の8割が「その企業を嫌いになった」 6割が「製品やサービスを使わない」

2024年3月17日
NEW! すまん、Windows11にアップデートしてもええんか?

2024年3月17日
NEW! 中国の青年 「献血、寄付、結婚、子供、家、宝くじ、株式、基金、高齢者、感動」を拒否 金が無い

2024年3月17日
NEW! PCモニタ複数使ってる人ってなんなの?

2024年3月17日
NEW! YouTubeプレミアムとかいう情弱ビジネスwwww

2024年3月17日
NEW! 【趣味】スノーピーク大幅減益が暗示する「見せびらかしキャンプ」の終焉、そして「グランピング」もフェードアウトする

2024年3月16日
NEW! iPadpro「PC並みの性能です!でもmacOS使えません!」←これ

2024年3月16日
NEW! 森永卓郎氏、魂のメッセージ 新NISAは「絶対にやってはダメ!特に中高年以降の人は危険」

2024年3月16日
NEW! パソコンのメモリーって32GBもあれば大体のことは行けるよね

2024年3月16日
NEW! 【兵庫】公園で6歳女児に突然近づきわいせつ行為した疑い 15歳男子中学生を逮捕 [おっさん友の会★]

2024年3月16日
NEW! 【運転】「左足ブレーキ」やる人、意外といる? 教習時「ブレーキは右足で!」 なぜ左足を使うの? 賛否あるが…正解はあるのか

2024年3月16日
NEW! コップ持参で勝手にコンビニコーヒー 76歳男を強盗致傷容疑で逮捕

2024年3月16日
NEW! なんで皆、車をまっすぐ駐車出来るの?

2024年3月16日
NEW! 【週刊金曜日】卒業式「『君が代』歌いたくない」 京都の親子が文科省へ申し入れ「強制やめて」★5 [おっさん友の会★]

2024年3月16日
メルカリでiPad買ったら空箱送られてきたんだが

2024年3月16日
【キス】病院勤務の20代女性に院内で”頭なでてキス” 仕事上の接点ない『出入り業者』の48歳男逮捕 北海道小樽市 [PARADISE★]

2024年3月16日
【社会】ずっと底辺を生きてきた…手取り月19万円・非正規の59歳男性、将来の唖然の年金額に「どこで人生、間違えたんだろう」

2024年3月16日
【社会】羽田空港そばの温泉施設で「肌トラブル被害」訴える声…担当者は「保健所の確認を進めている」

おすすめの記事