グローバルナビゲーション

こんにちは！ ブログ開設2か月目のよこよこです。 今回はコピペで簡単！ はてなブログでグローバルナビゲーションの設置方法を解説していきます。 初心者の方は大変だと思われますが大丈夫です。 ブログを始めて1か月ちょっとたった私でもできましたのであなたにもできます。なるべくわかるように解説しておりますのでご安心してください。 この記事をオススメする方 ・グローバルナビゲーションを設置したい方 ・おしゃれなレスポンシブデザインを採用したい方 ・グーグルアドセンス合格に向けて準備をしている方 グローバルナビゲーションとは HTMLを入力しよう カテゴリーを考えよう 【カテゴリー候補１】aboutページ…

当ブログではヘッダーにグローバルナビゲーションを設置してカテゴリー別に記事を絞り込むサービスを提供していますが、本文を印刷しようとすると１ページごとにグローバルナビゲーションが表示されてしまい、印刷結果に支障が出る状態でした。 そこで、印刷時にはグローバルナビゲーションを表示しないように CSS の記述を追加することで印刷対応を行いました。なお、サイドメニューに表示される項目が記事の末尾に印刷されますが、これについては従来通りとしました。 要望が多いようでしたら、印刷時には「本文だけ」を印刷するように対応することも可能ですのでご用命ください。

以前、Wordpressから「はてなブログ」にブログの引っ越しをして不便に思うこととして、スマホではカテゴリー分けの表示ができないということを書きました。 PCではカテゴリー分けができるので、スマホでもPCと同じ表示形式（レスポンシブデザイン）にすればカテゴリーはスマホでもみえるんだけど、ずーっとスクロールした一番下にやっとでてきます。 そこで苦肉の策として、記事内に各カテゴリーへのリンクを貼るということをしてみました。 でも記事が増えて行くにつれて下の方へ埋もれていくので、いずれ見えなくなってしまいます。 zuikei.hatenablog.com その後、色々なテンプレートのデザインを試し…

こんにちは。 やりました！PC表示だけですがこのサイトにグローバルメニューが設置されました！ 絶対に置きたいってわけでもなかったんですけど以前にやろうとしたときにできなかったのでなんとなくモヤモヤしてたんですよね。 設置方法は"グローバルメニュー"、"はてな"などと検索したらたくさん出てきます。 基本的には各サイトで紹介されているHTMLのコードをデザイン設定のヘッダ→タイトル下に、CSSをデザインCSSに貼り付けてHTML側のリンク先アドレスや表示する文字を変更するだけ。 …なのですが背景の帯が左右両側いっぱいに広がるのが標準的なデザインのようで、これが今のタイトル枠(ヘッダ画像)と合わない…

どうもこんにちは、モモンです。 ブログを始めてからは悩むよりまずは書くことが大事だということで思いついたことをただ書いてきていますが、もうちょっと読みやすくしたりコンテンツを増やしたいなあとずっと思っています。そしてまたこれが悩みだすとキリがなく、ほかの人たちはどんな風にしているんだとアレコレソレコレ検索したりして。ちょっとした検索魔。 オヤジのダジャレか今回イラストがなくて寂しかったものでつい・・・

ブログで収益化を狙うために必要になってくる『グローバルメニュー』の作り方を解説していきます。 初心者でも、CSSが分からなくても、これを見れば誰でもグローバルメニューを設置することができるようになります。 グローバルメニュー

ブログを書くのはほんとに難しい それと同じくらいかそれ以上に 人に読んでもらう難しさを痛感している それでも少しずつ前に進んでいる 新しい出会いがあったのでご紹介を モバイルフレンドリーとの出会い 前回の記事を公開後 Google先生に早くインデックス登録してもらうため Google Search ConsoleでURL検査をしたら 拡張の欄にモバイルユーザビリティ という項目が表示されていて このページはモバイルフレンドリーです って Google先生からの贈り物 全然なんなのか分からなかったけれど とりあえず悪いことでは無さそうだったので 純粋に嬉しかった ちょっとだけGoogleさんに褒…