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

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

ナビカードのサムネイルサイズを変更した...
 
共有:
通知
すべてクリア

ナビカードのサムネイルサイズを変更したい

11 投稿
2 ユーザー
4 Reactions
954 表示
(@development1987)
Active Member Registered
結合: 2年前
投稿: 11
トピックスターター  

https://wp-cocoon.com/thumbnail-size-custom/

↑こちらにてウィジェットのサムネイルサイズは変更できたのですが、ナビカードのサムネイルサイズが載っておらず

get_widget_entries_thumbnail_size

ではウィジェット内ナビカードの出力サイズが変更できません。

ナビカードの変更方法をお教えいただけますでしょうか?

----------------------------------------------
サイト名:dorama9【キャスト/あらすじ/視聴率/ネタバレ】
サイトURL: https://dorama9.com
ホームURL: https://dorama9.com
コンテンツ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
WordPressバージョン:6.1.1
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.5.7
カテゴリー数:526
タグ数:887
ユーザー数:20
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:19785バイト
functions.phpサイズ:7796バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2020/08/cropped-dorama9-logo.png
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
----------------------------------------------
利用中のプラグイン:
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 5.0.2
Classic Editor 1.6.2
EWWW Image Optimizer 6.9.3
Flying Fonts 1.0.2
Flying Scripts 1.2.3
Force Regenerate Thumbnails 2.1.1
IndexNow 1.0.1
NextScripts: Social Networks Auto-Poster 4.4.2
PuSHPress 0.1.10
Redirection 5.3.9
Search Regex 3.0.6
WP Fastest Cache 1.1.1
WP Fastest Cache Premium 1.6.8
WP Multibyte Patch 2.9
XML Sitemap & Google News 5.3.3
Youtube SpeedLoad 0.6.3
----------------------------------------------


   
引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2995
 

投稿者:: @development1987

ウィジェット内ナビカードの出力サイズが変更


マニュアル記載の通り、この機能は無いかと思います。

https://github.com/xserver-inc/cocoon/blob/939d8008aee66020ec1b12219c66d6e14096394e/lib/html-forms.php#L1550-L1580


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

@chu-ya 

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

機能がないとの事ですが、functionで変更するとしたらこの部分のパスは何になりますでしょうか?

またその変更するとその他の画像のサムネイルサイズまで変わってしまう、というような事でしょうか?

 


   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2995
 

@development1987 さん

そもそもフックが無いように思えます。
間違ってたらすみません。
すみません、そこまで詳しくないので、要望に対しての対策を答えられません。


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

@development1987 さん

●確認事項
現状、以下であっていますか?
[Cocoon設定]→[画像]→サムネイル画像「5:7(1:1.414)」
これをウィジェットのみ「1:3」比率(120×92px幅)に変えたい。

[C]人気記事は期待通り。
[C]ナビカードを期待の比率にしたい。現在、サムネイルの横幅が縮み、期待の表示とならない。

●仮対策
ナビカードのサムネイルは320×226px(1:1.414)画像のままとなっている。
子テーマCSSに★を追加すれば、画像をトリミングし120×92pxに合わせます。

.card-thumb img {
  min-height: 92px;
  object-fit: cover;★
}

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

@chu-ya 

返信が遅くなり申し訳ございません。

情況としては仰られている通りなのですが、出力される画像のアスペクト比を1:1.41→1:1.3の物に変更したいと考えています。

それが難しいようであれば表示する画像サイズ自体を変更するしかないのでしょうか?


   
返信引用
(@development1987)
Active Member Registered
結合: 2年前
投稿: 11
トピックスターター  

@chu-ya 

頂いた仮対策を見て

min-height: 92px;

このせいでアスペクト比が崩れているのを見つけましたので↑のアスペクト比の話は無かったことでお願い致します。

そもそもが「組み込みサイズが物によっては1200pxなど出力される画像が大きすぎるので320pxの小さいものに差し替えたい」なのです。


   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2995
 

投稿者:: @development1987

組み込みサイズが物によっては1200pxなど出力される画像が大きすぎるので320pxの小さいものに差し替えたい

どこを指しますか?
ナビカードのサムネイルは320×226pxかと思います。

 
●要望
先にも書きましたが、ナビナードのサムネイルをオリジナルサイズに変えたいは、要望となり。
>わいひらさん
ご検討願います。

   
返信引用
(@development1987)
Active Member Registered
結合: 2年前
投稿: 11
トピックスターター  

@chu-ya 

ナビカードのこの辺りは大きいサイズで出ています。


   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2995

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

@chu-ya 

ありがとうございます。

srcsetについては何となくは理解しているのですが、確認出来て良かったです。

srcの画像が320pxなのに組み込みサイズが1200pxというのが引っかかっておりまして、ファイルサイズも1200pxで読み込んでいるのかなと思われる物になっています。

全てではないのがまた良く分からないのですが…


   
返信引用
共有:

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

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

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

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

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

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

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

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