ココだけのはなし

アラフォー男子が何やってんの!

【実験】はてなブログのツイッター連携機能を設定 失敗してわかる使い方

 これが実験で貼付けたもの

 

1.はじめに

はてなブログの機能は色々あるが習うより慣れろだ

まず手始めにツイッター連携をやってみようじゃないかと

そんなノリで実験となった訳である

実験したのは下の2行で書かれている部分

Twitterのつぶやきをブログに貼り付けられます。
Twitterで概要が表示できます(Twitter Cards対応)

最後の1行の部分は今後の課題として残しておく

予約投稿の公開時にTwritterへシェアできます。

 

2.前提条件

はてなブログツイッター両方のアカウントを持っている事

みっぷは 5年前に作成したツイッターのアカウントを使用した

 

3.最初にはてなブログの設定

①アカウント設定から外部サービス連携メニューに入る

Twitter連携設定の枠内有効にするをクリック

f:id:desire4:20151126185839p:plain

③Twitter認証画面にすすむボタンをクリック

f:id:desire4:20151126190043p:plain

 ④連携アプリを認証をクリック

f:id:desire4:20151126190143p:plain

ツイッターのメールアドレスとパスワードを入力したら準備完了

 

4.次はツイートしよう

①ツイートする

f:id:desire4:20151126182731p:plain

【7の訂正版を参照し作業する事】※打消しラインは失敗例

 ツイートの右下にある…の表示をクリックするとメニューが表示されるので

「ツイートをサイトに埋め込む」をクリック

f:id:desire4:20151126182617p:plain

③表示された水色のコードをコピー

f:id:desire4:20151126182917p:plain

5.はてなブログに貼り付けしよう【7の訂正版を参照し作業する事】

ツイッターは消さずに別画面に立ち上げたまま作業すると何かと便利だ

はてなブログの記事を書くからHTML編集を選択

②コードを貼付ける

f:id:desire4:20151126204618p:plain

③ブログを仕上げて公開

  

6.実験の感想(1)

ツイートをはてなブログに貼り付ける作業は非常に面倒な作業だった

しかし、それは私が無知だったからだ

ここまで来て気づいてしまった…もっと楽に貼り付け出来る事を

 

 7.【訂正版】はてなブログに貼り付けしよう

4.ツイートしよう①ツイートするの続き

はてなブログの記事を書く「編集見たまま」画面のままで

②画面右にあるプラスの追加アイコンをクリック

③「Twitter貼り付け」の右にあるスイッチの様なアイコンをクリックし

  タブに追加する

f:id:desire4:20151126223933p:plain

④タブ上のツイッターアイコンをクリックしたらこのような表示に

f:id:desire4:20151126224223p:plain

⑤貼り付けしたいツイートをクリック

 「自分」意外に「お気に入り」や「タイムライン」からも選択可

⑥画面下に「選択したツイートを貼り付け」ボタンが有るのでクリック

 ここではHTML編集などの画面に遷移することは不要だ

f:id:desire4:20151126224327p:plain

⑦これがラクに貼り付けた結果

 

8.実験の感想(2)

色々作業してみると発見がありおもしろい

編集サイドバーには便利そうなものが沢山あるではないか

この実験は成功だ!