WING(AFFINGER5)

WING(AFFINGER5)でサイドバーにTwitter枠を挿入する

どうも!本間です。

密かにTwitterをやっていましたのでサイドバーにTwitter枠をつけてみました。

ほとんど発言してませんけど(^_^;)

その方法をここで紹介したいと思います。

 

ワードプレスのテーマ「WING(AFFINGER5)」だと簡単に設定できますよ!

 

TwitterでHTMLタグを取得

まずはツイッターにログインします。

Twitter

ログイン後に右上に自分のプロフィール画像が出るのでそこを選び、そのなかの「設定とプライバシー」を選択します。

Twitterのプロフィール画像を選択し設定とプライバシーを選択

 

設定画面に遷移するのでまずは左側の「ウィジット」を選んだあと、右上「新規作成」ボタンから「プロフィール」を選択します。

ウィジットから新規作成⇒プロフィールを選択

 

Twitterの自分のURLを入力します。

「https://twitter.com/○○○」の○○○にはツイッターアカウントの@マーク以降の「@○○○」部分を入力します。ツイッターアカウントのURLを入力

 

URLを入力するとツイッターの表示スタイルを選ぶ画面へ移ります。

好きな法を選びましょう。

私は左側のタイムライン形式を選びました。

ツイッター表示形式を選択

 

形式を選んだあとは「set customization options.」を選択してサイズや色の調整を行います。

カスタマイズのリンクを選択

 

サイズは大体で決めました。

サイトへ反映後に気に入らなかったらまた調整するといいでしょう。

「Update」ボタンで反映されます。

サイズ、色をカスタマイズ

 

指定したサイズ、色などが下のほうにプレビューされます。

問題なければ「Copy Code」ボタンを押して作成されたコードをコピーします。

コードコピーボタンを選択!

 

コピー完了です。

コードのコピー完了!

次はAFFINGER5の設定にいきます。

 

WING(AFFINGER5)でサイドバー設定

ワードプレスに設定します!

ワードプレスの管理画面にログインして、「外観」⇒「ウィジェット」の画面を表示して、「サイドバーウィジェット」の欄を開きます。

「外観」⇒「ウィジェット」の画面を表示して、「サイドバーウィジェット」の欄を開く

 

内容欄に先ほどコピーしたコードを貼り付けて保存します。

 

保存されました!

 

実際のブログを確認すると・・・。

表示されてます!

幅300というサイズも意外とちょうどいい感じでした。(このままでいってます)

 

なんにせよ

ちょっとしたお知らせとかをブログに載せれますので、ツイッターのコメントをブログで表示できるのはいいと思います。

ブログからツイッターを見てくれる人ももしかしたらいるかもしれないので、アカウントを持っていたらやっといて損はないかなぁと思います。

 

ワードプレステーマ「WING(AFFINGER5)」なら設定も簡単ですよ。

 

関連記事
WING(AFFINGER5)でAndroid版Chromeのアドレスバーの色を変える

続きを見る

  • この記事を書いた人
本間 具郎

本間 具郎

1977年生まれ。大阪在住。フリープログラマ。1人の妻、2人の娘と同居。 2018年に独立。 仕事の時間を半分にしたいなぁ。 プロフィールへ

-WING(AFFINGER5)

Copyright© 40歳でフリー転身 , 2020 All Rights Reserved.