ふぃかろぐ

アートやライフスタイル、ブログ運営のことなどいろんなことを書いている雑記ブログ。

はてなブログのスマホでの読者になるボタンとTwitterのフォローボタンを設置する方法

どうも、ふぃかです。

 

こんにちは。

 

以前、スマホから見てプライバシーポリシーとお問い合わせのリンクがない人は、ぜひ設置しよう!という記事を書きました。

www.fikalog.com

今回は、はてなブログのスマホ版に「読者になるボタン」と「Twitterのフォローボタン」を設置する方法について書きたいと思います。

 

 

読者になるボタンの設置

まず読者になるボタンとは、このようなものです。

f:id:Fikalog:20180719161144p:plain

(これはPCから見たときの表示です。)

 

このボタン、実は好きな場所に設置することができるのです。

 

まず、管理画面の設定→詳細設定にいきます。

すると下の方に、読者になるボタンという項目があるかと思いますので、そちらのHTMLコードをコピーします。

 

f:id:Fikalog:20180719161524p:plain

 

そして、設置したい場所にペーストします。

 

管理画面のデザイン→スマートフォン→フッタなど、お好きな場所へ。

あたしはフッタのページャ下に設置しました。

 

f:id:Fikalog:20180719161734p:plain

 

変更を保存して、完了!

 

Twitterのフォローボタンの設置

まず、青いあのTwitterのボタンを作るところからはじめます。

 

Twitterを開きます。

設定からウィジェットを選択します。

 

f:id:Fikalog:20180719161911p:plain

 

新規作成→プロフィールを選択。

するとこのような画面になりますので、白い枠の中に自分のTwitterのアカウントのURLを入力しましょう。

ex) https://twitter.com/Fikalog

f:id:Fikalog:20180719161925p:plain

 

次にこのような画面になりますので、右側のTwitter Buttonsを選択します。

f:id:Fikalog:20180719161936p:plain

そして、フォローボタンを作りたいので、左側のFollow Buttonを選択。

 

f:id:Fikalog:20180719161958p:plain

 

すると、このような画面になります。

ここにあるコードをコピーしましょう。

f:id:Fikalog:20180719162013p:plain

これでボタンが作れましたので、今度ははてなブログ側に挿入します。

 

先ほどの読者になるボタンと同じように、はてなブログの管理画面のデザイン→スマートフォン→フッタなど、お好きな場所へ。

 

あたしは、読者になるボタンと同じ場所に入れました。

 

スマホ表示はこのようになりました。

 

f:id:Fikalog:20180719163438p:plain

 

フッタのいらない部分を消す

余談ですが、あたしはスマホのフッタ部分のいらないなと思う部分を消しました。

管理画面→デザイン→スマートフォン→フッタ→フッタにこのコードを入れます。

 

<style>
.footer-action-wrapper{display:none}

/*はてなブログを始めようの非表示*/
.touch-item-list{display:none}

/*はてなブログ開発ブログ等のリンクの非表示*/
</style>

 

最後に

スマホでTwitterを見ている人

Photo by freestocks.org on Unsplash


難しいように思えて、やってみるとどちらもとっても簡単に設置できました。

 

読者になるボタンも大切ですが、せっかくTwitterをやっているなら、Twitterのボタンも表示しておいたほうが絶対いいですよね。

 

一度フォローしてもらえば、Twitter経由でちょくちょく(もしかしたら毎日)遊びにきてくれるかもしれません。

 

まだの人はぜひ設定してみてくださいね。