【Simplicity2】Twitterをサイドバーに表示させる方法

【Simplicity2】Twitterをサイドバーに表示させる方法

【Simplicity2】でサイドバーにTwitterを表示させる方法を紹介します。

Twitterがサイドバーにこのように表示できるようになります。

スポンサーリンク

Twitter

始めにTwitter側の設定になります

まずはTwitterウィジェットの設定を行います。

「アイコン」→「設定とプライバシー」→「ウィジェット」→「新規作成」→「プロフィール」

ウジェットを新しく作成していきます。

 

TwitterのURLを入力して→をクリック。

 

Twitterの表示を選択します。

 

赤い枠の場所でサイズ・色・カラー・表示語言を変更できます。

 

Twitterのサイズ・色・カラー・表示語言を決めたら「Update」をクリックします。

 

Twitterのコードをコピーします。

Twitterの設定は終了です。次に【Simplicity2】の設定にはいります。

【Simplicity2】でTwitterをサイドバーに表示させよう

先ほどのTwitterのコードをウジェットに貼りつけます。

「ダッシュボード」→「外観」→「ウジェット」→「PC用テキスト」→「保存」
サーバーがロリポップの場合【WAF設定】でファイヤーウォールを無効にしてください。(有効状態だと保存できません)

先ほどのコードを貼り付けて「保存」してください。

以上でTwitterがサイドバーに表示できます。

Twitterのフォローボタンを追加するには?

フォローボタンをクリックしてコピーするだけの簡単な設定です。

こちらがTwitter公式のボタン作成です

下の赤い枠のコードをコピーします。

先ほどの「PC用ウィジェット」にコードを貼り付けてください。以上で終了します。

最後に

簡単にサイドバーにTwitterを表示させれます【Simplicity2】がテーマですので、プラグインの必要もありません。

サイドバーにTwitterを表示させたい方は参考にしてください。