Menu」へウィジェットやボタン、アイコンを登録してみましょう。何のウィジェットをメニューバーに組み込めば便利だろう?と、訪問者視点で考えてみると一番便利なのが「検索」じゃないかな?と思います。私自身、気に入ったブログでは「こんな話題に触れてないかな?」とサイト内検索をよくするので。(^^)では、検索バーから順番にやってみます。area.(手動でこのエリアを編集しないでください。↑ここからはドラッグ&ドロップなどでウィジェットを入れないようにして下さい。検索ウィジェットの挿入まずは投稿⇒カテゴリーから新規カテゴリーを追加します。↑これで下の新規カテゴリーを追加ボタンをクリック。次に、外観⇒メニューを開きます。チェックを入れてメニューに追加をクリック。(画像では説明用に作ったため「検索2」となっています)追加すると右側のメニュー構造にリストとして現れます。移動ツールで設置したい階層へ移動し、右下のメニューを保存をクリック。Menuボタンが出現するのでクリック。開いた設定ウィンドウの説明です。ここでメニュー項目の設定をします。ドロップダウンすると自分の登録してるウィジェットがリストされるので「検索」を選択。1つしか登録しない場合でもカラム数で横幅を決めることができます。Settings次に一般設定の項目です。メニュータイトルを隠します。リンクを無効にします。サブメニューの揃え方。私のメニューの場合は、項目が多すぎて4をleftとしてますが、項目が少ない場合は、検索だけ右寄せのRightを選択してもいいと思います。変更を保存をクリック。Iconの選択メニュータイトル前にアイコンを選択して設置することができます。入れた場合はタイトルがアイコンだけの表示にすることができます。検索なので虫眼鏡を選択。こんな風にアイコンだけのメニューボタンができました。マウスオーバーすると↓このように現れます。私のメニューにはボタンでメールフォームへのリンクをはっています。メールでなくとも、SNS等の自分のページへリンクを貼りたい方もいると思います。その場合は、外観⇒メニューからリンクを選択して下さい。↑リンクさせたいURLとリンクテキストを入力してメニューに追加をクリック。設定では、ウィジェットは選択しないで下さい。Linkのチェックを外します。Iconの選択で好きなアイコンを選択すれば完了です。応用編その他のものを追加したい場合。私のように海外からの訪問を想定して翻訳を入れたい場合は、プラグインの追加から翻訳を有効化することで、Mega-Menuから選択が可能になります。(古いプラグインばかりで選択肢が少なかったので他にお薦めがあれば教えて下さいね。)外部からのもの、例えばiframeなどを設置したい場合は、テキスト・ウィジェットを選択してコードを入れることで可能だと思います。追加することでドロップダウンで写真ギャラリーを表示することもできます。Menuには、このフリー版とは別に有料のPro版があります。個人だと1サイト19ドル。機能もかなり増えて魅力的ですが、フリー版で充分だと思います。Menu」といってページをスクロールするとメニューバーが最上部に来たときに固定される機能があります。Bloggerブログでは、この機能が付いたテンプレートを使用していたこともあり、このブログにもすぐにカスタマイズして設置したのですが、ある記事を読んですぐにやめました。Menu」はアドセンス規約違反!ページをスクロールしててアドセンス広告が表示されてる上で、上部に固定されたメニューからサブメニューがドロップダウンされると誤クリックを誘発する恐れがある。「見つけたら通報して下さい」と言ったそうなので恐ろしくて使えません。(^^;)なので「アドセンスはしてないよ~」とか「ドロップダウンじゃないから大丈夫?」という方のみへ自己責任で設置方法を解説します。参考になったサイトです。QiitaテーマによってIDやclass名が違ってますがSimplicityの場合で解説すると子テーマのcssへ以下を記述します。100pxはご自分のブログのヘッダーの高さに合わせて下さい。childフォルダ内の「javascript.js」を開き以下を記述します。floatMenu);});2行目の#naviの部分を、ご自身のメニューのIDへ変更して下さい。Simplicityはこのままで大丈夫です。以上の2つをコピペするだけで、メニューをスクロールしてみると上部でメニューバーが固定されたと思います。これってスマホでは本当に便利な機能なので私も使い続けたいけど、アドセンスをしてるので残念でした。(T_T)どなたか、メニューをホバーした時だけアドセンスがクリックできなくなるJSを作って下さ~い。以上!お疲れ様でした♪(^^)/この記事が気に入ったらいいねをお願いします。Carreonテスト訪問ありがとうございました。お知らせスパムが多いため、コメントは承認制になっています。確認次第、承認と返信をいたしますね。Sliderの解説Bloggerで海外テンプレートを選ぶ前に気を付けること。Menuを使っている者ですが1つ質問させてください。PCではメニューがドロップダウンするんですが、タブレットでMENU横の(三)をクリックして指をあてて項目を選択しても矢印は出てきますがPCのようにドロップダウンしないんです。原因わかりますでしょうか?すみませんが、お分かりでしたら是非教えて頂きたいと思います。様お返事が遅くなり申し訳ありません。私の環境下では発生してない症状のため、ちょっと原因が分かりません。さん私はそのような症状になったことがないため原因がわかりません。403」などでググって翻訳し、ご自身と照らし合わせてみてはいかがでしょう。コメントをキャンセルメールアドレスが公開されることはありません。最安値のサプリSHOPで深海鮫スクアレンを買ってみた。お手軽♪ペットボトル加湿器オーブの良い点・悪い点au解約前に要確認!溜まったポイントをギフト券に換金する方法。views冷凍アカムシは水を汚す?汚さない与え方。検索キーワードが指定されていません。最近の項目を表示しています。検索もしくは上下矢印キーを使って項目を選択してください。