Hatena Blog Tags
はてなブログ トップ
グローバルメニュー
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

グローバルメニュー

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
なすみの日常ブログ•2ヶ月前

はてなブログの「グローバルメニュー」をカスタマイズ！（CSS素人解説付き）【Minimalism】

グローバルメニューのデザインをカスタマイズしました。 CSSのなんてさっぱりわからない素人ですが自分の思うようなグローバルメニューにするために頑張って検索しまくりました。 コツコツとCSSのコードを調べたので備忘録にまとめました。 グローバルメニューをカスタマイズ デザインを選ぶ どんなデザインにしたいか大まかにイメージを固める HTMLとjQueryをコピペする コード 貼り付ける場所 メニューにアイコンを入れたい場合 CSSをコピペする コード 貼り付ける場所 色を変える CSS備忘録 PC用ナビゲーション：パソコン表示でのグローバルナビゲーション PC非表示：パソコン表示での2階層目（ド…

#はてなブログ#ブログデザイン#グローバルメニュー#CSS#簡単#コピペ#Minimalism#ミニマリズム

ネットで話題

もっと見る
199ブックマークモバイルサイズになると自動でグローバルメニューをPathのような横スライド式に切り替える軽量jQueryプラグイン・PageSlide Responsive - かちびと.netkachibito.net
128ブックマークはてなブログでグローバルメニューとトグルメニューを両立させレスポンシブスタイルにするカスタマイズ - Yukihy Lifewww.yukihy.com
87ブックマークCSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー - かちびと.netkachibito.net
79ブックマークjQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える - かちびと.netkachibito.net
55ブックマーク【はてなブログ】スクロールするとヘッダーに固定されるグローバルメニューの作り方｜1mmsubcul-girl.com
46ブックマークアコーディオンとグローバルメニューを併せたコンテンツを実装出来るjQueryプラグイン・facets - かちびと.netkachibito.net
43ブックマーク操作性アップ！はてなブログスマホ版にグローバルメニュー（ナビゲーションバー）を設置する方法 - さくさくの日常www.3939life.com
43ブックマークはてなブログカスタマイズ「パンくず」「グローバルメニュー」「引用」「注目記事」を実際にやってみたらこうなった - 心に火を、指先にペンをdefender-21.hatenablog.com
41ブックマークスマホ画面下固定のグローバルメニューは使われているのか？利用率を定量測定した結果 - NaeNotenice-and-easy.hatenablog.com

関連ブログ

おじ語り•2ヶ月前

ブログのグローバルメニューを取っ払う

グローバルメニューを取っ払う たった今、当ブログから長らく活用していたグローバルメニューを取っ払いました。 ここの部分のことですね。 スマホだとこれがハンバーガーメニューになっていました。どちらにしろ廃止です。 ずっと思っていました。 これあんまり見た目が良くないんじゃないかなぁと。 グローバルメニューの悪口じゃないですよ。あくまでこのブログの全体のバランスとしてちょっと馴染んでいないというか。そしてもう最近ライオンズの話あんまりしてねぇなぁと。自己紹介も何年も更新してねぇなぁと。 でね、なんでこんなものを設置していたかというと、ブログを始めた当初に勉強したからですよ。 「グローバルメニューを…

#ブログ#グローバルメニュー#ブログデザイン
まだ大阪で消耗してます。•2ヶ月前

はてなブログをカスタマイズしてみる　〜第一回グローバルメニューを作る〜

基本的な設定は前回記事まででできたかなと思います。 見たい方は以下をクリック。 はてなブログで最初にやっておくべき初期設定〜基本設定と詳細設定〜 - まだ大阪で消耗してます。 続・はてなブログで最初にやっておくべき初期設定〜詳細設定を詰める〜 - まだ大阪で消耗してます。 はてなブログの公開設定を後悔しないように設定する - まだ大阪で消耗してます。 はてなブログ設定のaboutページ編集について - まだ大阪で消耗してます。 何だかんだと記事を書いているうちに多少はてなブログにも慣れてきた感じがあります。 このままはてなブログが親兄弟以上の存在になるように日々やっていきたいなと思ってます。

#はてなブログカスタマイズ#グローバルメニュー#HTML#CSS
JATAGO’s BLOG!•2ヶ月前

階層化グローバルメニューを設置する方法【コピペOK】

参考にさせていただいたサイト: www.nijinokosodate.com コードをそのまま使わせてもらいます。 それでは早速いきます。 「設定」 →「詳細設定」 →「<head>要素にメタデータを追加」 に、以下のコードを入力します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> コードを入力したら、下にある「保存する」をタップして 設定を保存します。(大事です) 次に、 「デザイン」 →「スパナマーク🔧」 →「ヘッダ」 →「ブログタイトル下」 に以下のコー…

#グローバルメニュー#階層化#HTML
JATAGO’s BLOG!•2ヶ月前

グローバルメニューを設置する方法【コピペOK】

こんにちは！jatagoです。 最近、「jatago」と打とうとすると「Katagi」に変換されてしまうのがイライラしてしょうがないと感じています。 さて、どうでもいい雑談はこれくらいにしておきまして、 今回は「はてなブログにグローバルメニューを設置する方法」を解説していきます！ それでは早速いきます。 参考にさせていただいたサイト:kurashisan.hatenablog.jp (コードをそのままそっくり使わさせていただきます) まずはCSSから設定していきます。 「デザイン」 →「スパナマーク🔧」 →一番下の「デザインCSS」 に、こちらのコードをコピペしてください。 /***グローバル…

#グローバルメニュー#HTML
夫目線の家計簿•3ヶ月前

ブログのデザインで参考にさせていただいたもの

記事内に商品プロモーションを含む場合があります ブログを始めるにあたって、様々なサイトを参考にさせていただきました。 備忘録を兼ねてご紹介させていただきます。 ヘッダー グローバルメニュー アイコンフォント プロフィール サイドバー全般 検索窓 ヘッダー ヘッダーの設定について参考にさせていただきました。画像自体はCanvaの画像生成AIで生成したものをベースに作成しています。 www.fuji-blo.com グローバルメニュー グローバルメニューを作成する際に参考にさせていただきました。 motheryokoblog.com アイコンフォント グローバルメニューにアイコンフォントを入れる際…

#ブログカスタマイズ#グローバルメニュー#サイドバーカスタマイズ
ぶら下がり日誌～ボルダラーへの道～•8ヶ月前

NAVIGATION

前回のつづき。 krokovski1868.hatenablog.com ブログいじりをつづけるのに、ディスプレイの発光がきついと眼がもたぬので、背景色をかえようと方法をさぐっていたら、グローバルメニューのつくりかたがでてきた。ブログタイトル下の横ならびのカテゴリー群を、グローバルメニュー、またはナビゲーションメニューと呼ぶのだそうだ。 Google先生にたずねると、例によって大量に情報がでてくる。血で血を洗うというか、泥縄式というか、強化学習というか、とにかくいじっていたら、すこしだけそれっぽい見てくれのものが表示された。CSSがなんなのかもわかっていないので、ひかえめにいって乱暴である。 …

#グローバルメニュー#ダークモード#ルビをつける
BOOKS:LIMELIGHT•1年前

ヘッダー下のカテゴリー階層化に成功！機能面の目標達成。（ブログカスタマイズに挑む・完）

去る3月下旬、ブログカスタマイズをするんだ！と目標を掲げました。具体的にはヘッダーの下に、階層があるカテゴリーをつくるというもの。 books-limelight.com 月末に締め切りを設けたはずが、やってしまった…もう４月だ。ソシャゲのエイプリルフールイベントで気がつく。 高らかに宣言した時に限ってこういうことをしてしまう。すみません、わたしは割とこういうやつなんです。それでは面の皮を厚くして、成果発表していきます。 なんとかできた。機能面の目標達成！ はてなのブログテーマを変えた 参考になった本は意外にも ブログレイアウトで「やりたい」が出てきた喜び ブログで自分の総合プロデュース力を鍛…

#ブログカスタマイズ#グローバルメニュー#グローバルナビゲーション#回遊性#カテゴリー階層化
neoゆき•1年前

今あるグローバルメニューをスクロールして上部に固定させる追加CSSコード　はてなブログテーマMinimalism

こんにちは！ゆきおです。 既にブログにグローバルメニューを設置している方向けの記事です。ただ、このCSSコードが効くグローバルメニューは限られているので注意してください。CSSを色々いじっている場合はダメかも。 注意 GoogleAdSenseのアンカー広告を設定している場合は注意してください。下から広告が出る場合は問題ないですが上から出る場合はグローバルメニューが隠れてしまいます。どうしてもアンカー広告を使いたい場合固定は諦めた方がいいでしょう。 デザインCSSに貼り付けるCSSコード 最後に デザインCSSに貼り付けるCSSコード このCSSコードを［ ダッシュボード］＞［ デザイン］＞［…

#はてなブログ#グローバルメニュー#Minimalism
さるぼろぐ•1年前

【はてなブログ】テーマ「Innocent」でのグローバルメニューのカスタマイズ方法

これから「ブログを始めよう」という方や、「ブログ運営は初めて！」という方に是非おススメしたいのが、【グローバルメニューの設置】。 様々な先輩ブロガーさんのページを見てみると、何やら色々とカスタムされていて、どの様に設定するのか、わけがわかりませんよね＾＾（私も、ここまでカスタムするのに長い年月かけました(笑)） 見た目が見やすいと、 回遊率も上がるので、是非設置しておいてほしい「グローバルメニュー」。 今回ご紹介する設定は、超ど素人の私でもできたカスタマイズなので、安心してくださいね☺️ ブログ環境 ⚠️この記事では、私が実際に利用中の「はてなブログPro」（テーマ／innocent）での、グ…

#はてなブログ#ブログ運営#ブログ初心者#ブログカスタマイズ#グローバルメニュー