はてなブログにグローバルナビゲーションを設置しました - へっぽこ主婦カメラマンの日常
2014-10-18 はてなブログにグローバルナビゲーションを設置しました はてなブログ どうも。cssは少しわかる程度のこりのろっさです。 昨日一日かけてスマホ用とPC用にグローバルナビゲーションを設置しました。 グローバルナビゲーションって何？ サイト内の各コンテンツへ案内するメニューのことです。 このようなメニューがあれば、初めてアクセスしてきた方にこのブログの概要を知っていただけますし、私のブログのように色々な内容を載せている場合でも、アクセスしてきた人にスムーズに興味のあるページへたどりついてもらえます。 以前にも増して書く記事の内容がバラバラになってきたので、早めにメニューを設置したかったんですが…時間が…時間が… 設置するのに参考にさせていただいたサイト 私は少ーしcssがわかる程度ですので設置するのにはすっごく苦労しました。主に助けていただいたのは以下のサイトです。 スマ
はてなブログのヘッダーにナビゲーションをつけよう！ - いろいろ研究所
ヘッダーにグローバルなナビゲーションをつけました。 これで読んでもらいたい過去記事などにも少しは目に入るようになるのではないかと思います。サイドバーなんて誰も見ないからね。 ヘッダーナビゲーションの作り方を解説します。 HTML <nav id="global"> <ul> <li><a href="/archive">記事一覧</a></li> <li><a href="イ">イ</a></li> <li><a href="ロ">ロ</a></li> <li><a href="ハ">ハ</a></li> <li><a href="ニ">ニ</a></li> <li><a href="ホ">ホ</a></li> </ul> </nav> お好みのリンクをイ〜ロに設定しましょう。herfの部分にURLを入れてね。HTMLはこれだけです。 これをデザインのカスタマイズから、ヘッダのタイトル下に
【はてなブログカスタマイズ】デフォルトのスマートフォン表示から不要な要素を削除して、「はてな」っぽさをなくす - この世の果てブログ
2014-11-19 【はてなブログカスタマイズ】デフォルトのスマートフォン表示から不要な要素を削除して、「はてな」っぽさをなくす 【Sponsored Link】 はてなブログのスマートフォン表示のカスタマイズ。 俺が使用しているテーマ「Afterrain」はレスポンシブ対応ではないので、iPhone などのスマートフォンでの表示は、はてなブログ純正のものになる。で、このはてなブログ純正画面なのだが、あまり必要性を感じないリンクや装飾がかなりあるので、スタイルシートでじゃんじゃん消していった。基本的には消したい要素の displayプロパティの指定を【none】にして消す方法。要素の指定などで少し詰まった点があったので、記録として。 スマートフォン表示のスタイルシートの記述場所 【ダッシュボード】→【デザイン】→【スマートフォン】→【ヘッダ】の【タイトル下】に記述する。スタイルシート
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
