サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2019年11月12日 01:44
いつもコクーン様にお世話になっております。わからないところがあり質問をさせていただきたいです。
現在ホームページっぽく作ってみようと練習しており、トップページに固定ページを５つ用意している状態です。各ページに投稿者、投稿日、タイトルなど出てくるため、【追加CSS】に以下のhtmlをいれてます。（ https://wakuwaku-keigo.com/cocoon-top-page/ ）を参考にさせていただきました。
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}
トップページの投稿日、投稿者は非表示となりましたが、その他の固定ページは投稿者、投稿日は表示されたままとなっています。
どうしたら非表示にできるのか教えていただけると幸いです。
サイトURLは https://wataboushi-cafe.com/ です。
よろしくお願いいたします。
2019年11月12日 05:59
現在ホームページっぽく作ってみようと練習しており、トップページに固定ページを５つ用意している状態です。
トップページは1つだと思います。
あとトップページで固定ページのときの表示だけstyleを指定。って事であれば、例えばhogehogeというHTMLタグを囲む領域だけ装飾する指定方法が以下です
.home.page .hogehoge
全固定ページの装飾を指定したい場合は
.page .hogehoge
固定ページのHTMLで指定しているhogehoge領域を装飾する。
などなどイロイロあります。
- 初心者さんに対して、ざっくりの説明で分かりにくかった場合。
5個以外の固定ページが云々…などなどあれば、
- どこに固定ページを5つ用意してるか、
該当URLで置いていただけたら。
この投稿は5年前ずつかうたっくに変更されました
わいひら reacted
トピックスターター 2019年11月14日 13:16
かうたっく様、教えて頂いてありがとうございます。
トップページに固定ページ５つとは、トップページにあるグローバルナビメニューの事を言ったつもりでした。わかりにくく大変失礼しました。
以下、固定ページのURLになります。
https://wataboushi-cafe.com/menu/
https://wataboushi-cafe.com/store-information/
https://wataboushi-cafe.com/access/
https://wataboushi-cafe.com/omiyagewataboushi-menu/
また、教えて頂きました
.home.page .hogehogeを貼り付ける場所すら分からない状態です。
知識が浅く大変申し訳ないのですが、どこに貼り付ければ良いのかも教えていただけましたら幸いです。
お時間が許す時にでも構いませんので宜しくお願い致します。
2019年11月14日 17:40
なるほど。
すべての固定ページで非表示にしたい。って事であれば、
.home.page .hogehoge
このようにstyle.cssに上記のようなstyle指定をしない。って感じです。
.page .hogehoge {/*ここにstyleを書く*/}
どれが正解かが明確ではないですが以下を試していただけますか。
ただきました。
/*固定ページのタイトルを非表示*/
.page .entry-title{
display: none;
}
/*固定ページのシェアボタンを非表示*/
.page .sns-share{
display: none;
}
/*固定ページのフォローボタンを非表示*/
.page .sns-follow{
display: none;
}
/*固定ページの投稿日を非表示*/
.page .post-date{
display: none;
}
/*固定ページの更新日を非表示*/
.page .post-update{
display: none;
}
/*固定ページの投稿者名を非表示*/
.page .author-info{
display: none;
}
子テーマのstyle.cssに書いてある冒頭CSSを消して、上のコードをいれてください。
外観・テーマエディター、Cocoon Child: スタイルシート (style.css)に追記して保存してご確認ください。
わいひら reacted
トピックスターター 2019年11月14日 17:50
かうたっく様
ありがとうございます。試してみます。
トピックスターター 2019年11月14日 21:29
かうたっく様
とりあえず解決しました！感動です！ありがとうございます！！
やったことです。
style.cssの冒頭の一行を削除し、冒頭から上記のhtmlをペーストしました。
その後確認、各画面を確認したところ、全て非表示となっていました。
教えていただいた以下の項目全て非表示にしたかったので、そのままstyle.cssの冒頭に入れました。
/*固定ページのタイトルを非表示*/
.page .entry-title{
display: none;
}
/*固定ページのシェアボタンを非表示*/
.page .sns-share{
display: none;
}
/*固定ページのフォローボタンを非表示*/
.page .sns-follow{
display: none;
}
/*固定ページの投稿日を非表示*/
.page .post-date{
display: none;
}
/*固定ページの更新日を非表示*/
.page .post-update{
display: none;
}
/*固定ページの投稿者名を非表示*/
.page .author-info{
display: none;
}
ちなみにですが、
.home.page .hogehoge
はどこにも入れなくてよかったんですかね？
理解力に乏しくて申し訳ございません。
2019年11月14日 21:38
やりたいことと、あっていたようで良かったです。
ちなみにですが、
.home.page.hogehogeはどこにも入れなくてよかったんですかね？
それはCSSのセレクタ。と言われる
/*固定ページのタイトルを非表示*/
.page .entry-title{
display: none;
}
.page .entry-titleの部分を指定する部分のただの例です。なので、入れないほうがいいです。
.page .entry-title{ display: none; }.page .sns-share{display: none;}
赤字の部分を例として挙げただけです。
.page .hogehoge
説明しだすと長くなりますし
ホンノリHTMLとCSSを知ってからでも良いと思います。全くっ興味がなければ、特に知らなくても別に良いとも思います＾＾
とりあえず、よかった ? って事で
お疲れさまでした。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。