🍉しいたげられたしいたけ

NO WAR! 戦争反対!Ceasefire Now! 一刻も早い停戦を!

スマホ画面には「クリック募金」欄をフッタに作ってみました

10月15日付の拙記事「サイドバーの「クリック募金」に “gooddo(グッドゥ)” を追加しました」に、さゆ吉(b:id:tomo_king)さんから次のようなブコメをいただきました。ありがとうございました。

ブログは主にスマホで見るので、スマホ対応になったらいいのに~

スマホ画面からサイドバーが見えないのは、自分でも気になっていました。

スマホ画面とパソコン画面の情報量が違うのは仕方がないこととは言え、少しいじれないかと「デザイン設定」画面の「スマートフォン」タブを眺めていました。そして、あんまり凝ったことはできないけど、試しにフッタにパソコン画面のサイドバーのタグを、そのままコピペしてみようと思いつきました。いつもの気まぐれです。

f:id:watto:20171017122940p:plain

貼り付けたタグはこんな感じです。見やすくするため改行しています。サイドバーと違いモジュール名が登録できないので、「クリック募金」という文字はタグ中に入力しました。

<p>
クリック募金<br>
<hr>

<a href="http://gooddo.jp/" target="_blank"><img src="//img1.gooddo.jp/gd/img/banner/gd_r_120x60.png" alt="NPOを無料で簡単に支援できる!| gooddo(グッドゥ)" width="144" height="72" border="0"></a>

<hr>

<a href="http://www.brotherearth.com/ja/top.html" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/w/watto/20170316/20170316221917.png" alt="Brother Earth" width="180" border="0"></a>
<hr>

<a href="http://www.dff.jp" target="_blank"><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/w/watto/20180614/20180614233214.gif" alt="クリックで救える命がある。" width="171" height="70" border="0"></a>

<hr>
<a href="https://www.webbellmark.jp/" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/w/watto/20170316/20170316224950.jpg" alt="ウェブベルマーク" width="177" border="0"></a>
</p>

自分のスマホで確認したスクショを貼ります。こんな感じになりました。

追記:

「画像なのに間違ってクリックした」という方が多かったので、スクショを外し、コードを貼り付けてクリックできるようにしました。紛らわしいことしてすみません。最初からこうすればよかったけど、そういうことは後になってから思いつく奴なので…

クリック募金


NPOを無料で簡単に支援できる!| gooddo(グッドゥ)


Brother Earth


クリックで救える命がある。


ウェブベルマーク

下のほうすぎるかなという気はしましたが、あまり手間をかけなかったわりには、まあまあかなとも思ったので、しばらくこれで行こうと思います。忘れてしまうので、自分用メモとしてエントリーにします。

   *       *       *

忘れてしまうと言えば、「ページャ下」欄に、こんなタグを貼っていたのですが、何のためだったかすっかり忘れてしまっていました。

<iframe src="http://blog.hatena.ne.jp/watto/watto.hatenablog.com/subscribe/iframe" allowtransparency="true" frameborder="0" scrolling="no" width="150" height="28"></iframe>

調べたら、これを出すためのタグでした ↓(私が使っているデザインテーマ “epic” だと、パソコン画面のサイドバーには自動的に表示されるのに、なぜかスマホ画面には出ないから)

スポンサーリンク