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カスタマイズ依頼

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

トップページ(固定ページ)の見え方が変...
 
共有:
通知
すべてクリア

[解決済] トップページ(固定ページ)の見え方が変わった件

20 投稿
3 ユーザー
12 Reactions
331 表示
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

不具合・カスタマイズ対象ページのURL: https://www.cinema-factory.jp/

相談内容:昨日から突然、トップページ(固定ページ)の見え方が変わりました。記事が3列表示だったものが、2列になっていました。
本来の見え方は、例えば以下のように、メニューバーをクリックしたページと全く同じ、3列表示の形でした。
https://www.cinema-factory.jp/category/interview/

不具合の発生手順:

解決のために試したこと:プラグインを全部無効化、キャッシュを削除してみましたが、変わりませんでした。
以前の3列表示の見え方にしたいのですが、自力では解決できません。よろしくお願いいたします。

環境情報:
----------------------------------------------
サイト名:CINEMA FACTORY
サイトURL: https://www.cinema-factory.jp
ホームURL: https://www.cinema-factory.jp
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-child-master/skins/skin-template/style.css
WordPressバージョン:6.9
PHPバージョン:8.3.8
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en;q=0.9,it;q=0.8,fr;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.8.9
カテゴリー数:11
タグ数:4389
ユーザー数:3
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:2594 バイト
functions.phpサイズ:1621 バイト
----------------------------------------------
Gutenberg:1
Font Awesome:5
Auto Post Thumbnail:1
Retina:0
ホームイメージ:/wp-content/uploads/2023/03/spring.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-spam: Spam Protection 5.6
APCu Manager 4.3.0
Archives Calendar Widget 1.0.15
Auto Amazon Links 5.4.3
Autoptimize 3.1.14
Bulk Media Register 1.41
Category Order and Taxonomy Terms Order 1.9.3
Contextual Related Posts 4.1.0
Disable Comments 2.6.1
Duplicate Page 4.5.6
Google Language Translator 6.0.20
HTTP Headers 1.19.2
No Right Click Images 4.1
Optimize Database after Deleting Revisions 5.3.0
Protect Uploads 0.5.2
Public Post Preview 3.0.1
PublishPress Future 4.9.3
SiteGuard WP Plugin 1.7.9
Site Kit by Google 1.168.0
TS Webfonts for SAKURA RS 3.1.4
WP Consent API 2.0.0
WP Content Copy Protection & No Right Click 3.6.5
WP Multibyte Patch 2.9.3
WP Popular Posts 7.3.6
WP Super Cache 3.0.3
----------------------------------------------


このトピックは3週間前 2回からWordchildに変更されました

   
引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9429
 

Wordchildさん

以下の方法で、親テーマのバージョンアップをしてみていただけますでしょうか。

Cocoonテーマファイルを手動でアップデートする方法
https://wp-cocoon.com/manual-update-of-cocoon-theme/

「GitHub」のものを適用してください。

上記で、解消するか、ご確認お願いします。

 


次回のお問い合わせからで良いのですけれど。

 

お問い合わせの際は、以下の無効化をお願いします。

投稿者:: @wordchild

Autoptimize 3.1.14

フォーラム上部の案内のリンク先にも記載があります。

テーマの動作不良でフォーラムに書き込む際のお願い
https://wp-cocoon.com/theme-trouble/

 

あと、右クリック防止機能に関しても無効化してください。
こちらの確認に支障があります。
(これがあっても確認自体はできるのですが、やりにくく、ストレスになってしまいます)



   
わいひら reacted
返信引用
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

@mk2_mk2
早速のご返信ありがとうございます。

申し訳ございません、ご指摘のプラグインはすべて無効化しました。

https://github.com/xserver-inc/cocoon
からcocoon-master.zipをダウンロードして、テーマのアップロードを実行するために、zipをインストールしようとすると

辿ったリンクは期限が切れています。」

というメッセージが出て進めません……。


この投稿は3週間前ずつWordchildに変更されました

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9429
 

Wordchildさん

ご自分のサーバーの設定(※)は分かりますでしょうか。

※アップロード可能なファイルサイズの上限

 

現在のCocoonのzipファイルは、約21MBあります。
そのため、これ以上のサイズを許容しないとアップロードできないと思います。
(ギリギリだと危ういですので、最低でも25MBくらいは欲しいところかと)

 

「ツール」-「サイトヘルス」-「情報」-「サーバー」で確認ができます。

 
 
メディアのアップロードの際にも表示はされています。


   
わいひら reacted
返信引用
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

@mk2_mk2 さん、ご教示ありがとうございます。そういうことも知りませんでした。

サーバーで上限を変更し、無事インストールできました。そして、トップページが3列表示に戻りました!
メニューバーから入ったページのように、それぞれの記事の左上にカテゴリーが表示される形式にはならないのですが、ひとまず3列表示になっただけでもありがたく存じます。
感謝いたします。



   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9429
 

Wordchildさん

解消したようで何よりです。

 

投稿者:: @wordchild

それぞれの記事の左上にカテゴリーが表示される形式にはならない

こちらは、以下のことを仰っていますでしょうか。

 
これは、アーカイブページだから表示されるものかと思います。
(添付はカテゴリーアーカイブページ。例えば月別アーカイブページなら、年月が表示される)
 
 
以前から表示されていないのではないかと思うのですけれど。
 
何を使って、現在表示させているかということはありますが。
固定ページであれば、ご自分で編集することも可能かと思います。
(この件は、別のお問い合わせになってしまうような気はします。以前表示されていたのであれば別ですが)
 


   
わいひら reacted
返信引用
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

@mk2_mk2 さん、ありがとうございます。

いえ、それぞれの写真の左肩に青枠で、カテゴリーが表示されていますね。
それが、トップのそれぞれの写真にはついていません。以前にはついていたのです。

全ての記事にはカテゴリーのチェックが入れてあり、トップページ以外ではサムネイル画像の左肩に表示されています。

トップページで3列にはなりましたので嬉しいのですが、見え方自体は、以前はインタビューページの見え方と全く同じでしたので、現在はどうして違っているのだろうという疑問はあります。


この投稿は3週間前 2回ずつWordchildに変更されました

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9429
 

Wordchildさん

すみません、もう眠くて頭が働かないのですが・・・。

新着記事のウィジェットかショートコードをご利用ですか?
(違っていたら、すみません)

そうだとしたら、デフォルトでは表示されないのではないかと思うのですが。
(現状、HTML上には出力されていないように思うのですが・・・眠い・・・)

表示させるためには、以下のようにするのではないかと。

サムネイル上のカテゴリーラベルの表示を切り替えるカスタマイズ方法
https://wp-cocoon.com/category-label-hooks/

 

私はそれよりも、以下が気になります。



   
わいひら reacted
返信引用
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

@mk2_mk2 さん、深夜まですみませんでした!

私もあれから眠ってしまいました。これから仕事ですので、夜にまた返答させていただきます!

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



   
返信引用
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

@mk2_mk2 さん、

今やってみましたが、できました!重ね重ねありがとうございます。本当に助けていただきました。

知らないことがたくさんあり、勉強させていただき、心から感謝いたします。

mk2_mk2 さんが気になるとおっしゃる部分は、管理画面から見えているものですが、時計マークが2個出ているからでしょうか?

今度アクセスできるのは夜ですので、どうぞお時間のある時にでもご返信いただけましたら幸いです。

ありがとうございます。



   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9429
 

Wordchildさん

スマホからなもので、調べることはできないのですけれど。

投稿者:: @wordchild

時計マークが2個出ているからでしょうか?

はい、そうです。

ご自分で追加なさっているはずです。

以前は、それで良かったのだと思います。

ただ、Cocoon 2.8.5からだったと思いますが、テーマが出力するようになりました。

つまり現状は、ご自分のCSS+親テーマ どちらも出力して二重になっている状況かと思います。

以下は子テーマの記載です。

 
Cocoon公式だと、以下のような感じです。
 
 
意図して二重になさっているということでしたら、こちらから言うのも変なのですけれど。


   
わいひら reacted
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4012
 

いえ、それぞれの写真の左肩に青枠で、カテゴリーが表示されていますね。
それが、トップのそれぞれの写真にはついていません。以前にはついていたのです。

勘違いされているように思いますが、今回の挙動は固定ページにしていること自体が原因ではないでしょうか。
前述の通り「新着記事」ブロックは、カテゴリーラベルは表示です。


フロントページを見る限り、わざわざ固定ページ(ID:5393)として作成する必要があるのでしょうか。
固定ページに「新着記事」ブロックと「ページ区切り」ブロックを並べているように見受けられます。

単なる新着記事一覧であれば、固定ページにする必要はないと思います。
以下の設定で十分対応可能です。

  • [Cocoon設定]→[インデックス]→ フロントページ「一覧」
  • [設定]→[表示設定]→ホームページの表示「最新の投稿」

また、一覧の上にヘッダーのような画像(photo2-1-300x165.jpg)を表示したい場合は、固定ページで対応するよりも、アピールエリアを活用するほうが賢明でしょう。



   
わいひら reacted
返信引用
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

@mk2_mk2 さん、

ありがとうございます。いえ、意図してわけではありません。もともとこのサイトはベースを作ってくださった方がいて(もう連絡は取れません)、私はあくまでサイトの編集者・ライターで、残念ながら構造を深く理解しているわけでなく、不具合が出るたびに調べたり、今回のようにお尋ねすることでかろうじて解決(?)してきました。

この件もご教示いただきましたように見直してみたいと思います。



   
返信引用
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

@chu-ya さん、ご教示ありがとうございます。

固定ページではなく、新着ページでやってみたこともあるのですが、どうもピンとこなかったのです。ですが、再度考えてみたいと思います。数日前までは全く問題ない状況だったものですから、特に変更を考慮することもなかったのですが、なにぶん、知識が浅く、更新で精いっぱいなところもありますので、下手に触って大きく崩れるのが怖く、もう少し時間が取れるようになりましたら、見直してみたいと思っております。

ひとまずは、教示いただきまして感謝いたします。



   
返信引用
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

@mk2_mk2 さん、

時計が2重に関する質問に@chu-ya さんが答えられていたのを読み、

.popular-entry-card-post-date .fa-clock,
.popular-entry-card-update-dat .fa-history,

.new-entry-card-post-date .fa-clock,
.new-entry-card-update-date .fa-history {
display: none;
}

というのをcssに加えてみましたら、時計が1個だけになりました!自分では全く気づいていませんでしたので、ご指摘いただきありがとうございます!

@chu-ya さんもありがとうございました。

分からないことがたくさんありすぎます💦



   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9429
 

Wordchildさん

すみません、スマホからなもので、調べることができません。

ただ、おそらく以下のような、妙なことになっているのではないかと、疑っています。

  • テーマが出力しているものを非表示
  • ご自分で追加したものを表示

上記のようにするなら、最初からテーマのものを表示しておくだけで良くて。

ご自分でCSSを追加してアイコンを表示する必要はないと思います。

 

日付とアイコンの間が、妙に空いていますので、そんな感じなのかなと。

 
あとでPCを使用できる状況になれば、確認してみます。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9429
 

Wordchildさん

とりあえず、説明を書いてみます。

 


まず、テーマデフォルトの状態は以下です。

 
 
これに対して、Wordchildさんは、アイコンを非表示になさっています。
 
 

そして、独自にアイコンを追加して、以下のような状態になさっています。
 
 
なぜ、デフォルトで表示されているものを。
1回消して、そして独自に追加する必要があるのか・・・。
とても、疑問に思います。
(しかも同じアイコンを追加している)
 
 
 
更に言えば。
 
おそらく「新着記事」ブロックをご利用かと思うのですが。
(そうでない可能性もありますが)
 
以下の部分のスイッチをONにすれば、日付とアイコンは表示されるはずです。
 
しかしながら、Wordchildさんは、これを「OFF」になさっていませんでしょうか?
そして、わざわざCSSで、再表示させているように見えます。
 
スイッチを「ON」にするだけで済むところを。
わざわざ「OFF」にして、CSSで再表示させる
 
 
一見、正しく表示されているように見えて。
しなくても良いことをなさっているような気がします。
 
何もしなくても表示されるのに。
一回消しておいてから表示したり。
エディタでスイッチをONにするだけのものを、CSSで表示させたり。
 
なんだか、複雑骨折している印象です。
 
上記に書いた項番を、子テーマのスタイルシートと紐づけてみました。
 
 
普通にエディタ操作だけで済むのですよね。
CSSを追加する必要はないように思います。
(②③AのCSSは、そもそも書く必要はない)
 
③については、人気記事も対象になさっていて。
その意図は何なのかなとも思いますけれど。
(私は今回の新着記事部分しか見ていませんので)


   
わいひら reacted
返信引用
(@wordchild)
Active Member Registered
結合: 3週間前
投稿: 10
トピックスターター  

@mk2_mk2 さん、ありがとうございます。そうなのですね💦

本当に何も分からない状態で応急手当をした感じです。複雑骨折させてだけのようですが、これまでほぼ自分で設定しておりませんでしたので、分からないことだらけで、とても勉強になります。

今とても取り込んでおりますため、対処できませんが、ちょっと時間が出来たときに教えていただいたことを実行してみます。その時には再度ご報告させていただきます。

問題を洗い出してくださってとてもありがたく、参考にさせていただきます。本当にありがとうございます。



   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9429
 

Wordchildさん

誤記がありましたので、訂正です。

投稿者:: @mk2_mk2

③については、人気記事も対象になさっていて。

上記の部分は、③ではないですね。

「②については、人気記事も~」が正しいです。


とりあえず。

念のため、事前に、子テーマのスタイルシート(style.css)は、バックアップをとっていただいて。

該当箇所を削除。

編集画面で日付の表示をオン。

 

上記のようなことを試してみてください。

 



   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9429
 

Wordchildさん

土曜は時間がとれないかもしれませんので、先に書いておきます。

現状、整理されてきたようには思います。

ただ。

投稿者:: @mk2_mk2

上記に書いた「A」の部分がまだ残っています。

 

現状の子テーマのスタイルシートは以下。

 
 
もしかして。
ブロックではなく、ショートコードをご利用なのでしょうか。(良ーく見ると、そんな感じに見えました)
(そうであれば、そう言っていただけますと助かります。こちらも勘違い等してしまいますし、割と早い段階でブロックかなという感じで書いていましたので)
 
もし、ショートコードをご利用であれば。
「date」オプションでコントロールできます。
以下、マニュアルページです。
 
新着記事一覧を表示するショートコードの利用方法
https://wp-cocoon.com/new_list/
 
 
大抵のブロック・ショートコードは、マニュアルページがあると思います。
検索していただければ、見つかると思いますよ。
 
もし、マニュアルページがない、マニュアルページに記載がない場合は。
その旨、フォーラムに書いていただければと。


   
わいひら reacted
返信引用
共有:

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

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

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

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

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

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

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

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