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

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

NO IMAGEを消し、なおかつ画像が...
 
共有:
通知
すべてクリア

NO IMAGEを消し、なおかつ画像がある投稿はサムネイルを表示する方法

8 投稿
2 ユーザー
4 Reactions
3,024 表示
 apl
(@apl)
New Member Registered
結合: 4年前
投稿: 4
トピックスターター  

こんにちは。

投稿一覧で、

NO IMAGEを消し、なおかつ画像がある投稿はサムネイルを表示する方法はありますでしょうか?

「CoCoon設定」-「画像」タブにて、
「アイキャッチの表示」のチェックを入れています。

NO IMAGEの印象が悪いので消したいのと、大半にアイキャッチが入っていないので、画像を差し替えると、見栄えがワンパターンになるのが理由です。

 

よろしくお願いします


   
引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、api さん

私は、PHPやJavaScriptには疎いのですが、以下のページの記事を見様見真似で、やってみたら、消せることは消せるのかなと思えてきました。

 

ただ、消しただけですと、画像の部分が空白になってしまうので、その辺は、どうしたものかと・・

 

なにしろ見様見真似なので、間違っているかもしれません。(参考程度?もしくは参考にもならない?)

 

なお、プログラミングでのカスタマイズは、このフォーラムでは、おそらくですが、サポート外になると思います。

 

【jQuery】親要素にCSSを適用させるこんな方法

 

$(function() {
$('.entry-card-thumb-image.no-image.list-no-image').parent('.entry-card-thumb.card-thumb.e-card-thumb').css({display:'none'});
});

   
apl and わいひら reacted
返信引用
 apl
(@apl)
New Member Registered
結合: 4年前
投稿: 4
トピックスターター  

詳しくありがとうございます。こういう感じになるんですね。

ちょっと調べてみます。


   
返信引用
 apl
(@apl)
New Member Registered
結合: 4年前
投稿: 4
トピックスターター  

@leafytree

拝見したのですが、なかなか見つけられません。

よかったら、ページのどの当たりに該当箇所があるか教えていただけないでしょうか?


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@apl さん

「【jQuery】親要素にCSSを適用させるこんな方法」の記事の「1. メソッド.parentで親要素にCSSを適用」の以下の箇所になります。

$(function() {
$('img.c-img-2').parent('p').css({background:'lightgray','max-width':'600px',margin:'0 auto',padding:'10px'});
});

   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@apl さん

私も詳しくありませんので、ご自身で、いろいろとググって、みてください。

手軽に利用できる!jQueryで親要素を取得する方法【初心者向け】


   
わいひら reacted
返信引用
 apl
(@apl)
New Member Registered
結合: 4年前
投稿: 4
トピックスターター  

素人で、PHP、CSSだったらまだ分かるのですが、

jQueryの文法をある程度理解していないと応用するのは難しいようですね。。。

jQueryはほぼ全く分からないので自分には難しそうです。

とはいえ、方法があることを教えていただきまして、ありがとうございます。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@apl さん

先ほど貼り付けたサイトの動画を見てみたら、わりと分かりやすかったです。

私も勉強になったりしてます。 ? 

 

あっ、PHPを理解されていらっしゃるのでしたら、PHPでやった方が早いのかもしれません。(私は、わからず ? )


   
返信引用
共有:

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

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

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

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

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

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

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

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