コピー2020.10.27グローバルメニューを作りたいし、見た目も良くしたいのにワードプレスの使い方が分からなさすぎて、どうしたら良いのかわからない。そんな方の力になります。僕もグローバルメニューを作るのには、四苦八苦しました。名称も知りませんでしたからね...用語集の必要性を感じる。マジでナニ語???そして、こんな真夜中に各ページにあるはずのメニューが見当たらないんですけどぉぉぉぉぉ。うえええぇぇぇぇぇ!?ってなってる。そんな僕も今年で39歳。2020こんな感じでした。完全にただのアホですよね。名称はグローバルナビゲーションです。ナビメニュー、またはグローバルメニューとも言われているみたいです。僕はメインメニューって呼んでました。本記事を読むことで、皆さんも自由にグローバルメニュー欄をカスタムできるようになりますよ。作業手順はこんな感じです。カテゴリー作成・追加でグローバルメニュー作り階層を分けてグローバルサブメニュー作りグローバルメニューのレイアウトそれでは、いきましょう。左側サイドメニューから➀「投稿」➁「カテゴリー」の順でクリックします。新規カテゴリーを追加の➂「名前」にメニューに表示したい名前を入力、ここでは「おんがく」としておきます。入力が終わったら、➃「新規カテゴリーを追加」をクリックで右側の欄に新しく追加されます。ブログで取り扱うテーマのカテゴリーをどんどん追加していきましょう。僕はメインのメニューの「おんがく」の下にサブメニューで「DJ」をつくりたいので、あらかじめ「DJ」も追加しちゃいます。グローバルサブメニュー作り扱うテーマ・カテゴリーがたくさんで、ジャンル毎にまとめたい場合。ライフの下に筋肉やおかねなどのカテゴリーを表示したい場合ですね。左サイドメニューから➀「外観」→➁「メニュー」→➂「カテゴリー」→➃「すべてを表示」の順で選択していきます。すると、投稿カテゴリで作成したカテゴリが表示されているので、作成済みのカテゴリーを指定してします。僕は「おんがく」と「DJ」を選択しました。選択後に「メニューに追加」をクリックすると、メニュー構造の欄に選択したカテゴリーが追加されます。カテゴリーの階層分け追加されたカテゴリーをドラッグ&ドロップで右にズラすだけです。「音楽」のサブメニューとして「DJ」を表示させたいので、画像のよう右にズラします。カテゴリーの階層分けが終わったら、「メニュー名」も記入しておきましょう。お好きな名前を入れてください。すべての作業が終わったら、「メニューを保存」をクリックしましょう。メニューの作成はこれで完了。ここまでで、メニュー・サブメニューは作ることはできました。続いて細かいレイアウト等の変更のやり方を見ていきます。グローバルメニューのレイアウトメニューの表示位置をかえる僕はページ上部のヘッダー画像下にメニューを設置していますが、ページの下に設置したい人や、その他の場所に設置したい人もいると思います。どこでメニューの位置を指定できるのか見ていきます。やり方は、2通りあります。どちらの方法も選んでクリックするだけなのでカンタンです。1つ目、左サイドメニューから➀「外観」→➁「メニュー」を選択し、「メニュー構造」を一番下へスクロールしましょう。「メニュー設定」という項目があるので、ページ上部にメニューを表示したい方は、「ヘッダーメニュー」を、ページ下部に表示したい方は「フッターメニュー」を選択しましょう。選択後は「メニューを保存」を忘れずに。2つ目の方法は、1つ目の方法と同様に左サイドメニューの「外観」→「メニュー」を選択後に「メニューを編集」のとなりにある「位置の管理」をクリックしましょう。1つ目のときと同じようにどの位置にメニューを設置するか決める事ができます。ここでは、あなたがカテゴリーの階層分けで記入した「メニュー名」を選択してください。最後に「変更を保存」も忘れずに。ページの下にメニューを作りたくて、フッターメニューを選択した場合、どのように表示されるのかというと...この画像のように、トップに表示されているようなメニューがページ下部に表示されます。メニュー幅を変更するまず、左サイドメニューの「Cocoon設定」を選択します。次に「ヘッダー」タブを選択後、一番下までスクロールしていきます。すると、「グローバルナビメニュー幅」という項目があり、「トップメニュー幅」と「サブメニュー幅」があるので、空欄に数値を入力して、それぞれのメニュー幅を指定します。未記入はデフォルト値での設定になります。それでなにも困らなければ、未記入でも良いでしょう。最後に「変更をまとめて保存」を押し忘れないようにしてください。メニューの文字を太くする左サイドメニューの➀「外観」→➁「テーマエディター」の順で選択します。次に画面右側に表示されている「テーマファイル」」から➂「スタイルシート(style.css)」を選択してください。bold;}を追記するだけです。すると...こんな感じで見た目が変わっちゃいます。まとめ変更のやり方の1例を示してみました。やり方は分かったと思うので、色々と自分で試行錯誤することをおすすめします。それでは、まとめです。グローバルメニューはヘッダーを構成している一部カテゴリーで作成・追加でメニュー作り階層を分けてサブメニュー作りレイアウトで見た目よく本記事の作成にあたり勉強になったことは、ヘッダーはロゴ(タイトル)、キャッチフレーズ、グローバルメニューからできていることを学びました。Pressやってみよう!!APS!!【初心者・未経験でも大丈夫】どうも僕です。APS競技に参加したいけど、何をどうしたら良いのか?わからない方が多いでしょう。今回は、僕がAPS競技に参加するまでに、実際にしたことを書き残しておこうと思います。おおまかな流れは、以下の通り。WINGへの申し込み手順、クレカ不要の支払い手順を記述していきます。綺麗な画像を無編集のままブログなどにアップしていませんか?見た目に違いがなければ、扱うデータサイズは小さい方が良いですよ。アップロード時の時間短縮にもなり、画像の軽量化によってサイトの表示速度を向上させることで読者の負担も減らせます。初心者のこんな悩みを解決します。使用しているテーマをCocoonにされている方には特に参考になる内容です。今回はブログ運営の方向性、テーマ選定に悩みを抱えていて、雑記にするか?特化にするか?ブログで扱うジャンル・テーマはどのように決定していくのか?多くの初心者が悩んでいるこのような問題に対する解決策に、重要な3つのことを挙げています。僕と一緒にテーマを練り上げていきましょう。コメントをキャンセルメールアドレスが公開されることはありません。政治経済テクノロジーコンタクトホーム検索トップサイドバータイトルとURLをコピーしました。