2012|ブログ|今日は、WordPressに手っ取り早くTwitterを表示させることができた覚え書きです。<ポイント>Twitterの公式プロフィールウィジェットを使うそのコードを丸ごとサイドバーに貼り付けると簡単に表示させることができる。先週、このサイトをTwitterに連動させる作業をしました。Twitter接続不具合のトラブルシュート上記ブログにこの経緯を書いていますが、私は結局、プラグインは使わずに、Twitterの公式ウィジェットを使ってサイドバーに直接コードを貼り付ける作業をしました。2.確認作業ところで、私はページによってサイドバー表示を変えていますが、それはサイドバーを複数作るのではなく、条件分岐で表示方法を変える手法を取っています。コードの貼り付けは3カ所に行いました。私は、サイドバーについて、ソースは自分で作りつつ、一部にウィジェットの使用もできるように設定しています。ウィジェットのテキストエリア機能を使ってそこにTwitterのコードを貼り付けてみたら動くのでは?と思ってやってみたらちゃんと動きました(知っている人には当たり前のことかも知れません)。私は3カ所にペーストしたコードを削除して、ウィジェットを使って表示させることにしました。3.ウィジェットを使ってTwitterプロフィールを表示させる具体的な方法1.Twitter公式ページのウィジェット欄を開く2.左にある「自分のサイト」をクリックして、切り替わった画面の「プロフィールウィジェット」をクリック。Code」をクリックしてコードを取得してそれを全部コピー。4.マイWPサイトの「ウィジェット」画面に入り、「利用できるウィジェット」の中から「テキスト」を右へドラッグ。5.ドラッグしたテキストタブを開いて、コピーしたコードを貼り付け。タイトルには何も記入しなければ表示されないし、記入すればそれがサイドバーのスタイルに従った形で表示される。6.貼り付けてみてスタイルを調整したい場合は、貼り付けたテキストの「width」や「height」を直接編集すればよく、もう一度Twitterに入ってやる必要はない。4.余白マージンの修正ウィジェットを使って貼り付けるととても便利に表示できますが、ウィジェットの下が次のウィジェットを上部とくっついてしまうのではないかと思われます。style="margin-bottom:20px;"></div>と貼り付けるとマージンを調整することができます(やり方がスマートかどうかは・・・です)。Twitter関連で修正する必要はないでしょう。あなたのクリックが、周りの誰かを幸せに。最後までお読み頂いてありがとうございます。一生懸命書いたオリジナルの文章なのでコピーはしないでくださいね。IPアドレスとコピーされた場所を特定できるシステムになっています。みやこデザインFacebookTwitterFlickr。