はてなブログ スマホサイトにTwitterアカウント入っていますか。ぜひ入れることをおすすめします。

先ほどの記事の続きです。スマホサイトにTwitterアカウントを入れていますか。

よく見かけるこのTwitterの青いボタンです。

f:id:yururimaaruku:20170212135153p:plain

実は私のブログにも入っていませんでした。記事のチェックをしていて気づいたので連投で申し訳ないですが、やり方を書いておきます。

2017年9月25日にはてなブログからWordpressへ移転しました。今のブログとはデザインが全く異なりますがご了承ください。

はてなブログの管理画面で簡単にできる方法を探しましたが見当たりませんでした。少し手間ですが、自分でコードを取得してきて、所定の場所に貼り付けるだけなので操作は簡単です。Twitterやっている方はぜひ入れることをおすすめします。

はてなブログ外の読者の方は、読者登録による更新情報が届かないのでTwitterやその他のツールを使って更新情報を得ている方が多いです。特にTwitterはコミュニケーションもとれるので重宝されています。拡散力もあります。折角のツールですから可能であれば活用しましょう。

以下、Twitterアカウントの挿入方法です。


[Sponsor]

Twitterのサイトでコードを取得する

Twitterのサイトへログイン

このURLでコードを生成します。

https://twitter.com/settings/widgets

左端のメニューから「ウィジェット」をクリックするとこんな画面になります。

f:id:yururimaaruku:20170212132547p:plain

ウィジェットの右にある「新規作成」ボタンをクリックします。

プルダウンで「プロフィール」をクリックします。

あなたのTwitterのトップページのURLを入力します。私の場合こうです。

f:id:yururimaaruku:20170212132819p:plain

デザインを選択します。タイムラインなのかアカウントボタンなのか。

ここで右側を選択します。

f:id:yururimaaruku:20170212132905p:plain

ボタンのタイプを選択します。左をクリックします。

f:id:yururimaaruku:20170212133007p:plain

コードが生成されました。

Copy Codeをクリックしてコードをコピーします。

f:id:yururimaaruku:20170212133048p:plain

自分のブログに貼り付ける

ダッシュボード(管理画面)⇒デザイン⇒スマホマークをクリックします。

f:id:yururimaaruku:20170212133225p:plain

ヘッダー、記事(記事上、記事下)、フッタ・・好きなところにコードを貼り付けます。

ちなみに私の生成したコードはこれです。

<p>'<a class=”twitter-follow-button” href=”https://twitter.com/yururimaaruku” data-show-count=”false”>Follow @yururimaaruku</a>
<script src=”//platform.twitter.com/widgets.js” async=”” charset=”utf-8″></script>

この前後に少し付け足しました。

<br>Twitter<br>

取得したコード

<br>

<br>というのは改行の意味です。

間をあけたいところに入れると良いでしょう。

入りました。

f:id:yururimaaruku:20170212133641p:plain

折角Twitterをされているのであれば入れておくことをぜひともおすすめします。更新情報をつぶやくだけでも価値はあります。

一度チェックされることをおすすめします。

ではまた。

スポンサーサイト