はてなブログのスマホ用ページのブログタイトル下にカテゴリセレクトボックスを作ってみた2017-02-24はてなブログのスマホ用ページのブログタイトル下にカテゴリセレクトボックスを作ってみたブログカスタムはい、どうも。タイトルのとおり、スマホ用ページのタイトル下にカテゴリセレクトボックスを作ってみました。今スマホでご覧になっている方は、ブログタイトルの下にセレクトボックスがあると思いますが、これです。※出てないよ!って人は、一度リロードしてみてくださいスマホ用ページってカテゴリ欄なくない?はてなブログに移行してきてまだ日が浅いので調査不足かもしれませんが、スマホ用ページってカテゴリ欄無いですよね?ということで、無理矢理ですが作ってみました。ただのリンクにすると場所をとるので、セレクトボックスにして、選択すれば勝手にカテゴリページへ飛ぶようにしてます。コピペで設置できます。ソースまずはセレクトボックス部分のhtmlです。value="独り言">独り言</option></select></div>上記はこのブログの例なので、設置するブログのカテゴリに合わせてoption要素の内容は適宜変更・追加してください。続いでjavascript部分ですが、jQueryを使用しているので、事前にダッシュボードの設定>詳細設定>headに要素を追加のテキストエリアに以下を追記しておいてください。src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?version=1.12.3"></script>以下がデザイン設定に記述するjsです。"http://www.michinoeki-mania.com/";この部分です。ここをご自身のブログのURLに変更してください。忘れないようにしてください。html部分とjavascript部分を、デザイン>スマートフォン>ヘッダ>タイトル下に記述してもらうと、スマホ用ページのタイトル下にカテゴリセレクトボックスを作ることができます。実際の挙動は、このブログのタイトル下のセレクトボックスでお試しください。この方法のデメリットお気づきかもしれませんが、カテゴリのセレクトボックスは手で作らなければいけません。あと、カテゴリごとの記事数もリアルタイムで反映させることができません。この2点についてはなんとかできそうな気もするので、今後ちょっと考えてみます。はてなブログProCBR1000RRでツーリングを楽しむ、カレーが大好きなまったりツーリングライダー。ツーリング、食べ物、その他雑記を書きます。参加します!2019-01-05今年も買ってみた。みちのえきまにあスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。