Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

サイドバーの新着記事に日付(投稿日)を...
 
共有:
通知
すべてクリア

[解決済] サイドバーの新着記事に日付(投稿日)を表示したい

13 投稿
3 ユーザー
4 Reactions
7,596 表示
(@y-ihara)
Eminent Member Registered
結合: 7年前
投稿: 30
トピックスターター  

こんにちは

サイドバーにデフォルトの新着記事のウイジェットを設置していますが、日付(投稿日)

が表示されません。

(表示はこのホームページのサイドバーの新着記事と同じ表示になります)

可能であれば、1つの記事の右下に2018.06.28か2018/06/28という表記で

投稿日を表示させたいのですが、このような設定はありますか?

もし、なければCSSで追加することは可能でしょうか?

よろしくお願いいたします。

ホームページはこちらです。

https://ms-counseling.net

 


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

HTMLを確認しましたが、CSSでの追加はキビシイです。投稿日を表示させるPHPファイルが読み込まれてないからです。

あと新着記事にはそのような機能・設定はなかったかと思われます。

実装するのであれば、PHPテンプレートファイルに更新日を表示しているファイルに装飾する為にタグをつけて追記すれば可能っぽいです。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

新着・人気記事ウィジェットに対しては、日付表記を追加しました。
https://github.com/yhira/cocoon/archive/master.zip
ただし、デフォルトの場合CSSで非表示になっています。
display: block;等して利用する必要があります。プラスCSSでスタイリングも場合によっては必要かもしれません。ただあるだけなので。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

当サイトにも既に適用したので、新着記事ウィジェットあたりをデベロッパーツールなどで見てもらえるとわかるかと思います。


   
(@y-ihara)
Eminent Member Registered
結合: 7年前
投稿: 30
トピックスターター  

かうたっく樣 わいひら樣

ご返信ありがとうございます。

なんか1回目の返信がうまくいかなかったみたいなので、もう1回送ります。

かうたっく樣

私が思っていた以上に難しいことなんですね。

新着記事を表示できるプラグインをいろいろ入れてみましたが、なかなか好みのもの

に巡りあえておりません。

CSSの知識があれば、Recent Posts Widget Extendedを多少カスタマイズして

使いたいのですが。。

またまたありがとうございました。

わいひら樣

そろそろ正式版の公開かなって思っております。

正式版にアップデートしたら、探しまくりたいと思います。

 

お二人とも今回も質問に答えていただき、ありがとうございました。

 

 


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

新着記事を表示できるプラグインをいろいろ入れてみましたが、なかなか好みのもの

に巡りあえておりません。

わいひらさんが言ってますよ。

新着・人気記事ウィジェットに対しては、日付表記を追加しました。
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文字分。右揃えに装飾してます。

https://gyazo.com/b682cd707a9075311e1156f64c02c73f


   
(@y-ihara)
Eminent Member Registered
結合: 7年前
投稿: 30
トピックスターター  

かうたっく樣

お返事が遅れまして申し訳ありません。

テーマを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
----------------------------------------------

 

 

 

 

 


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

日付が表示されません。

たしかにVersion: 0.7.5になってますね。だけど日付のタグがありません^^;

私はまだバージョンアップをしてませんが、タグがないので表示されないんだと思います。

ちなみにキャッシュ系・スピードアップ系のプラグインは使ってませんよね??

 

あとは『サーバーパネル』にあるエックスサーバーの『mod_pagespeed設定』などはどうですか?『off』にすればHTMLタグが表示され、CSSが反映するかもしれません。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

今ローカルを0.7.5にしました。返信しかみてませんでしたが、以下の通りです。

わいひらさんが言ってますよ。

新着・人気記事ウィジェットに対しては、日付表記を追加しました。
https://github.com/yhira/cocoon/archive/master.zip   
ただし、デフォルトの場合CSSで非表示になっています。

  • 上記リンクをクリック・解凍・アップロード。
  • 『新着・人気記事』ウィジェットを有効に

(サーバーのキャッシュ機能が反映を邪魔してる場合は、停止・サーバーによってはキャッシュクリアに。プラグインのキャッシュは削除。)

それでCSSを書けば有効になる。ってことでした。


   
(@y-ihara)
Eminent Member Registered
結合: 7年前
投稿: 30
トピックスターター  

かうたっく樣

何度も申し訳けありません。

mod_pagespeed設定はOFFになっていました。

その後、chromeのキャッシュをクリアしてもダメ、Firefoxでもダメ、Macを再起動

してもダメの状態です。

添付のスクリーンショットを見ていただきたいのですが、CSSをコピぺ後、公開を

クリックしたのですが、まだカスタマイズ中のままになっています。

これは正常でしょうか?

後は、正式版にアップデートした後に再度CSSをコピペするぐらいしか思いつきません。

とりあえず、ご報告です。

 

 


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

何度も同じことを繰り返しますが、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
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

とりあえず、先程v0.7.6の自動アップデートを有効にしたので、自動アップデート機能でアップしたあと確認してみてもらってよいでしょうか。


   
(@y-ihara)
Eminent Member Registered
結合: 7年前
投稿: 30
トピックスターター  

かうたっく様 わいひら様

0.7.5から0.7.6にアップデートし日付が表示されるようになりました!

何度もアドバイスをいただきありがとうございました。


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました