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

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

ブログカードの画像の大きさ
 
共有:
通知
すべてクリア

[解決済] ブログカードの画像の大きさ

17 投稿
3 ユーザー
4 Reactions
7,148 表示
 k
(@k)
Eminent Member
結合: 5年前
投稿: 37
Topic starter  

先ほどお世話になりました。

今回も質問をさせていただきたいです。

ブログカードの画像がはみ出ずにしっかり反映されるためにはどうすればよろしいですか?

お手数ですがよろしくお願いいたします。

 

https://yourplus.work


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

どの記事にブログカードがありますか?

いくつか探したけど、見当たらないのであきらめました^^;

不具合・カスタマイズ対象ページのURLを提示してください

該当部分のキャプチャ環境情報とともに書き込んでいただけると助かります


   
わいひら reacted
 k
(@k)
Eminent Member
結合: 5年前
投稿: 37
Topic starter  

ブログカードではなかったです。すいません。

写真の丸く囲われた画像です。

 


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

画像がはみ出ずにしっかり反映されるためにはどうすればよろしいですか?

どこをどう見たら、どのようにはみ出してると思われましたか?

確認してもはみ出してないので。

https://gyazo.com/60d44ed8c5ebf39578bc4d9c073c5e85


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

僕もはみ出しているというのが、どの部分かちょっとわからないです。
カテゴリータグがおかしいということでしょうか?
よろしければもう少し詳しく説明していただけると助かります。


   
 k
(@k)
Eminent Member
結合: 5年前
投稿: 37
Topic starter  

はみだしているの言い方が間違っていました。

写真が大きすぎるのか、一部分しか写ってないということです。

 


   
 k
(@k)
Eminent Member
結合: 5年前
投稿: 37
Topic starter  

ほんとうは全体をのせたいです


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

ちなみに、そのレイアウトないとダメですか?

大きな画像などで表示させるなどを試してみた事はありますか?

Cocoon設定・インデックスタブにあるカードタイプなど

https://wp-cocoon.com/thumbnail-aspect-ratio/#toc17

この見出しの設定であれば、大きく且つ全部を表示しますけど。表示の確認だけでも一度行ってみてもらえたらと思います。


   
 k
(@k)
Eminent Member
結合: 5年前
投稿: 37
Topic starter  

全体を載せたいですが、インデックスカードの大きさはそのままにしたいです。

こちらは可能でしょうか?


   
 k
(@k)
Eminent Member
結合: 5年前
投稿: 37
Topic starter  

一度確認を行いましたが、理想はcocoonのサイトの右上の新着記事のようなカードの大きさはそのままで写真全体が写っているようにしたいと思っています


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

理想はcocoonのサイトの右上の新着記事のようなカードの大きさはそのままで写真全体が写っているようにしたいと思っています

これはどの部分でしょう。このサイトに、原寸比率が使われていてカードの大きさはそのままという部分ってあります?
場所を明確にするためにもキャプチャをいただけますでしょうか。


   
 k
(@k)
Eminent Member
結合: 5年前
投稿: 37
Topic starter  

こちらです。

この写真のようにアイキャッチ画像が適切な大きさで写っているのが理想です


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

こちらも新着ウィジェットと、画像のアスペクト比は同じだと思うのですが。

「適切なサイズ」と言われても、第三者から見れば、何が適切なのかが分かりません。
ブログを運営しておられるということであれば、できれば第三者にでも伝わるように詳細に説明していただけると助かります。

新着記事とかは、このアスペクト比ではないですし。

理解不足で申しわけないですが、どのようにしたいのかが分からないです。

 


   
 k
(@k)
Eminent Member
結合: 5年前
投稿: 37
Topic starter  

インデックスカードのアイキャッチ画像の範囲内に載せたい画像が全体写っていて欲しいということです。

載せたい写真の大きさを小さくする必要があるのか(もし必要であればサイズをどのくらいにしてからのせるべきなのか)、それとも設定で何かしらの変更をすれば可能なのか伺いたいです。

こちらの説明で伝わりましたでしょうか?

 


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

基本的に画像はトリミングして表示されます。
全ての画像を意図通りに表示させるには、対応した高度なPHPカスタマイズが必要になるかと思います。

なので可能か不可能で答えれば、PHPカスタマイズをすれば可能です。

ただ、サポート対象外のものにもあるように、PHPカスタマイズはサポート外となっているので、どうしてもカスタマイズするのであれば、クラウドソーシング等でプロにご依頼いただければと思います。


   
 k
(@k)
Eminent Member
結合: 5年前
投稿: 37
Topic starter  

かしこまりました。

ご対応いただき、ありがとうございました。


   
わいひら reacted
(@はるたそ)
Eminent Member
結合: 6年前
投稿: 24
 

kさん

失礼ですが、開発者様をはじめ多くの方に対して質問をする準備がとてもではありませんが不足しすぎていると思います。

適切な情報を伝えない/小出しにするのは回答してくださる方に対して最大限協力しているとは言えないですし、そもそも今回の件は少し考えれば分かることと私には思えてしまいます(ここは個人差がありますのであまり強くは言えませんが)。

フォーラムがこれからもみなさんのために運営されていくためにも、今後は質問内容をよく推敲してご投稿いただけませんでしょうか。私が言うのもあれなのですが…。

直接関係のないトピックに突然口を挟んで大変申し訳なく思いますが、今回私が調べ物をしていた際に「ここは関係あるかも」と思って覗いた結果でしたので、どうかご理解いただけますと幸いです。

長文失礼いたしました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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