SVGのアイキャッチ画像を本文先頭に表示するには

Simplicityの特徴 › フォーラム › Simplicityについての質問 › SVGのアイキャッチ画像を本文先頭に表示するには

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

      ttp://icooon-mono.com/
      こちらのアイコン画像SVGをアイキャッチに指定しています。

      記事一覧や新着記事にはきちんと表示されるのですが、
      「本文先頭にアイキャッチ画像を表示」にしても本文先頭に表示されません。
      (正確に言うと、表示はされるのですが、1✕1となってしまうようです)

      512✕512くらいで表示したいと思うのですが、どうしたらいいのでしょうか?

    • #35557
      Hidekichi
      ゲスト

      > 正確に言うと、表示はされるのですが、1✕1となってしまうようです

      この場合のサイトのhtmlのソースはどうなってますか?

      それからwordpress自体はsvgが扱えるようになっていますか?
      例えば、メディアアップローダーからsvgがアップロードできるかどうかなどです。

      例えば

      [img src=test.svg /]
      ※ []は半角〈〉で読み替えて下さい。src=の後のファイル名はクォートで囲みます

      このような感じで読み込んでいるのであれば、サイズ指定で大きく表示できると思うんです。もう少し言えば、background-image: url(パス)でも、読み込めると思います。
      htmlの状態がどのようになっているかで手法も異なると思うので、そこらがどうなっているかをレス頂ければと思います。

      それから1×1となるのは、lazyloadの関係ですかね?
      もしlazyloadを適用しなければどうなるかも確認してもらえると助かります。

    • #35563
      アバター画像わいひら
      キーマスター

      自動アイキャッチ指定は、画像の大きさがそのまま表示される仕様になっているようです。
      SVG画像は、ベクタ画像なので、サイズとかは関係なく、デフォルトの大きさがそれなんだと思います。
      なので、CSSセレクターの「.eye-catch img」あたりに希望する画像の横幅を設定すれば良いかと思います。
      ただ、大きさを指定すると、他の画像も同様の横幅にはなります。

      もしくは、サイトには画像ファイルもあるので、jpgかPNGでアイキャッチを設定してしまうのが、最も手軽かと思います。

    • #35571
      yokudekiru
      ゲスト

      あくまで、参考程度ですがSVGを他の画像形式に変換するならこんなサイトが有ります。

      http://www.henkan-muryo.com/image-converter.php

      SVGのメリットはいろいろありますが、記事内やアイキャッチ等で使用するなら、jpgかpngがいいかなと思います。

    • #35586
      宝くじ
      ゲスト

      みなさま ありがとうございました
      SVGはすごく綺麗だなと思ったのですが、使いづらい面もあるようで
      今回はpngにしようと思います。ありがとうございました

4件の返信スレッドを表示中
  • トピック「SVGのアイキャッチ画像を本文先頭に表示するには」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)