yoshizozo.blog

自己管理できるように目指してるしがない既婚者です。美容・健康・グルメ・ブログで使える機能について書いてます。日々勉強になります^^

ブログにツイッターのタイムラインを貼り付けたよ

雨だしブログのヘッダーでも作るか〜って拙い絵心でゆるキャラ描いてたら突然のアプリ落ちでやる気を失う。

ヘッダーへの意欲は暫し失われたのでこのブログにツイッターのタイムラインを貼り付ける作業をすることにした。

タイムラインコードを作成できるTwitter Pubilishiをクリック。

 

Twitter Publish

 

TwitterのURLを入れてくださいと表示されるので、URLを入れる。

f:id:yoshizozo:20201010110435p:plain

ここにTwitterの自分のURLを入れる。

TwitterのURLはサイト上部に表示されている、https://twitter.com/アカウント名を貼り付ける。

 

f:id:yoshizozo:20201010110035p:plain

自分のページ開いたときの上部に表示されてるのを貼り付ける。

そうすると、以下の表示がされるので埋め込まれたタイムラインをクリックする。

f:id:yoshizozo:20201010110542p:plain

遷移先に、コードをが表示されるのでコピーする。

f:id:yoshizozo:20201010110651p:plain

コピーできたら、はてなブログ上部に表示されているアカウント名を選択し、デザインを選ぶ。

f:id:yoshizozo:20201008224919p:plain

デザインを選んだら、カスタマイズのサイドバーを選択し、モジュールを追加するをクリックする。

f:id:yoshizozo:20201010111217p:plain

すると、</>HTMLって欄があるのでそれをクリック。

f:id:yoshizozo:20201010111337p:plain

<p></p>欄に先ほどTwitter Publishでタイムラインコードをコピーしたものを貼り付ける。

そうすると、ページ最下部に自身のツイッタータイムラインが表示される。

・・・なんかすっごい縦に長いサイトになっちゃた(汗)

f:id:yoshizozo:20201010112207p:plain

ただでさえ、縦に長いのにこれ以上長くしてどうするんだ。現代版web巻物でござい〜。縦にスクロールして巻物を読んでいってね☆彡

現代版巻物を目指しているわけではないので画面の横に表示させたい。。

デザインをスムース(デフォルト)にして解決しました。。

f:id:yoshizozo:20201010113005p:plain

デザインCSSってやつをいじるといい感じにできるのかな。。

奥が深いでござる。

 

プライバシーポリシー お問い合わせ