Bloggerのモバイルサイトにガジェットを追加する方法

-

モバイルサイトにもガジェットを設置したい　

このブログ、今やアクセスの大半はモバイルからのもの。大半というより、もはやほとんどと言ってもいいくらい、モバイルからの閲覧が主流となっています。こうなってくると、ブログデザインでも重視すべきはウェブではなく、モバイルの方となっているのが実情です。

ところが、このブログを作っているBloggerでは、モバイルサイトのデザインで設定できることはごくごく僅か。ウェブバージョンでは豊富に用意されている、「ラベルリスト」や「人気の投稿」といったガジェット類は、設置することすらできません。特にラベルリストがないと、他の記事へ移動することが難しく、せっかく検索でブログに辿り着いてもらっても、そのページを見るだけで終わってしまうケースが多いと思われます。

この点、なんとかならないかなぁと思って調べたところ、Bloggerのモバイルサイトにガジェットを設置する方法を発見！ 早速試してみましょう！



設置の方法　

Bloggerのページで左のメニューから「テンプレート」を選択。次に「HTMLの編集」をクリック。


表示されたHTMLコードの一番下の方にある「widget」が並んだ場所を探します。この中からモバイルに表示させたいガジェットの名前を見つけ、そのタグの中に「mobile='yes'」を書き加えます。上の画像（画像はクリックで拡大できます）では「INDEX（カテゴリー別）」と「キーワード一覧」の2つのガジェットに書き加えています。

 なお、HTML画面でwidgetの一覧部分に表示されるためには、モバイルに表示させたいガジェットを事前にウェブ版のレイアウトで表示する設定にしておく必要があります。


テンプレートの画面に戻り、今度はモバイルの方の歯車アイコンをクリック。


プルダウンの中から「カスタム」を選択。これで設定は完了。簡単でしょ？



どんな風に見えるか確認　

それではモバイルでブログを開いてみましょう！

じゃん！

 おおぉーーー！ 記事の下に、「INDEX（カテゴリー別）」と「キーワード一覧」が表示されています！！ これなら他のページも見てもらえるかも！？
今のところ、モバイルページでガジェットを表示できるのは、ページの一番下のこの部分だけ。表示させるガジェットの順番の指定もできません。すべての種類のガジェットを表示させられるのかも不明です。

 とはいえ、今までブログ内の他のページに誘導することが難しかったBloggerのモバイルサイトに、ラベルリストを設置できる効果は大きいはず！ たぶんだけど大きいはず！ やり方は簡単なので、Bloggerでブログを作っている人は是非試してみるといいと思います！

（おしまい）
この記事をシェアする
  • B!
  • COPY
    LINK

▼今週の人気記事

【DIY】切れて困ったプリーツ網戸を、ロール網戸に枠ごと交換してみた

-
イメージ
玄関の窓に付いていたプリーツ式の網戸が何箇所も切れてしまったので、DIYでロール式の網戸に交換をしてみました。注文時に窓のサイズをきちんと測って伝えれば、交換はドライバー１本で簡単にできます。プリーツ網戸の修理を考えているなら、いっそのことロール式へ交換してしまうのがおすすめです。 破れてしまったプリーツ網戸の修理は難しい 我が家の玄関の窓には、折り畳んで収納できるプリーツ式の網戸が付いていました。不二サッシ製のこのプリーツ網戸はお洒落で良かったのですが、網戸をジャバラ状に折り畳んで収納するために、網戸が折れる位置が経年劣化で切れてしまうのが大きな欠点です。 10年ほど経ったプリーツ網戸は、見ての通りあちらこちらが切れてしまって、もはや虫やらゴミやらが入り放題。これでは窓を開けておくことはできません。 網戸の折れる部分はそれなりに補強はされていますが、開閉を繰り返すうちに、折り目部分がどうしてもこんな風に切れてきてしまうのです。 切れたプリーツ網戸の補修のために、まずはロール状の網戸補修シートを買ってみました。お値段は800円ほどです。 補修シートは、透明な粘着シートの片面に、網戸のネットが貼られた状態になっています。これを穴や切れた場所の大きさに合わせて、自由に切って使います。 粘着シートは透明なシート状なので、空気は通りません。見た目は網戸のネットと同じですが、この補修シートを貼った部分の通気性はなくなってしまいます。 とはいえ、小さな穴の補修であれば、これで何の問題もありません。穴の開いた箇所に部屋の内側から貼れば、その部分の通気性はなくなるものの、見た目もそれほど目立たず、コスパも抜群です。粘着力が心配であれば、内側と外側の両面から貼れば、さらに安心です。 ところが、プリーツ網戸の折り曲げ部分が切れた場合は、そう上手くはいきません。補修シートを予め折り曲げて、さらに内側、外側の両面から貼ってみたのですが、網戸の開閉をすると、折り目が伸びたり折れたりするのに追従しきれず、補修シートがどうしても剥がれてしまうのです。平面部分であれば補修シートで十分ですが、結局、プリーツ網戸の折り曲げ部に使うのは無理という結論になりました。 となると、プリーツ網戸のネットそのものを新
続きを読む »»»

スピーカーのエッジ交換に挑戦！破れた穴を自分で修理してみた！

-
イメージ
スピーカーコーンのゴム（エッジ）がボロボロに・・・　 先日、部屋を掃除しているとスピーカーのネットに埃がたくさん付いているのに気が付きました。こりゃいかんと思い、ネットを外して埃を落とそうとしてびっくり！ スピーカーコーンの周囲のゴム部分が経年劣化のせいか弾力を完全に失ってカッサカサ。それどころか、音を出したときの振動に耐えられなかったのでしょう。ボロボロと崩れ落ちて穴まで空いているじゃないですか！ これではコーンがスムーズに動けないし、穴から音も漏れちゃいます！ これは困ったどうしたものかとネットを彷徨っていると、コーンの周囲のゴム部分は自分で交換できることを発見！ 『スピーカーエッジ』という名前で交換部品が売られていました。サイズによって幅はあるけれど、エッジは 1 個 1,000 円から 3,000 円くらい。接着のための専用ボンドが 300 円弱。これは試してみる価値大です！ スピーカーについての知識なんて全然ないけれど、思い切って挑戦してみることにしました！ スピーカーエッジの交換手順　 購入した交換用のスピーカーエッジがこれ。 ファンテックさんのサイト でネット購入したのですが、種類豊富な上、機種名で適合エッジを探せてすごく便利です。専用のボンドも一緒に買いました。筆と詳細な交換手順説明書も付属しています。 まずはスピーカーユニットを留めているネジを緩めて、エンクロージャー（スピーカーの箱）から外します。 スピーカーユニットとケーブルがハンダ付けされていたため、ここまでしか動かせませんでした。仕方ないので、ユニットを外した穴の中にカスなどが落ちないよう、念のためビニール袋をかぶせます。 ネジ留め用の前面フレームをユニットから外します。ちょっと力を入れるとペリっと剥がれました。 劣化した古いエッジを取り除きます。豪快にペンチでベリベリ。 フレームに接着されているところはマイナスドライバーでガリガリはがします。彫刻刀があればそっちの方が使いやすいそうです。 マイナスドライバーでは取れない部分はカッターで削り取りました。ちゃんと綺麗に取り除くのは意外と大変ですね。 今度はコーンの方に残った古いエッジを除去します。スピーカーユニットをひっ
続きを読む »»»

トイレをDIYでタンクレス風に大改造　～その1　部品作成編～

-
イメージ
殺風景なトイレを心地良くしたい　 後付けした温水洗浄便座の配線がむき出しで、床に置いた掃除道具も気になる我が家のトイレ。殺風景で温かみがないし、掃除をするのにも邪魔。もっと心地良くてすっきりした空間にしたい！ということで、流行りの「DIYでタンクレス風トイレに改造」に挑戦してみました！ 開始前。あまりに普通で、お洒落さとは無縁ですね～。 まずは角材でフレーム作り　 まずは1.9×3.8mmの角材を使って、タンクの左右にフレームを作りました。上端はタンクの高さと合わせてあります。左右に渡した前後2本の梁は、フレームに固定せず上に置いてあるだけです。この上にさらに天板を置き、その天板を挟んで手洗いボウルを載せる計画です。 洗浄レバーの部分は隠すと流せなくなってしまうため、窓にする予定。 内側には板を貼ります。上の写真にあったレバーの下の奥へ渡した角材は、不要そうなので取ってしまいました。このあたりは組み立てながらの試行錯誤です。 配線やコンセントを避けるため、柱となる1.9×3.8mmの角材は広い面を表にしたり横にしたりと、場所によって向きが変わっています。そのため、柱を繋ぐ梁もいろいろな止め方になってしまいました。単純な箱型だと楽なんですけどね～。 左側フレームの上部は物入れにする予定なので、ここも集成材で内張りをします。 透明プラダンで試作　 フレームの表面にはベニヤを貼る予定ですが、ベニヤをいきなり正確なサイズに切るのは難易度が高いので、透明な養生用プラダンを買ってきて、試作をしてみました。透明でフレームが透けて見えるので、プラダンにマジックで窓や扉の位置を書き込んでいきます。これは、すごく便利。 プラダンの片面を切らずにおけば、扉も簡易的に再現できます。蝶番の位置もここで検討。扉以外の場所に書き込んだ四角形は、マグネットキャッチを付ける場所。前面パネルは取り外せるように、フレームとはマグネットキャッチで固定する予定です。 プラダンを計測して、簡単な設計図を描きました。これを基にシナベニヤをカットします。 シナベニヤで表面パネルを作成　 外周だ
続きを読む »»»

おしぼり人形の作り方

-
イメージ
喫茶店や居酒屋でビニール袋に入ったおしぼりが出るとついつい作ってしまう「おしぼり人形」。先日SNSに写真をアップしたところ、知っている人があまりいないようだったので、作り方の大公開です！ ・・・と、その前にまず肝心なのは、ビニールの袋に入ったおしぼりが出てくるお店を探すこと。ビニールの袋も必要なので、おしぼりだけがお皿に乗って出てくるお店ではいけません。ここ重要です。 などと言いつつ、ここからの説明は、家にあったミニタオルと割り箸のビニール袋で代用して進めますねw おしぼり人形の作り方　 おしぼりを裏返しにして広げます。 片方の端から、半分までくるくると巻きます。 反対側からもくるくると巻きます。 ぐにっと曲げます。 もっとぐにっと曲げます。 下半分が少し見えるように注意しながら、重なるまで曲げます。 上に重ねた部分を左右に開きます。 きれいに形を整えます。 おしぼりの入っていたビニール袋を巻き付けて・・・ ぎゅっと絞って結んだら出来上がり！ ほらかわいい！ 最後にもう一度、動画でおさらい。 ぜひ作ってみてくださいね♪ （おしまい） 関連記事 ■ こーじが選ぶ、2010年～2012年に観た映画 私的ベスト20！   （2015/1/26） ■ ナメクジを可愛くしてみよう！（バーチャル実験）   （2014/1/9） ■ ストローの紙袋で、でんでんむしを作ってみよう！   （2013/9/18） ■ これは困った(´・ω・｀) 「iPhone ジャスティス問題」   （2013/2/19） ■ 僕とSiriときゃりーぱみゅぱみゅ   （2012/3/17）
続きを読む »»»

覚えておくと安心。街中の無料充電サービスを、新宿高島屋で使ってみた。

-
イメージ
外出中に携帯電話やスマホの充電が切れて大ピンチ！　そんなときに心強い、無料充電サービスを、新宿高島屋で試してみました。 使い方は簡単。手軽に充電できます。 新宿高島屋の2階入り口にあるサービスカウンター。そのすぐ裏に、無料の充電器が置かれていたので、どんな感じなのか試してみました。 操作は簡単。ケータイやスマホを入れるボックスが3つあるので、数字パネルの上のオレンジ色の矢印で、3つの中から空いているボックスを選択します。ちなみに、左矢印は一番左のボックス、上矢印が真ん中、右矢印が一番右のボックスです。 矢印を押すと、対応したボックスが開くので、ケータイやスマホを中に入れて、蓋を閉じます。あとは、数字のボタンで4桁の暗証番号を入力すれば操作完了。取り出す場合も、同様に矢印キーでボックスを選択し、先程入力した暗証番号を間違えなく押せば、蓋が開いて取り出せます。 操作は非常に簡単ですね。 無料充電器の注意点 ボックスの中にはケータイやスマホとの接続ケーブルが用意されていますが、ボックスによってケーブルの種類が少し異なっています。真ん中と右は、「micro USB」と、iPhone用の「Lightningケーブル」の2種類。左のボックスには、「USB Type-C」と、「FOMA及びSoftBankの3G用の端子」、「auのケータイ用端子」の3種類が設置されています。自分でケーブルを用意する必要がないのは便利ですが、利用したい端子のボックスが空いていない可能性もあります。（※充電器によって、端子の構成は異なっているかもしれません。） サービスカウンターのすぐ後ろなので、常に人の目はあるものの、盗まれる不安感というのも、なくはありません。心配な人は、充電が終わるまで待っていた方がいいかもしれません。 4桁の暗証番号も、忘れてしまうと取り出すことができません。決して忘れないよう、きちんと覚えておきましょう。 それと、あたりまえの話ですが、充電中はケータイやスマホが使えません。充電の間に買い物をしたのですが、会計時にスマホのポイントサービスアプリを使おうと思ったら、スマホがなくてダメでしたw　そりゃそうですね。 完全に充電できるわけではなくて、充電は20分間の限定 そして、肝心の充電は、満充電までしてくれる
続きを読む »»»

【WALKMAN NW-A100シリーズ】SpotifyのダウンロードデータをSDカードに保存する方法

-
イメージ
発売発表と同時に予約申込みをするほど心待ちにしていた、ストリーミングWALKMAN NW-A100シリーズが手元に届きました。内蔵メモリの大きさによって、16GB、32GB、64GBの3モデルが用意されていますが、気になるのはストリーミングサービスからダウンロードした曲データを、SDカードに保存できるのかということ。NW-A100シリーズを買う目的であったSpotifyのデータは問題なくSDカードに保存できたので、その方法をご紹介します。 Spotifyの曲データをダウンロード保存できるのは、有料プラン会員だけ まず初めに注意が必要なのは、Spotifyで曲データをダウンロード保存できるのは、有料プラン（premium）会員だけであるということです。毎月の使用量を払うことで、曲データのダウンロード保存が可能になり、ネット環境のない状態でも、オフライン再生を利用できます。Wi-Fiの繋がらないオフライン環境でSpotifyを楽しみたいのならば、迷いなく有料プラン（premium）に申し込みましょう。 Spotifyからダウンロードした曲データを、SDカードに保存する方法 それでは、Spotifyの曲データをmicroSDカードに保存する手順の説明です。 まずは、WALKMAN本体にmicroSDカードを挿し込みます。スロットは本体下部にあります。最初の使用時にはmicroSDカードのフォーマットが自動的に行われます。 SDカードが使用可能になったら、Spotifyのホーム画面右上にある、歯車のアイコンをタップします。  「設定」画面が開いたら、一番下までスクロールし、「その他」の下にある「ストレージ」をタップします。（画面中ほどにも、データ使用量等が表示された「ストレージ」という項目がありますが、そちらではありません。もっと下までスクロールして、「My Music データの保存先を選択してください。」と書かれた「ストレージ」を探してください。） 「デバイスのストレージ」の上に、「SDカード」が表示されました。ここをタップして、チェックマークをSDカードに変更します。 本体内にすでにダウンロードした曲データがある場合、SDカードにデータを移す確認表示が出ます。よければ
続きを読む »»»

電子レンジの目隠しカバーをDIYで作ってみました

-
イメージ
トイレの改造 に使ったシナベニヤと角材が残っていたので、電子レンジの背面を隠すカバーをDIYで作ってみました。 ベニヤとコルクボードとワイン木箱の蓋で作成　 全体の形としてはL字型です。残っていたシナベニヤ2枚をL字に組み、これまた残っていた角材3本で補強しています。リビングに向けるこの面は、右半分にコルクボードを裏からネジ止めしました。左端の切り欠きは、コンセントを避けるためのものです。 もう一つの面にはワインの木箱の蓋を、これまた裏からネジ止め。下の方は蓋の高さが足りずにシナベニヤが見えてしまっていますが、実際に設置してしまえばあまり目立たないはずなので、よしとします。 裏から見たところ。シナベニヤとワイン箱の蓋、コルクボードの額縁部分はオイルステインを塗って、色味を統一しました。 塗装はオイルステインと蜜ロウワックス　 塗装に使ったのは、この水性オイルステイン。匂いがほとんど無くて使いやすいです。 オイルステインの上には、ニスの代わりに、フローリングに使っている 蜜蝋ワックス を塗りました。 ニスではないので、テカリはなく落ち着いた感じに。色は想定よりも暗くなっちゃったから、オイルステインは少し水で薄めて塗った方がよかったかもしれません。 それではビフォー・アフターをどうそ　 それでは実際に設置してみましょう。 まずはビフォーから。 こんな風に、リビングに思いっきり背面をさらけ出しているので隠さないわけにはいきませんね〜。 じゃん！ アフターです！　はー、すっきりしました。 実は今までも、このコルクボードとワイン箱の蓋で目隠しカバーを作ってはいたのですが、電子レンジを大きなものに買い替えたら隠しきれなくなってしまっていたのです。以前のものはコルクボードを横向きで使っていて、ワイン箱の蓋の高さまでしかありませんでした。つまり、ワイン箱の蓋の下のシナベニヤが見えている分だけ、電子レンジの上部が見えてしまっていたのです。 でも、これならバッチリ。ワイン箱の蓋の下のシナベニヤ部分は手前に何かしら置いてしまうから、それほど気にならないはずです。 うん。ず
続きを読む »»»