ブログにTwitterを貼りたくて!(Cocoonの場合)

スポンサーリンク
ブログ作成の紆余曲折
ブログ作成の紆余曲折

ずーーーーーーーーーーーーーーーと放置していたTwitterを、最近また使い始めました☆ 折角使うのだからブログと連携できたら良いなと思い、色々と調べたら(…というほど調べなくても検索したら直ぐ判りました。良い時代ですネ(笑)

 

右側に同じのがあると思いますが(笑) →
↓こういう感じだったり、サイドバーに埋め込んだり、です。
私はサイドバーに埋め込んでみましたヽ(*´∀`)ノ

 

これが実に簡単でしたwww

1.先ずTwitter側のタグを取得しよう!

 

Twitter Publish

↑ここに行きます。

 

ご自身のTwitterのアドレスを入力すると

↓こういう画面が出るのでお好きな方を選びます。今回はタイムラインを選んでみました。

はい、終わりっ(爆)

…でも良いのですが、サイズが大きいままなので少し自分が使いやすいようにカスタマイズすると良いです(๑•̀ㅂ•́)و✧

↑カスタマイズオプションを設定する、を選びます。↑

 

カスタマイズオプションを設定する、を選ぶと、縦幅・横幅・明暗・言語が設定できます。

 

 

↑暗い↓光

 

プレビューでいい感じのサイズに調整できたら「アップデート」ボタンを押します。そうすると埋め込むためのタグが完成です☆

コピーしておくなり、保存しておきましょう( ´ ▽ ` )ノ

 

Cocoonウィジェットに埋め込んでみよう♪

 

最近、Cocoonの設定画面が少し変わってしまって、個人的にはちょっと使いづらいです(*ㅇ﹃ㅇ*) 前のが良かった…。ただリニューアルした事で、実際の画面が直ぐ確認できるので改良ですよね。要は慣れですw

左側の「外観」「ウィジェット」を選ぶと↓

ここで自分が埋め込みたい場所を選びます。私はサイドバー♪

左上にある「+」のボタンを押すとこのページで出来る事がずらーーーり(´ε`;)

「カスタムHTML」を追加して、先のTwitterで取得したタグをペーストします!

ブレビュー画面で確認し、良い感じだったら右上にある「更新」ボタンを押します。

更新の前に忘れてました! ツイートを埋め込みたい位置に移動させて、…私の場合サイドバーの上の方に置きたかったので、ひたすら「上に移動」ボタンを押しまくりましたwww

あ。移動したら再び「更新」するのを忘れずに!

 

以上です(^_-)-☆

この記事は、Twitterの埋込み方法をいつか忘れてしまう私のためと(爆)、ちゃちゃっとざっくり判り易く「やる事」だけを知りたい方向けに書きました(*ФωФσ)σ 概ね、自分のためですw

ここまで、お読みいただき有難うございました☆

 

↑Twitterフォローボタンも同じページで作成できます((ε( ーөー)໒꒱· ゚

 

 

 

コメント