【はてなブログ】メニューに簡単な工夫してアクセス伸びたカスタマイズ

メニューにたった1つ簡単な工夫を加えるだけでアクセスを伸ばすカスタマイズの紹介です。初心者でも導入しやすいようにCSSのコピペコードも公開しています。

グロバールメニューを固定して透明化する方法

200degrees / Pixabay

はてなブログのレスポンシブデザインを使っている人はスクロールしたとき(下に移動)するとメニューが見えなくなってしまい、読者がもしメニューから他のカテゴリーを読みたいと思うとヘッダーまで戻る必要があります。これは直帰率を上げる原因にもなります。

使用しているテーマがあらかじめ固定されたメニューならメニューならいいのですが、そうでない場合は、読者のために固定メニューに設定することをおすすめします。

[st-mybox title=”ポイント” fontawesome=”fa-check-circle” color=”#FFD54F” bordercolor=”#FFD54F” bgcolor=”#FFFDE7″ borderwidth=”2″ borderradius=”5″ titleweight=”bold”]

「 はてなブログ」アフィリエイトで月3万稼ぐ2つの最短ルート限定公開「収入で悩んでいる人向け」

[/st-mybox]

メニューを固定化する方法

スクロールして固定化するカスタマイズははてなプロユーザー向けになります。無料ユーザーの人は規約違反となりますのでご了承ください。

以下のコードをデザイン→カスタマイズ→デザインCSSに貼付けてください。

f:id:buchibuchi4647:20170419111443p:plain

 

この設定によりスクロールするとトップにメニューが固定されます。しかし、これだけの設定ではトップの固定メニューが邪魔で記事が読みにくいです。

スクロールしたときにメニューを透明化させることによって記事を読みやすくさせます。

スクロールしたメニューを透明化させる設定

メニューを透明化させるのはあなたの自由ですが、読者のことを考えると設定することをおすすめします。設定方法も簡単です。

先ほどの固定メニューとやり方は同じです。デザイン→カスタマイズ→デザインCSS以下のコードを張りつけます。

貼付ける場所はデザインCSSの1番下でもかまいませんが、すでにグロバールメニューのカスタマイズ(フォントの変更や文字の大きさの変更)をデザインCSSに貼付けている人はその箇所に付け加えることをおすすめします。

その理由はいろいろカスタマイズしているなかで、自分がどこをカスタマイズしたのか忘れないようにするためです。CSSを見たときに同じ箇所で設定していると再び変更するのも簡単です。

では話は戻します。以下のコードをデザインCSSに張りつけてください。

この(0.6)の値を変更していくと透明度が変わります。値が低いほど透明化します。

レスポンシブ設定でない人

レスポンシブ設定をしていない人(パソコンとスマホを別々に設定している)は今回のカスタマイズは必要ないと思います。

僕はSEO的にレスポンシブがいいと勝手に信じているのでレスポンシブデザインで当分の間は我慢します。

最後まで読んでいただきありがとうございました。

当サービスお得情報紹介・5名限定モニター生募集

当サイトのサービスはサイト作成だけでなく修正・カスタム・アクセスアップだけに留まらず、初心者向けに副業・アフィリエイトのノウハウも紹介しております。少しでも購入者が満足できるようなサービス提供を提供中。

購入して終了ではなく….サービス終了後も定期的なやりとりを通じてお客様の相談・依頼をいただくことが一番重要だと思っております。長い付き合いになると思いますが、当サービスを利用して会社の利益アップ・脱ノウハウコレクターとなりませんか?

 

学生・主婦の方から社会人の方まで幅広くご依頼をいただいております。

上記のサービスはいずれも好評です。特にアフィエイトをしている人でなかなか成果の出ない人や初心者で何からすれば良いのかわからない人にはおすすめのサービスとなっております。

ライン募集

ライン公式アカウントでもサービス情報をお届けしております。お友達に追加頂いた方には現在有料情報を無料で提供しております。この機会に友達追加してはどうでしょうか?
友だち追加
サービスご依頼ご希望の方はサイト内に設置「お問い合わせ」フォームより依頼・または下記よりご連絡ください。当サービスはプロフィールにもありますよう「ココナラ」にて600件以上の販売実績と評価4.8以上であるプラチナ会員認定

ココナラ経由だともっと割引?

ココナラ経由でサービスをご利用頂きましたお客様には貴重な特典・割引価格で提供しております。このチャンスにぜひご検討ください。
アクセスアップ狙った1500記事+ツール販売します 20ジャンル全部で1500記事+ツール販売・PVアップ向け

ご依頼お待ちしております。

また、2020年にはあるモニター生が私のコンサルサポートを実施してココナラ での販売を開始しました。2020年7月末から8月末までの1ヶ月間での成果ですが。売り上げではなく、実際の収入見込みが22万達成できました。新規アカウントです。この調子で頑張って欲しいです。

上記のモニター生同様、ココナラ を使って副業サポートコンサル希望のモニター生を5名募集しております。

モニター価格は2種類あります。私が徹底的にサポートまたは定期的なアドバイスの2パターンあります。興味のある方は、こちらも合わせてお問い合わせよりご連絡ください。

ご依頼・ご質問等はコチラから。内容を確認次第、順次対応させて頂きます。

お名前
必須
メールアドレス
必須
サービス内容
メッセージ本文
 
最新情報をチェックしませんか?