WordPressテーマ『Cocoon(コクーン)』のグローバルメニューを設定する方法
HTML-код
- Опубликовано: 8 фев 2025
- 今回はWordPressテーマ『Cocoon(コクーン)』のグローバルメニューを設定する方法について解説しています。
Cocoonはグローバルメニューの色や幅も簡単に設定できますので、ぜひ参考にしてみてください。
🔽チャンネル登録はこちら
/ @sattoga
🔽ブログ記事でも解説しています。
sattoga.com/ar...
----------------------------------------
～ブログアフィリエイトに役立つ再生リスト～
1.ブログ運営【初心者向け入門講座】
• 1.ブログ運営【初心者向け入門講座】
2.WordPressの使い方【初心者向け入門講座】
• 2.WordPressの使い方【初心者向け入...
3.Cocoon(コクーン)の使い方
• 3.Cocoon(コクーン)の使い方
4.WordPressプラグインの使い方
• 4.WordPressプラグインの使い方
5.ドメイン・サーバー関連
• 5.ドメイン・サーバー関連
6.ブログツール
• 6.ブログツール
----------------------------------------
🔽Twitterもやっています。
/ sattoga
🔽運営ブログ（さっとが）
sattoga.com/
🔽さっとがのKindle本
af.moshimo.com...
#Cocoon #コクーン #WordPress
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
さっとがさん いつもありがとうございました。一番、わかりやすいです。
いつもご視聴ありがとうございます！
嬉しいです^^
グローバルメニューを設置する事ができました。ありがとうございます。
だけど！問題は、ｿｺをたたいても、何も変わりませんが、そういうﾓﾉ何ですか？私の思っていたのは、作ったものの違う情報が見れるものと思ってました。がその情報があるなら教えてください。
＞ｿｺをたたいても、何も変わりませんが、そういうﾓﾉ何ですか？
設置したグローバルメニューのURLをクリックしてもページが変わらない、ということでしょうか？
もしそうでしたら、原因は全て同じページのURLになっている可能性が考えられます。
グローバルメニューのリンクが同じURLなら、クリックしてもページは変わりません。
動画での解説が足りずに申し訳ありませんが、事前にお問い合わせページやサイトマップページなどは作成していますか？
あくまでもグローバルメニューは他のページに移動するための手段なので、他のページのURLを入れないと移動しません。
『WordPress お問い合わせ』『WordPress サイトマップ』などで検索すると、ページの作成方法を解説している記事が見つかりますので、そちらを参考にしてみてください。
それで作成したページをグローバルメニューに設置すると、ページが移動するはずなので、お試しください。
よろしくお願いします。
私が素人すぎるのは、わかりますが、
グローバルメニューのURLをクリックしてもページが変わらない、って、そのURLをクリックするって、どうやってするのですか？
連コメ失礼します🙇♀️
こちらを探して試したら、できたようです。ただ、幅が狭いからから文字が重なって表示されています😓一列で最初の文章だけ載せてくれれば嬉しいのですが…幅を広げてみます。
ご視聴ありがとうございます。
対応方法としては、
①幅を広げる
②載せるメニューの数を減らす
③メニュー名を省略する
④グローバルメニューだけ文字サイズを小さくする
いくつかありますので、お試しください。
ちなみに④のやり方は「Cocoon グローバルメニュー 文字サイズ」などで検索すると解説記事が出てきますので、よろしければ参考にしてみてください。
よろしくお願いします。
@@sattoga こんにちは😌今から試したいと思います。うまく表示されますように😅
いつもご丁寧お返事くださりありがとうございます🙇♀️
他の方の質問にもありましたが、グローバルメニューの設定で、すでに固定ページのメニューが設定されています。まず、ここで先に進めなくなります。
グローバルメニューに設置した固定ページが削除できないということでしょうか？
もしそうでしたら、メニューの編集画面で削除したいページの『▼』をクリックすると、削除リンクがありますので、そちらで削除可能となっています。
よろしくお願いします。
いつもありがとうございます。
とても分かりやすいです！
質問があるのですが、スマホのみグローバルメニューを非表示にするやり方もあるのでしょうか。
ご視聴ありがとうございます！
スマホのグローバルメニューは『Cocoon設定 ⇒ モバイル』で設定可能です。
もしかすると使っているスキンで変わるかもしれませんが、『ボタンを表示しない』を選択するとグローバルメニューは表示されないと思いますので、お試しください。
よろしくお願いします。
@@sattoga ご丁寧に回答いただきありがとうございます。やってみます！
ブログ名の上に出てきてしまうのですが、対処法はありますでしょうか。
グローバルメニューがブログ名の上に表示されてしまう、ということでよろしいでしょうか？
『Cocoon設定 ⇒ ヘッダー ⇒ ヘッダーレイアウト』で『センターロゴ（トップメニュー）』を選んでいるのが原因と思われます。
『センターロゴ（デフォルト）』を選択するとブログ名の下に表示されるはずなので、お試しください。
もしヘッダーレイアウトを変更できない場合は、スキンの仕様なので、スキンを変更してください。
よろしくお願いいたします。
@@sattoga ご丁寧にありがとうございます！なおりました！
グローバルメニューを作る時に、動画ではすでにカテゴリーを準備してあったんですが、カテゴリーの追加はどこからしたら良いのでしょうか？
ご視聴ありがとうございます！
カテゴリーの追加はWordPressの管理画面
左サイドバーの『投稿 ⇒ カテゴリー』で行います。
詳しくはこちらの動画で解説していますので、
よろしければ参考にしてみてください。
ruclips.net/video/bCCdCPOwHl4/видео.html
教えてもらったんならありがとうございますくらい言えよ。
礼儀も言えねーのかよ
コメント失礼します。
スマホのグローバルメニューの項目が、2行にわたって表示されてしまいます。
PCのように1行で表示したいのですが、どのように設定すれば良いでしょうか…?
Cocoonを利用中でスマホで見た場合、右上のメニューボタンをクリックするとグローバルメニューが１項目ずつ改行されて表示されるのは、そういう仕様なので仕方がないです。
もしかするとPCと同じように表示させる方法もあるかもしれませんが、専門的なカスタマイズの知識が必要となるため、僕には分かりません。
ご期待に沿えず申し訳ありませんが、よろしくお願いします。
グローバルメニューを英語にして、下に日本語で説明を入れました。色を変えたら、日本語部分のみ変更されて、英語部分は変更が効きません。プレビューでは変更されています。原因わかりますか？
せっかくコメントいただいたのに申し訳ありませんが、僕にも原因は分かりません。
よろしくお願いします。
質問失礼します。
メニュー編集画面において、
メニュー構造一覧に、カテゴリー項目を追加すると、
ヘッダー部分には、カテゴリー項目の名称とその「説明文」まで表示されてしまいます。
ヘッダーには、カテゴリー名だけを表示させたいのですが、方法はありますでしょうか？
ご視聴ありがとうございます！
説明文が入ってしまうのは、おそらくご自身で説明文を入れているからだと思います。
解説の用途は異なりますが、こちらの動画で解説している説明文の欄に入力すると、その文章も表示されてしまいますので、ご確認ください。
ruclips.net/video/7hj5L-dzLrk/видео.html
説明文に何も入力しなければ、カテゴリー名だけ表示されると思います。
よろしくお願いします。
ご回答ありがとうございました！参考にさせて頂きました＾＾
タイトルの長いサブメニューが下のサブメニューに被ってしまうのですが、これは、1行で収まりきる分だけしか表示させない みたいなことはできますか？
Cocoonを使っている場合
『Cocoon設定 ⇒ ヘッダー設定』の一番下で
サブメニューの幅が変更できますので、
こちらで調整すれば1行に収めることができます。
もしくはCSSで文字の大きさを変更できるとは思いますが、
申し訳ありませんが、詳しいやり方は分かりません。
その幅にタイトルが収まるように、メニュー名を変更するのが
一番現実的で見栄えも良いかなと思います。
よろしくお願いいたします。