はてなブログのスマートフォンテンプレートをカスタマイズする - ゴミ箱の中のメモ帳
ゴミ箱の中のメモ帳
まだ見ぬ息子たちへ綴る手記
トップ > はてな > はてなブログのスマートフォンテンプレートをカスタマイズする
2014-03-04
はてなブログのスマートフォンテンプレートをカスタマイズする
はてな サービス
このサービスはすでに停止しています。
本当は昨日中に公開しようとしていたのだが何点かうまくいかない部分があり公開出来ずにいた。その点は結局に解決方法が浮かばないためとりあえず実装しないことにした。そのうち考える。
先日からはてなブログに関するサービスを製作しているのだが、今日はスマートフォンのテンプレート表示を変更するスクリプトを書いた。
はてなブログのPC版テンプレートは「デザインのカスタマイズ」からテンプレートを適用できたりサイドバーを変更できたりするのだが、スマートフォンテンプレートはデザインの変更を行えない。だが先日ついに「カスタマイズ出来る可能性の機能」が公開された。ので、テンプレートのカスタマイザを作ってみた。
はてなブログ スマフォテンプレート カスタマイズ
「へんな会社」のつくり方 (NT2X)
作者: 近藤淳也
出版社/メーカー: 翔泳社
発売日: 2006/02/13
メディア: 単行本
購入: 62人 クリック: 1,985回
この商品を含むブログ (1100件) を見る
現在は以下の機能を実装している。
検索ボックスの表示位置を変更
検索ボックスはデフォルトで記事一覧(個別記事)の下に表示されるが、スマートフォンテンプレートにはなぜかカテゴリ一覧がないので(よね?)検索で記事を探すことが多い。だが検索が記事の下にあるのでアクセスしづらい。ので、検索ボックスを記事一覧(個別記事)の上に表示できるようにした。
プロフィールリンクを表示しない
PC版テンプレートではサイドバーからプロフィールを削除できたりヘッダとフッタを非表示にして容易には著者ページにアクセスできないようにすることができるが、スマートフォンテンプレートではそのオプションがなく強制的にプロフィールへのリンクが表示されてしまう。
プロフィールリンクの表示を消した所でプロフィールにアクセスすることは出来るのだが、容易にアクセスできないようにしたいことがあるので非表示に出来るようにした。
「はじめよう広告」を表示しない
これはひどい。無料版のはてなブログならまだしも、はてなブログProでもこの広告が表示される。はてなブログProは「広告の非表示」が機能として提供されているはずなのだがこの「はてなの広告」は有料オプションの非表示対象外のようだ。閲覧者からすれば「ブログをはじめる」なんてことは関係ない。「ブログを作りたい」のではなく「ブログを読みたい」のでアクセスしてきているのだ。それなのにこの広告が表示されるのは不適切と考えられる。
なのでこの広告を非表示に出来るようにした。だがはてはもこれを非表示にすることは望んでいないのか「読者登録」とセットでiframeに落とし込んでいる。これは厄介だ。無料版や独自ドメインを利用していないはてなブログProでは問題ないかも知れないが、独自ドメインで運用しているとこのiframeへのアクセスはクロスドメインとなってしまう。
ので、このオプションを有効にすると現在は「読者になる」もセットで非表示になってしまう。これは解決したい問題であるが、すぐには解決策を思いつかなかったため現在は未対応としている。
はてなブログのリンクを表示しない
これもひどい。上の「はじめよう広告」と同じく「はてなブログ開発ブログ」、「週間はてなブログ」、「はてなブログトップ」への誘導リンクが強制的に表示されてしまう。日記のようなブログの利用者であれば問題ないかと思うが、アフィリエイトやアドセンスなどの広告で収益を上げている人からすれば他への流出は少しでも抑えたいはずである。
ので、この「はてなブログリンク集」を非表示に出来るようにした。
広告を挿入する
はてなブログのPC版テンプレートであれば広告は自由に設定でき、ヘッダやフッタ、個別記事等のある程度自由な位置に広告を挿入できるようになっているが、スマートフォンテンプレートではPC版の「デザイン変更」の「スマートフォン版でも表示する」で設定した内容しかコードを挿入することができない。私は記事一覧ページにも是非とも広告を表示したい。
ので、テンプレートに広告を挿入できるようにした。これは「広告」としているがHTMLであればどのようなコードでも挿入ができるので、画像や文章など自由に入力してもらえる。
記事個別ページにも表示する
記事一覧ページに広告を挿入することを前提にしているが、個別記事内に広告を設置するのではなく個別記事ページのヘッダやフッタにも広告を表示したい人はこのオプションを有効にすれば全てのページに広告が挿入される。
広告表示位置
広告をヘッダに表示するかフッタに表示するかを設定できる。
広告コード
ここに広告コードをコピーする。上にも書いたが広告以外でも自由にHTMLを書き込めるので自由に使って欲しい。シングルクォートを挿入すると多分問題が出るのでダブルクォートだけにして欲しい。AdSenseのコードにシングルクォートは含まれていないのでそのまま貼りつけるだけでいい。
私が確認している端末でははてなブログのスマートフォンテンプレートではカテゴリ一覧が表示されないのだが、これは全てのユーザがそうなのであろうか?これについては理由が全くわからないためなぜ表示されないのか疑問に思う。スマートフォンでカテゴリページにアクセスすれば問題なく記事一覧が表示されるのでカテゴリページの準備はされている。わからない。表示される環境があるのだろうか？わかる方がいれば教えて欲しい。
現在は実装していないがそのうち実装したいと考えているのは「カテゴリ一覧表示」と「始めよう広告のみの非表示」。これにつてもリクエストがあればコメントくださいませ。
ちなみに私が設定したビフォーアフターはこちら。
「へんな会社」のつくり方 (NT2X)
作者: 近藤淳也
出版社/メーカー: 翔泳社
発売日: 2006/02/13
メディア: 単行本
購入: 62人 クリック: 1,985回
この商品を含むブログ (1100件) を見る
はてなダイアリーガイドブック―ウェブログでつながる新しいコミュニティ
作者: 水野貴明,はてな
出版社/メーカー: 毎日コミュニケーションズ
発売日: 2004/05
メディア: 単行本
購入: 29人 クリック: 1,226回
この商品を含むブログ (410件) を見る
スーパーマリオ ハテナブロック 小物入れ
出版社/メーカー: 三英貿易
発売日: 2011/12/11
メディア: おもちゃ＆ホビー
クリック: 85回
この商品を含むブログ (3件) を見る
赤ちゃん　はてな　赤ちゃんがわかる育ちのガイドブック はじめて出会う育児
出版社/メーカー: 小学館
発売日: 2013/02/18
メディア: Kindle版
この商品を含むブログを見る
mon0 2014-03-04 11:06
はてなブログのスマートフォンテンプレートをカスタマイズする
Tweet
Share on Tumblr
関連記事
2019-02-01
ブログのアクセスゼロ対策
今更気がついた。当ブログ、検索に引っかかりません。はてなブ…
2014-03-02
はてなブログ カテゴリーの記事件数を非表示に
はてなブログのカテゴリー表示には表示方法の選択に自由度が殆…
2014-03-01
無職(自営業) 1日目
もちろん収益はないよ。収益は1ヶ月後からを考えているので、ま…
2014-02-19
やっと、はてなブログにスクリプトが追加できるようになった
本日はてなブログに重要な機能が追加された。「ブログのhead部…
2014-02-04
はてなブログProに入る意味は無いって話
まずこのブログは「はてなブログPro」を利用している。「利用し…
もっと読む
コメントを書く
« 2ちゃんねるの転載禁止で職を失った人の話 はてなブログ エクスポートのダウンロード… »
検索
コンテンツ
プライバシーポリシー
お問合せ
リンク
欲しい物リスト
Amazon
最新記事
Kindle PaperWhiteを買ったけど使いづらい
どんなときもWiFiの回線トラブルの解説とお得な休止方法
スモールスタート
カテゴリー
日記 (118)
読書 (386)
記録 (5)
情報処理技術者試験 (3)
サーバ (4)
想 (246)
note (2)
Mac (13)
Android (9)
はてな (34)
社会保険労務士 (2)
プログラミング (13)
映画鑑賞 (12)
危険物取扱者 (2)
仕事 (13)
レビュー (68)
サービス (16)
簿記 (36)
放送大学 (28)
資格 (7)
Javascript (6)
Python (35)
こにいこ (4)
イベント (1)
翻訳 (1)
Ubuntu (18)
勉強 (4)
マイニング (3)
仮想通貨 (4)
NicoCommView (2)
作文 (1)
医療情報技師 (21)
アイデア (5)
Django (3)
応募 (1)
プロフィール
id:mon0 はてなブログPro
読者です 読者をやめる 読者になる 読者になる
月別アーカイブ
スターをつけました
引用をストックしました
ストック一覧を見る
閉じる
引用するにはまずログインしてください
ログイン
閉じる
引用をストックできませんでした。再度お試しください
閉じる
限定公開記事のため引用できません。
読者です 読者をやめる 読者になる 読者になる
