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

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

自動画像生成につきまして。
 
共有:
通知
すべてクリア

[解決済] 自動画像生成につきまして。

6 投稿
2 ユーザー
2 Reactions
3,953 表示
tomoaki2002
(@tomoaki2002)
Active Member Registered
結合: 7年前
投稿: 17
トピックスターター  

お世話になります。
今回は自動画像生成についてお伺いします。

960×200pxのヘッダー画像をWordPressにア
ップロードし、FTPソフトで確認すると、元
画像の他に8つの画像ファイルがありました。
以下単位はpxです。

90幅(サムネイルのサイズ)
300幅(中サイズ)これらは自分でメディア
設定したサイズです。

768幅:WordPressがスマホ用に作るようです
ね。

それに加えまして、
100幅・120幅・150幅・160幅・320幅
以上5種類が確認されました。
こちらの5種類の画像サイズはどの部分に使
われるのでしょうか?

以下の部分に使われる画像サイズも知りたい
です。
1:ブログのホームをクリックし、その記事一覧に
使われる画像サイズ
2:記事中のブログカードに使用される画像サイズ
3:関連記事やカルーセルなどに使われる画像サイズ

100幅はサムネイル用だと思いますが、Cocoon
は私が設定した90幅の画像を採用しないで、
100幅の画像をサムネイルに使用するのでしょ
うか?

初心者の質問で申し訳ございません・・・


   
Ikumi reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 
  • 100px 管理画面記事リスト一覧のサムネイル
  • 150px ページ送りナビ、Facebookバルーン
  • 120px 新着・人気記事ウィジェット・ページ送りナビ・関連記事ミニカード
  • 160px 関連記事デフォルト・関連記事4列
  • 320px デフォルトサムネイル・関連記事3列

それぞれの画像サイズについては、設定により変わってきます。
それぞれん画像サイズが使われている画像に対して、デベロッパーツールのカーソルを合わせて画像サイズを知ることができるかと思います。


   
Ikumi reacted
tomoaki2002
(@tomoaki2002)
Active Member Registered
結合: 7年前
投稿: 17
トピックスターター  

わいひら樣

毎度ありがとうございます。 ?

私はまだまだCocoonを使いきれていませんので、
ページ送りナビ、Facebookバルーンなどを調べる
ことから調べることから初めてみますね。

例えばなんですけど、「この画像はヘッダー画像
だから一切他のサイズの画像を生成しないように
する。「この画像はオリジナルサイズの他に120幅
、320幅のみを生成する」
のように、使う画像によって任意の画像生成サイズ
を選択することは可能でしょうか?

 デベロッパーツールでこのように画像サイズを測
定できるなんて今まで知りませんでした。
さらに画像付きでご享受いただけるとは感激です。
ありがとうございます。 ? 
こちらの関連と言ってはなんですが、わいひら樣から
返信いただいた説明画像の「画面キャプチャソフト」
「赤枠や赤矢印を作成なさったソフト」はどちらになり
ますでしょうか?


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

例えばなんですけど、「この画像はヘッダー画像
だから一切他のサイズの画像を生成しないように
する。「この画像はオリジナルサイズの他に120幅
、320幅のみを生成する」
のように、使う画像によって任意の画像生成サイズ
を選択することは可能でしょうか?

可能は可能ですけど、僕はよほどの理由がない限り、それをやる意味はないように感じます。
どういった意図でそのようにするかにもよると思いますが。参考までになぜ、そのようにされたいのでしょうか?

一応方法はこちらです。

アイキャッチ画像のサイズを変更したり削除したりする
https://samurai-project.com/articles/2950

使用しているキャプチャソフトはScreenpressoです。
https://nelog.jp/screenpresso


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

いやー日数が空いてしまってどうもすみませんでしたー!
わたくしは現場仕事をしてますので、ずっとネット環境のな
い地方の寮で過ごしてました。
返信遅れてすみませんでした。

どういった意図ということですが、ファイル転送ソフトを使って
WordPressの画像フォルダを開いた時に同じ画像の名前が
ズラッと並んでいるのを見て「なんじゃこりゃ!」とすごく違和感
を感じました。
なので、できるなら必要な画像のみ生成してくれたらと思いまし
た。

WordPress内で画像をアップロードする画面で、ダイアログ
(プルダウンメニュー)のようなものがあって、必要な画像サイズ
のみにチェックを入れられる機能が欲しいですね。
不必要なものはいらないという考えです。
そういう機能を作ってくれとなるとわいひらさんの負担が増える
ので、ファイル転送ソフトで不必要な画像を消していくつもりで
す。
キャプチャソフトのご紹介ありがとうございます。
憧れの人と同じものを使用したいという心理からです。 ? 

 


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

WordPressの画像フォルダを開いた時に同じ画像の名前が
ズラッと並んでいるのを見て「なんじゃこりゃ!」とすごく違和感
を感じました。

WordPressとはそういうものかもしれません。
それを言い出したら、いろいろな部分を開いたら、もっとおかしな部分もあると思うので消す必要があるかもしれませんね。
不必要なものが他にも結構あるので。

サムネイルは、add_image_sizeで追加されているので、remove_image_sizeで不要なサムネイルサイズを削除しておくと良いかもしれません。


   
共有:

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

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

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

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

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

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

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

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