サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年3月6日 13:39
Cocoonの機能であるあショートコードで新着記事を出す機能を使って、カテゴリー指定して記事一覧出してるのですが日付を表示させたいです。
どのようにすればいいのか調べたのですが、上手くいかずダメだったので教えて下さると助かります。
よろしくお願いします。
2021年3月6日 14:46
としさん
リフィトリーさんと被りますが…。
このCocoonのサイトには簡単なカスタマイズの方法も掲載されています。
今回は以下が参考になるのではないかと思います。
新着・人気・関連記事ウィジェット(ショートコード)で投稿日や更新日を表示させる方法
https://wp-cocoon.com/widget-entry-card-date-css/
トピックスターター 2021年3月6日 14:48
お二人方ありがとうございます。
今出先なので戻り次第、試してみます。
2021年3月6日 15:04
とし さん
子テーマのCSSファイルの225行目に余分な文字が まだ混入しているようです。
テーマエディター上では、目に見えないので、気づかないのだと思われます。
このような文字が混入していると、CSSのコードが反映されなかったりする場合があります、
以前フォーラムでも、エディター上でCSSのデザインがが反映されない、とか、CSSが反映されないといったお問い合わせの原因になっていたことが多々あります。
CSSファイルを編集するときは、テキストエディット等は使用せず、文字コードをUTF-8(BOMなし)でプレーンテキストを扱うことができる適切なテキストエディターを使用することをオススメします。
h2.top3 { margin-top: 0; } @media screen and (max-width:480px) { Â h2.top3 {/*この行の最初の文字は不要な文字です!*/ margin-top: 1em; } } .midashi{ /*線の種類(実線) 太さ 色*/ border-bottom: solid 3px black; } .article h2 { /*線の種類(実線) 太さ 色*/ border-bottom: solid 3px black; } .thumb { width: 100px; height: 100px; border-radius: 100%; overflow: hidden; margin-left: auto; margin-right: auto; } img { height: 100%; width: auto; vertical-align: middle; }
わいひら reacted
トピックスターター 2021年3月7日 00:00
@leafytreeさん
ご指摘ありがとうございますm(*_ _)m
先日テラパットの設定を見たら訳の分からん文字に設定されてたので、設定を変更変更しました。
中々てを手が回ってなかった部分があるので、上記のと一緒に1度コピペして確認してみます。
トピックスターター 2021年3月7日 00:04
@leafytreeさん
ご指摘ありがとうございます。
一緒に確認してみます。
テラパットの設定を見たらよく分からない文字に設定されてたので、UTF8に変更しました。
子テーマのCSSをそのままコピペして、余分な文字を消して元に戻せば大丈夫ですか?
トピックスターター 2021年3月7日 00:10
@leafytreeさん
おふたり方のをコピペして両方試したのですが、表示されません。
2021年3月7日 08:49
としさん
テラパットの設定を見たらよく分からない文字に設定されてたので、UTF8に変更しました。
子テーマのCSSをそのままコピペして、余分な文字を消して元に戻せば大丈夫ですか?
現在は、上手く消せているようです。
Terapadの設定は以下のサイト様の記事が参考になりそうです。
無料のテキストエディタ「TeraPad」でUTF-8Nの設定をする手順
mk2さんのご案内のとおりで、表示されるかと思います。
フォーラムにお問い合わせの際は、Cocoonの高速化設定をOFFにしていただけますと、とても助かります。
高速化設定がなされていると、どこでどのようなCSSの指定がなされているのか判別できないことがあります。
次回は、よろしくお願いいたします。
わいひら reacted
トピックスターター 2021年3月7日 10:12
@mk2さん
ありがとうございます。
私もその存在を思い出して、そんな気がしました…
固定ページの日付と更新日(上に表示される)のだけ消したい場合はどうすればいいでしょう。
2021年3月7日 10:52
とし さん
以下では、どうでしょう?
64辺りの
.page .date-tags { display: none; }
を削除。
以下を追記。
.page-id-179 .article-header .date-tags { display: none; }
わいひら reacted
2021年3月7日 10:59
としさん
サイトが完成するまで、ひとつずつ繰り返し質問される方が時々いらっしゃいますが、私はある程度の節度は必要と思います。
HTMLやCSSを学ぶ資料や機会は豊富にあるはずです。
Cocoonのフォーラムはボランティアの方々がか回答くださっていますが、他人の時間や労力を、無償で利用するとこはできるだけ避けたいところです。
以下のトピックには、有用なリンクが沢山掲載されています。
ぜひとも、ご活用ください。
【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック
WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方
また、書籍での学習もオススメです。
Webで検索すれば、本なんか要らないし、読んだことはない、という方もいらっしゃるので、人によるかとは思いますが、要点を上手くまとめている本もあります。
通販サイトで評価の高いものを買ってみるのもいいのですが、少し大きめの書店をのぞいて自分に合いそうな感じの本を物色する方が確実です。
この投稿は4年前ずつリフィトリーに変更されました
わいひら reacted
2021年3月7日 11:04
としさん
また、どうしてもサイト早く完成させたい、という場合は有償になりますが、以下のリンクの方々にご依頼いいただく方法もあります。
Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】
有償であれば、気兼ねなくお願いできるかと思います。
2021年3月7日 13:17
としさん
私がお示しした場所を削除するかコメント化するかしてみましたでしょうか。
それで、固定ページの投稿日・更新日は表示されますでしょうか。
何となく、複雑骨折しているような気がします。
リフィトリーさんが仰っているように、デベロッパーツールでのご確認をお勧めします。
わいひら reacted
2021年3月7日 14:28
としさん
ようやく状況がわかってきました。
mk2さんが以下のコードで非表示になっているのではないかと指摘されたので、
/*フロント固定ページの投稿日を非表示*/ .home.page .post-date{ display: none; } /*フロント固定ページの更新日を非表示*/ .home.page .post-update{ display: none; }
これを消してしまったら、サイト上部の投稿日と更新日が表示されちゃうんじゃないかと思われたのだろうと推測します。
しかし、実際には、この2つを削除してしまっても、サイト上部の投稿日と更新日は表示されないんですよね。
なぜかと言うと、子テーマのCSSファイルの64行目に、以下の指定があるからです。
.page .date-tags { display: none; }
mk2さんが最初にご案内くださった方法で、解決できたはずなのに、としさんは、実際には試していなかった、あるいは、上手く試すことができなかった、ということのようです。
子テーマのCSSファイルの250行目に以下の指定をしているので、
.new-entry-card-date { display: block; }
最初の mk2さんのご案内のとおりに、213行目から220行目にあたる以下の記述をコメントアウトするか、削除すれば、ご希望どおりの表示になるかと思います。
/*フロント固定ページの投稿日を非表示*/ .home.page .post-date{ display: none; } /*フロント固定ページの更新日を非表示*/ .home.page .post-update{ display: none; }
この投稿は4年前 3回ずつリフィトリーに変更されました
わいひら reacted
2021年3月7日 14:31
実際によく試してから、返信を書いた方が良いかもしれません。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。