サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年2月26日 12:20
ヘッダー下のメニューがなくなり 運営者情報、問い合わせへのリンクが表示されていません
ワードプレスでは公開ずみになっています。
どの設定を変えれば表示されますか。モバイル、PCともに表示されるようにしたいです。
高速化はさわっていません。必要ならば設定します。
2021年2月26日 12:31
前略、rumi さん
ソースコードを拝見しますと、どうも、グローバルメニューが設定されていないようです。
操作を間違ったか？何か原因はわかりませんが、再度設定する必要がありそうな気がします。
Cocoonのマニュアルページのリンクを貼りますので、適宜、ご自身で設定なさってください。
なお、グローバルメニューの位置やデザインにつきましては、Cocoon設定の「ヘッダー」タブで設定するようになっています。
Cocoonのマニュアルは、以下のページですので、各項目から必要なマニュアルページを開いて、ご参照ください。
This post was modified 4年前 5回 by リフィトリー
2021年2月26日 13:09
rumi さん
現在、サイトを拝見しますと、モバイル表示のときは、「ヘッダーモバイルボタン」と「フッターモバイルボタン」の両方が表示されるようですので、「モバイル用のグローバルナビメニュー」は、要らないかもしれません。
ただ、現在、「ヘッダーモバイルボタン」と「フッターモバイルボタン」のどちらにも、「メニュー」ボタンがないため、「メニュー」ボタンを追加する必要があるかもしれません。
どちらかと言えば、「フッターモバイルボタン」に追加される方が良いような気がします。
わいひら reacted
2021年2月26日 13:14
rumi さん
ご自身では、よくわからない、といった場合は、有償となってしまいますが、以下のリンクに掲載されているプロの方々に依頼する、という方法もあります。
Topic starter
2021年2月26日 13:59
それでは固定ページを表示させるにはどの設定を変えればいいですか？
2021年2月26日 14:28
@rumi さん
それでは固定ページを表示させるにはどの設定を変えればいいですか？
「固定ページを表示させる」といっても、とり方によってはいろいろな意味になってしまいます。
最初のご質問のように、パソコン用のグローバルメニューを作成して、固定ページをメニュー構成に加えれば、グローバルメニューのメニューボタンから、固定ページに簡単にアクセスすることができるようになります。
詳しくは、以下をご覧ください。
先ほども書きましたが、有償になってしまいますが、プロの方々に依頼する方法もあります。
私は依頼した経験がありませんが、少ない料金からでも請けている方もいらっしゃるようです。
This post was modified 4年前 by リフィトリー
わいひら reacted
Topic starter
2021年2月26日 16:55
グローバルメニューをみましたが、設定はできています。
やりたいのはこれなのですが。前はこのようなフォームになっていました。
左の固定ページをすべて選択してメニューに追加ボタンを押すと、右の項目が重複して増えます。チェックは白くなります。間違えたのかな、と思って何度も保存していたら、ダダーーっと下に項目が重複されるので、一度全部消しましたが、また今回重複になりました。
どこを直せばいいのでしょうか？
2021年2月26日 17:26
rumiさん
先ほど添付いただいた画像のメニューは、「フッターモバイルボタン」のメニューです。
ですので、そのメニューにメニュー項目を足していくと、「フッターモバイルボタン」のボタンが増えてしまいます。
パソコン用のグローバルメニューは、「新しいメニューを作成しましょう」の文字をクリックして作成します。
わいひら reacted
2021年2月26日 17:33
「メニュー名」のテキストボックスに、パソコン用のメニューの名前を入力します。
名前は任意のもので良いのですが、既にあるメニュー名とは別の名前にします。
例えば、「グローバルメニュー（PC用）」などとすると、後で管理しやすいでしょう。
次に「メニュー設定」のところの「メニューの位置」のとこの「ヘッダーメニュー」にチェックを入れます。
次に「メニューを作成」の青いボタンをクリックします。
わいひら reacted
Topic starter
2021年2月27日 12:28
モバイルについてですが、運営者情報が出ない件は解決したのですが、疑問があります。
外からの検索でURLを出しても、自分のモバイルでは、上下にワードプレスのリンクが出ます。
うすくかぶっているのですが、これはみんながなるものですか？
Topic starter
2021年2月27日 12:36
https://wp-cocoon.com/community/cocoon-theme/センターロゴの編集をしたい。/#post-45790
前に教えていただいた右寄せが解決ずみになっているのか、そこから返信できなかったのでここでリンクを貼りました。
これもできました！ありがとうございました！
すごいです！
Topic starter
2021年2月27日 12:46
ヘッドの文字色は直ったのですが、
左・タイトルロゴ文字色を変えたい
タイトルに見出し帯をつけて色をプロフィールの帯と同じにしたい（右蘭のプロフィール、カテゴリー、人気記事一覧、、、のように）
右・プロフィール、カテゴリー、人気記事一覧、、、のタイトル帯色を変えたい
プロフィール、カテゴリー、人気記事一覧、、、のロゴ文字色を変えたい
設定のどこで変更できますか？各名称も教えてください。
2021年2月27日 15:47
@rumi さん
右・プロフィール、カテゴリー、人気記事一覧、、、のタイトル帯色を変えたい
プロフィール、カテゴリー、人気記事一覧、、、のロゴ文字色を変えたい
こちらは、Cocoon設定の「全体」タブの「サイトキーカラー」と「サイトキーテキストカラー」でも変更できることはできるのですが、他の10箇所ほどの部分も一緒に変更されてしまいます。
私が勝手に色をつけたコードをカスタマイズのヒントとして貼り付けてみます。
/*エントリーカードのタイトルの文字の色*/
.entry-card-title.card-title.e-card-title {
color: #a45526;/*文字の色*/
background-color: #f7e865;/*文字の色*/
padding: 0.5em;
margin-left: 40%;
}
@media screen and (max-width: 480px) {
.entry-card-title.card-title.e-card-title {
margin-left: 40%;
}
}
/*サイドバーの見出しh3の背景色と文字の色*/
.sidebar h3 {
color: #9d4d1d;/*文字の色*/
background-color: #f7e865;/*文字の色*/
}
追加CSSのコードに、更に追加すると適用されます。
rumi さん
このフォーラムは、回答される方がボランティアで行っているので、無料ですが、通常はこのようなカスタマイズでも、カスタマイズの料金がかかるものです。
なぜかというと、それだけ、rumi さんのために、時間と労力を使うからです。
今は勉強と思っているので自分でできるだけやるつもりです。
自分でできるだけやる、ということは、ご自身でマニュアルページや、検索等で調べてやる、ということかと思います。（他人の労力は無償で使わないということ）
Cocoonは、オプションが豊富なため、マニュアルページから探すのも大変ですが、WordPressのサイトは基本的には、ご自身で運営するもの、と思います。
私のサポートは、この辺りで一旦、終了させていただきます。
フォーラムでも、沢山説明が必要になるような案件は、有償となりますが、プロの方にご依頼ください。
This post was modified 4年前 4回 by リフィトリー
2021年2月27日 16:19
コード一部とコメントの一部が間違っていたので、訂正したものを貼り付けてみます。
/*エントリーカードのタイトルのデザイン*/
.entry-card-title.card-title.e-card-title {
color: #a45526;/*文字の色*/
background-color: #f7e865;/*背景色*/
padding: 0.5em;
}
@media screen and (max-width: 480px) {
.entry-card-title.card-title.e-card-title {
margin-left: 40%;
}
}
/*サイドバーの見出しh3の背景色と文字の色*/
.sidebar h3 {
color: #9d4d1d;/*文字の色*/
background-color: #f7e865;/*背景色*/
}
This post was modified 4年前 4回 by リフィトリー
2021年2月27日 16:44
初心者向けに有用なリンクを集めたトピックもあります。
【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック
WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方
また、書籍での学習もオススメです。
Webで検索すれば、本なんか要らないし、読んだことはない、という方もいらっしゃるので、人によるかとは思いますが、要点を上手くまとめている本もあります。
通販サイトで評価の高いものを買ってみるのもいいのですが、少し大きめの書店をのぞいて自分に合いそうな感じの本を物色する方が確実です。
わいひら reacted
2021年2月27日 17:45
rumi さん
もう少し書くとすれば、Cocoonには数多くのオプションがあり、Cocoon設定で設定が可能ですが、Cocoon設定の どのタブの どこを どうしたら、どこが変わる、ということは、ご自身でも試せるかと思います。
Cocoon設定のタブの数も多いので、どのタブでどのような設定をしたのかを忘れてしまうので、どこかに控えておくと良いかもしれません。（Excel等にまとめておく手もあります。）
そうすれば、どこの設定を元に戻せばよいのかが、時間が経っても控えを読み返せばわかるかもしれません。
また、Cocoonには、沢山のスキンがあります。
CSSによるカスタマイズが難しい場合には、スキンの中から気に入ったものを選択するという方法もあるかと思います。
This post was modified 4年前 2回 by リフィトリー
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。