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

グローバルメニュー

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

無料版はてなブログでグローバルメニューを設置する方法｜初心者でもスマホ対応できる手順付き

「自分のブログ、もう少し“ちゃんとしてる感”を出したい…」 そんなふうに思ったことはありませんか？ グローバルメニューは、ブログ画面上部のリンク集で、ブログの“顔”ともいえる部分。 読者が「どんな記事があるのか」を一目で把握できるだけでなく、デザイン面でも信頼感を大きくアップさせてくれます。 この記事では、はてなブログの無料版でグローバルメニューを設置する方法を、初心者でもスマホ対応できる形で、わかりやすく解説します。 私は、現役の図書館員として働きながらブログ運営を両立し、先月にはGoogle Adsenseに合格しました。 この記事を読めば、 ✅はてなブログ無料版でも安心してグローバルメニ…

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

ネットで話題

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

関連ブログ

なすみの日常ブログ•1年前

はてなブログのグローバルメニューをカスタマイズ（CSSコピペで簡単！）【Minimalism】

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

#はてなブログ#ブログデザイン#グローバルメニュー#CSS#簡単#コピペ#Minimalism#ミニマリズム
おじ語り•1年前

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

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

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

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

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

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

階層化グローバルメニューを設置する方法【コピペ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!•1年前

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

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

#グローバルメニュー#HTML
夫目線の家計簿•1年前

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

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

#ブログカスタマイズ#グローバルメニュー#サイドバーカスタマイズ
BOOKS:LIMELIGHT•2年前

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

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

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

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

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

#はてなブログ#グローバルメニュー#Minimalism