Cocoon. グローバルメニューの色変更. 次に行きましょう(笑) 次はグローバルメニューの下に影を付けることによって、メインコンテンツとの境目が浮いているかのように見えるカスタマイズです。 影を付ける場合は、以下のコードをコピペしてください。 こんにちは、ゆんつです。僕はブログのテーマにCocoonを使っています。ブログをPCで閲覧した時に、画面の上の方にあるカテゴリへのリンクをグローバルナビというのですが、Cocoonデフォルトではこんな感じの状態です。グローバルナビの各リンク この記事では、ワードプレスのグローバルナビゲーションを設置する方法を画像解説しています。前回、「Contact Form 7」というプラグインでのお問い合わせフォーム作成記事と合わせてお読みください。キャプチャ画像を豊富に使っているので初心者の方にもわかりやすい内容です。 グローバルメニューの下に影を付ける. 貼り付けたら以下の画像の 黄色い四角枠内 のようになるので、間違いが無ければ下 の方にある『ファイルを更新』を押して下さい。 これであなたのブログのグローバルメニューの見た目がある程度マシになるはずです。 まとめ. こんにちは、ゆんつです。 僕はブログのテーマにCocoonを使っています。 ブログをPCで閲覧した時に、画面の上の方にあるカテゴリへのリンクをグローバルナビというのですが、Cocoon グローバルナビの個別メニューアイテムに対して補足文（キャプション）を入力する方法の紹介です。 wp-cocoon.com 2018.02.21 当ブログは無料テーマ「Cocoon」を使って運営してますが、今までデフォルトの記事幅で書いてきました。 しかしそれだと幅が広すぎるため、読む際に目の横移動が必然的に多くなっていました。 今回は無料テーマ「Cocoon」における記事幅と余白の変更方法についてまとめました。 グローバルメニュー背景色・・・#bed2c3 Cocoon（コクーン）のヘッダーカスタマイズ 7.「リセット」 カスタマイズをしていて、なんとなく気に入らなかったりあまりにも変更しすぎてどこを触ったかわからなくて元に戻したい時には「リセット」できるようになっています。 本文（.main)やサイドバー(sidebar)などのコンテンツと、グローバルメニューなどのあるヘッダーの間にある隙間を詰めて、stye.cssで調整する方法です。手順：css codes（ページ上部余白なし)外観＞テーマエディター（※）＞
ですので、この場合は上が50px、右が0px、下が50px、右が100pxの余白を指定したことになります。 各数値の間は必ず半角スペースで開けて下さい。 paddingが0の場合は単位（px）を省略しても大丈夫です。 今度はうんと小さくして、4方向とも10pxで指定してみます。 Cocoonで; ボックスを; 選んでみま …
Cocoonのスマホ(モバイル)メニューのカスタマイズです。スマホでもメニューをヘッダー下に表示させ、横スクロールをできるようにします。その他にもアイコンを入れたり、英語を入れるカスタマイズ方法も紹介します！
グローバルメニューの削除 ; トップページヘッダー下のアドセンス広告削除; htmlやcssなどのコードは使わずCocoonなら簡単にできちゃうんで、ぜひやってみてください！ 目次. Simplicity2の後継的存在でSEOに優れ高機能な無料テーマ「Cocoon」のグローバルナビ（メニュー）のカスタマイズを行います。PCのナビはこんな感じにしようと思います。ブログサイトのテーマカラーの決定今回は、青系で設定を進めたいと Twitter Facebook はてブ Pocket. 今のままではインパクトがなく、サイトに訪れた人にメニューがわかりづらいので、色付きの帯へ変更します。 1）引き続き「ヘッダー」タブのまま、下の方へスクロール 2）「グローバルナビメニュー色」から、任意の色を選択 2019.02.10 2018.10.29. メニューの幅をそれぞれのテキストに合わせたいと思います。 [管理画面]から[Cocoon 設定]を押し、タブにある「ヘッダー」をクリックします。 下のほうまでスクロールすると「グローバルナビメニュー幅」などが設定できる場所があると思います。 一番下の「変更をまとめて保存」を押します。 これでグローバルナビメニューとサイトの幅が同じになりました。 サイト全体の幅を調整する =コンテンツ、サイドバーの余白部分. お世話になっております。 こちらのサイトにてヘッダーロゴ画像を挿入したのですが、ヘッダーロゴ画像とグローバルメニューの間に空白ができております。 トピックを検索しても、この余白を無くす方法についての項目は見当たりませんでした。 何卒ご教授のほどよろしくお願いいたします。 Cocoonのグローバルナビの見た目を変える . Cocoonカスタマイズ！ヘッダーとメニューをオシャレにカスタマイズします。オシャレなだけでなく利便性も上げるためにヘッダーを固定し追尾するようにしました。コピペで簡単にできるようになってますのでぜひチャレンジしてみてください！