通常の画像の幅もアイキャッチの画像の様に大きくしたい

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも 通常の画像の幅もアイキャッチの画像の様に大きくしたい

  • このトピックには8件の返信、1人の参加者があり、最後にポムにより8年、 4ヶ月前に更新されました。
8件の返信スレッドを表示中
  • 投稿者
    投稿
    • #59790
      ポム
      ゲスト

      こんにちは。いつもありがとうございます。

      現在、アイキャッチで設定している画像が、記事のトップ画面にも表示されるようになっています。
      記事中にのせている画像も、そのアイキャッチ画像のサイズの様に大きく表示したいのですが、画像をインサートすると小さく表示されてしまいます。(画像のサイズ自体はアイキャッチのものと同じです。)
      そこで、引き伸ばすと画像がものすごく粗くなってしまいます。
      モバイルではきれいに映っているのですが、PCでみるとものすごく粗く見ずらいので、現在は小さく表示しています。
      アイキャッチと同じサイズで綺麗に写すにはどうしたらいいでしょうか?

      また、表示スピードを見ると 現在 モバイルがLOW PCがmedium です。
      この表示スピードも速くしたいのですが、現在画像の使用が遅くなる大きな原因なようです・・・

      調べたところ、下記のプラグインが効果的だとのことで、下記の物はすべて有効化してあります。
      EWWW Image Optimizer
      Optimize Database after Deleting Revisions
      Unveil Lazy Load
      WP Super Cache

      画像を大きく綺麗に表示しつつ、スピードも速くするにはどうしたらいいでしょうか?

      画像はサイトの運営上 極力使う方向で行きたいのですが・・・
      よろしくお願い致しますm(__)m

      https://freeasbluebirds.com/

    • #59792
      かうたっく
      ゲスト

      画像サイズは投稿の画像をクリックした画面上で中サイズになってるみたいです。

      『フルサイズ』などを選択したら、アイキャッチと同じ大きさになりそうに思います。

      https://gyazo.com/9a5cd72b3ae2765d66a11b7f3bcffb2a

    • #59794
      ポム
      ゲスト

      かうたっくさん ご連絡ありがとうございます!

      確認したら確かにそうなっていました。こんな初歩的なところで・・・すみません 汗

      大変参考になりました。ありがとうございました!!

      しかし、
      Compress JPEG & PNG images
      EWWW Image Optimizer
      Optimize Database after Deleting Revisions
      Unveil Lazy Load
      WP Super Cache
      などのプラグインを使っていますが、スピードチェックではいまだにLOWです。

      こういった場合は なにか対策法はありますでしょうか?
      画像を少なくするというのは、サイトの方針的に難しいのですが・・・

    • #59795
      Akira
      ゲスト

      Compress JPEG & PNG images プラグインをお使いであれば、現在以上の画像の圧縮は無理かもしれません。かなり圧縮するプラグインです。

      ただ、画像を圧縮するタイプのプラグインは、今後アップロードする画像に対してしか自動的には圧縮しません。過去にアップロードした画像を圧縮する場合には、手動でしなければならないはずです。

      Compress JPEG & PNG images プラグインの使い方は、「きれいにしっかり画像圧縮。WordPressプラグインCompress JPEG & PNG imagesの設定と使い方」がご参考になるかもしれません。

      また、Compress JPEG & PNG images と EWWW Image Optimizer は、どちらか 1 つで構いません。

      他にやるとすれば、「コピペ一発でSimplicityを結構高速化する方法」で紹介されている方法です。

      ブラウザのキャッシュを効かせることで、サイトスピードが高速化します。エックスサーバーをお使いのようですので、紹介されている方法が使えます。

      .htaccess ファイルをバックアップ(パソコンにダウンロード)しておけば、編集に失敗した時も安心です。

    • #59811
      ポム
      ゲスト

    • #59812
      ポム
      ゲスト

      ?投稿が反映されない・・・?
      昨日の朝から何度か投稿していますが、全く反映されません・・・もう一度投稿します。重複していたらすみません。

    • #59813
      ポム
      ゲスト

      Akiraさん いつもご教授ありがとうございます。

      過去の画像の件に関しては、教えていたた通りにしました。ありがとうございます!
      しかし、スピード判定ではいまだにD,Eのままです。一体なにが問題なのでしょうか・・・。

      .htaccessの件でいくつか質問があるのですが

      ・.htaccessとは Xサーバーパネルにある.htaccess編集というところでいいのでしょうか?
      ・.htaccess編集にはxsv.jp とhttps://freeasbluebirds.com/の二つがあるのですが、後者の方を選べばいいでしょうか?
      ・「コピペ一発でSimplicityを結構高速化する方法」で/wp-simplicity.com/public_html
      この中にある.htaccessファイルを編集します。(無い場合は作成)
      とありますが、htaccess編集ページに /wp-simplicity.com/public_htmlを追記すれば【作成】したことになるのでしょうか?
      ・そして、上記のものを追記した後に、高速化の設定コードを張り付けて保存すればいいのでしょうか?
      ・事前にバックアップしておくといいとのことですが、htaccess編集ページに元から記載してある英数字の羅列をメモ帳かどこかにコピペして保存しておき、もし編集がうまくいかない場合はそのバックアップをペーストして元に戻せばいいということでしょうか?
      ・キャッシュを残しておくということですが、記事を編集した際は、編集後の記事がきちんと表示されるでしょうか?それとも編集前のものが表示されてしまうこともあるのでしょうか?

      初心者なもので、仕組みがいまいち理解できておりません。。質問ばかりで大変申し訳ないですが、教えていただけたら幸いです。宜しくお願い致します。m(__)m

    • #59817
      かうたっく
      ゲスト

      ・.htaccessとは Xサーバーパネルにある.htaccess編集というところでいいのでしょうか?

      はい

      ・.htaccess編集にはxsv.jp とhttps://freeasbluebirds.com/の二つがあるのですが、後者の方を選べばいいでしょうか?

      はい

      ・「コピペ一発でSimplicityを結構高速化する方法」で/wp-simplicity.com/public_html
      この中にある.htaccessファイルを編集します。(無い場合は作成)
      とありますが、htaccess編集ページに /wp-simplicity.com/public_htmlを追記すれば【作成】したことになるのでしょうか?

      いいえ。上述通りです

      ・そして、上記のものを追記した後に、高速化の設定コードを張り付けて保存すればいいのでしょうか?

      どういう事かわかりませんが、記事に書いてある通りする感じです。

      ・事前にバックアップしておくといいとのことですが、htaccess編集ページに元から記載してある英数字の羅列をメモ帳かどこかにコピペして保存しておき、もし編集がうまくいかない場合はそのバックアップをペーストして元に戻せばいいということでしょうか?

      はい

      ・キャッシュを残しておくということですが、記事を編集した際は、編集後の記事がきちんと表示されるでしょうか?それとも編集前のものが表示されてしまうこともあるのでしょうか?

      前者です

    • #59824
      ポム
      ゲスト

      かうたっくさん
      ご連絡ありがとうございます!
      まだ、スピード測定では BとDですが、以前に比べるとかなりよくなりました。
      ご教授頂き、ありがとうございました!

8件の返信スレッドを表示中
  • トピック「通常の画像の幅もアイキャッチの画像の様に大きくしたい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)