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 投稿
3 ユーザー
1 Reactions
5,243 表示
(@kudoko)
Active Member Registered
結合: 7年前
投稿: 10
トピックスターター  

わいひらさん、お体の具合は如何でしょうか。
本件は急ぎの相談でもないので、お時間ある時にでもご返信下されば幸いです。

下記の設定時、相対的な縮小でウィジェット新着記事の大きなサムネイルの縦横比を維持したまま表示することは可能でしょうか。

  • アイキャッチの自動設定⇒有効
  • 本文最初の画像⇒横長(例えば横800px×縦258px)
  • ウィジェット新着記事の表示タイプ⇒大きなサムネイル

※別テーマで稼働中のサイトなため、Cocoonに変更してのサイト公開が現状出来ない状態です。文章のみで申し訳ありません。


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

※別テーマで稼働中のサイトなため、Cocoonに変更してのサイト公開が現状出来ない状態です

WP Theme Testなどのプラグインでカスタマイズしている状態なのかな??と推測しただけの状態ですが。

新着記事の大きなサムネイルの縦横比を維持したまま表示することは可能でしょうか。

縦横の比率を維持して、表示されるサイズでCocoonは表示されるようになってたりします。

テーマ変更時に画像の比率が違ってゆがんだように見えることがあるので、その場合テーマ変更後にRegenerate Thumbnailsというプラグインを使うと解消されますよ。

※そもそもの前提(WP Theme Test使用)が違ったらスミマセン。


   
(@kudoko)
Active Member Registered
結合: 7年前
投稿: 10
トピックスターター  

かうたっくさん、お返事ありがとうございます。

WP Theme Testなどのプラグインでカスタマイズしている状態なのかな??と推測しただけの状態ですが。

おっしゃる通りです。
一応確認のため、深夜にメンテナンス状態にして一時的にテーマ変更することもありますが、それを公開することは出来ないので、文章のみでお伝えさせて頂いた次第です。

で、ちょっと私の書き方が悪かったかもしれないので、画像を1枚添付します。
理想の形はオリジナル画像の縦横比を維持したまま、ウィジェットの新着記事の大きなサムネイルを表示したいです。
プラグインを利用すれば出来るのですが、使わずに表示可能ならプラグインを増やすことはあまりしたくないなと思いまして…。
何か良い方法はありますでしょうか。


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

まず試してみていただきたいのですが、親テーマのlib/html-forms.phpのgenerate_new_entries_tag関数の以下の部分を

$thumb_size = ($entry_type == ET_DEFAULT) ? 'thumb120' : 'thumb320';

以下のように変更すると、思い通りの挙動になりますでしょうか?

$thumb_size = ($entry_type == ET_DEFAULT) ? 'thumb120' : 'thumb320_raw';

   
(@kudoko)
Active Member Registered
結合: 7年前
投稿: 10
トピックスターター  

わいひらさん、こんばんは。

以下のように変更すると、思い通りの挙動になりますでしょうか?

なりました!理想の形です!


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

動作確認ありがとうございます。
せっかく動作確認していただいたので、子テーマで手軽にカスタマイズ出来るようにしました。

まずは、以下のファイルでCocoonをアップデートしてください。
https://github.com/yhira/cocoon/archive/master.zip

そして、子テーマのfunctions.phpに以下を貼り付ければ、同様の動作になるかと思います。

function get_new_entries_thumbnail_size($entry_type = ET_DEFAULT){
  $thumb_size = ($entry_type == ET_DEFAULT) ? 'thumb120' : 'thumb320_raw';
  return $thumb_size;
} 

これで、子テーマで最小限のカスタマイズでできるかと思います。


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

ついでに、人気記事用のオーバーライド関数も作成したので、人気記事のカスタマイズ方法も書いておきます。

人気記事で同様のカスタマイズを行うには、子テーマのfunctions.phpに以下のように書くとできると思います。

function get_popular_entries_thumbnail_size($entry_type = ET_DEFAULT){
  $thumb_size = ($entry_type == ET_DEFAULT) ? 'thumb120' : 'thumb320_raw';
  return $thumb_size;
} 

   
(@kudoko)
Active Member Registered
結合: 7年前
投稿: 10
トピックスターター  

わいひらさん、こんばんは。

子テーマでカスタマイズ出来るようにして下さって本当に助かります!
お陰様でサイドバーの新着記事が思い通りの表示(レスポンシブテストでも問題なし)になりました!
人気記事も試してみましたが、こちらも同様の表示がされました。

これで漸く本格的にCocoonへテーマ移行出来そうです。
良質なテーマを無料で提供して下さるだけでなく、相談にも乗って頂き本当にありがとうございました。
今後も天気の急変が起こりやすいそうなので、体調にはお気をつけ下さいね。


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

すいません。
見返してみたら、コードに不備があったので上に書いたコードを修正しておきました。
子テーマのコード双方を貼り替えていただければと思います。

またまずは、もう一度以下のファイルでアップデートする必要があります。
https://github.com/yhira/cocoon/archive/master.zip
その後、コードの貼り替えになります。


   
(@kudoko)
Active Member Registered
結合: 7年前
投稿: 10
トピックスターター  

テーマのアップデートとコードの貼り替えをしました。
新着記事・人気記事、共に問題なく表示されました。
お手数かけてすみません。ありがとうございました!


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

動作確認ありがとうございます。

 うまく動作したようでよかったです。


   
共有:

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

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

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

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

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

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

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

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