サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年6月28日 20:51
こんにちは
サイドバーにデフォルトの新着記事のウイジェットを設置していますが、日付（投稿日）
が表示されません。
（表示はこのホームページのサイドバーの新着記事と同じ表示になります）
可能であれば、１つの記事の右下に2018.06.28か2018/06/28という表記で
投稿日を表示させたいのですが、このような設定はありますか？
もし、なければCSSで追加することは可能でしょうか？
よろしくお願いいたします。
ホームページはこちらです。
2018年6月29日 04:35
HTMLを確認しましたが、CSSでの追加はキビシイです。投稿日を表示させるPHPファイルが読み込まれてないからです。
あと新着記事にはそのような機能・設定はなかったかと思われます。
実装するのであれば、PHPテンプレートファイルに更新日を表示しているファイルに装飾する為にタグをつけて追記すれば可能っぽいです。
2018年6月29日 19:33
新着・人気記事ウィジェットに対しては、日付表記を追加しました。
https://github.com/yhira/cocoon/archive/master.zip
ただし、デフォルトの場合CSSで非表示になっています。
display: block;等して利用する必要があります。プラスCSSでスタイリングも場合によっては必要かもしれません。ただあるだけなので。
2018年6月29日 19:35
当サイトにも既に適用したので、新着記事ウィジェットあたりをデベロッパーツールなどで見てもらえるとわかるかと思います。
Topic starter
2018年6月29日 21:13
かうたっく樣 わいひら樣
ご返信ありがとうございます。
なんか1回目の返信がうまくいかなかったみたいなので、もう1回送ります。
かうたっく樣
私が思っていた以上に難しいことなんですね。
新着記事を表示できるプラグインをいろいろ入れてみましたが、なかなか好みのもの
に巡りあえておりません。
CSSの知識があれば、Recent Posts Widget Extendedを多少カスタマイズして
使いたいのですが。。
またまたありがとうございました。
わいひら樣
そろそろ正式版の公開かなって思っております。
正式版にアップデートしたら、探しまくりたいと思います。
お二人とも今回も質問に答えていただき、ありがとうございました。
2018年6月29日 23:33
新着記事を表示できるプラグインをいろいろ入れてみましたが、なかなか好みのもの
に巡りあえておりません。
わいひらさんが言ってますよ。
新着・人気記事ウィジェットに対しては、日付表記を追加しました。
https://github.com/yhira/cocoon/archive/master.zip
ただし、デフォルトの場合CSSで非表示になっています。
リンクをクリックしてPC内に導入。解凍後FTPソフトでcocoon-masterフォルダを上書きしたらOKです。パスは以下
/ms-counseling.net/public_html/wp-content/themesフォルダ内
CSS
.widget_new_entries .display-none {
display: block;
padding-top: 0.2em;
text-align: right;
}
上余白0.2文字分。右揃えに装飾してます。
Topic starter
2018年6月30日 10:39
かうたっく樣
お返事が遅れまして申し訳ありません。
テーマを0.7.5にアップデートしました。
書いていただいたCSSを外観→カスタマイズ→追加CSSにコピペしたのですが
日付が表示されません。
なんかやり方を間違ってますか？----------------------------------------------
サイト名：M's Counseling
サイトURL： https://ms-counseling.net
ホームURL： https://ms-counseling.net
コンテンツURL： https://ms-counseling.net/wp-content
インクルードURL： https://ms-counseling.net/wp-includes/
テンプレートURL： https://ms-counseling.net/wp-content/themes/cocoon-master
スタイルシートURL： https://ms-counseling.net/wp-content/themes/cocoon-child-master
Wordpressバージョン：4.9.6
PHPバージョン：7.0.30
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：0.7.5
カテゴリ数：10
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
利用中のプラグイン：
BackWPup 3.6.0
Contact Form 7 5.0.2
Google Analytics 2.1.4
Multi Device Switcher 1.6.0
PS Auto Sitemap 1.1.9
Regenerate Thumbnails 3.0.2
Simple Image Sizes 3.2.0
Theme Test Drive 2.9.1
TinyMCE Advanced 4.7.11
WP Statistics 12.3.6.3
----------------------------------------------
2018年6月30日 15:12
日付が表示されません。
たしかにVersion: 0.7.5になってますね。だけど日付のタグがありません＾＾；
私はまだバージョンアップをしてませんが、タグがないので表示されないんだと思います。
ちなみにキャッシュ系・スピードアップ系のプラグインは使ってませんよね？？
あとは『サーバーパネル』にあるエックスサーバーの『mod_pagespeed設定』などはどうですか？『off』にすればHTMLタグが表示され、CSSが反映するかもしれません。
2018年6月30日 15:41
今ローカルを0.7.5にしました。返信しかみてませんでしたが、以下の通りです。
わいひらさんが言ってますよ。
新着・人気記事ウィジェットに対しては、日付表記を追加しました。
https://github.com/yhira/cocoon/archive/master.zip
ただし、デフォルトの場合CSSで非表示になっています。
- 上記リンクをクリック・解凍・アップロード。
- 『新着・人気記事』ウィジェットを有効に
（サーバーのキャッシュ機能が反映を邪魔してる場合は、停止・サーバーによってはキャッシュクリアに。プラグインのキャッシュは削除。）
それでCSSを書けば有効になる。ってことでした。
Topic starter
2018年6月30日 18:04
かうたっく樣
何度も申し訳けありません。
mod_pagespeed設定はOFFになっていました。
その後、chromeのキャッシュをクリアしてもダメ、Firefoxでもダメ、Macを再起動
してもダメの状態です。
添付のスクリーンショットを見ていただきたいのですが、CSSをコピぺ後、公開を
クリックしたのですが、まだカスタマイズ中のままになっています。
これは正常でしょうか？
後は、正式版にアップデートした後に再度CSSをコピペするぐらいしか思いつきません。
とりあえず、ご報告です。
2018年6月30日 20:08
何度も同じことを繰り返しますが、2点をお伺いします。
- 上記リンクをクリック・解凍・アップロード。
リンクをクリックして、アップロードされましたか？
- 『新着・人気記事』ウィジェットを有効に
上記のウィジェットをご利用になってますか？
これが有効になって初めてCSSが反映されます。
なぜかと言えばHTMLタグと言うものに更新日の項目が出力されてないと、CSSで指定しても反映されないからです。
そのHTMLタグが出力された状態のテーマが以下です。
https://github.com/yhira/cocoon/archive/master.zip
現状の最新版には更新日が入ったHTMLタグが出力されてません。今回のスレッドでわいひらさんが追加してくれたものが上記リンクにあります。
実際ダウンロードしてアップロードされ、キチンとその更新日が出力された状態だと確認いただけたら、正式版として一般に公開される感じの流れです。
なので上記2点を確認させていただいてます。
添付のスクリーンショットを見ていただきたいのですが、CSSをコピぺ後、公開を
クリックしたのですが、まだカスタマイズ中のままになっています。
これは正常でしょうか？
別の方法として案内させていただきますね。
子テーマにあるstyle.cssに追記すればOKです。
外観 カスタマイズ Cocoon Child: スタイルシート (style.css)
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
この下に
.widget_new_entries .display-none {
display: block;
padding-top: 0.2em;
text-align: right;
}
こんな感じで追記すればOKです。
わいひら reacted
2018年6月30日 23:22
とりあえず、先程v0.7.6の自動アップデートを有効にしたので、自動アップデート機能でアップしたあと確認してみてもらってよいでしょうか。
Topic starter
2018年7月1日 08:32
かうたっく様 わいひら様
0.7.5から0.7.6にアップデートし日付が表示されるようになりました！
何度もアドバイスをいただきありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。