サポート » テーマ » Pinboardでのアイキャッチ画像を左に小さく表示したい

  • テーマ Pinboardでのアイキャッチ画像は、初期ではコメント一覧のタイトルとコメントの
    上に横一杯の大きな画像で表示されます。

    タイトルとコメントの左に小さな画像で表示させたいのですが、Pinboardでの同様
    のやり方をネット検索で探せなかった為、他のテーマを参考に下記のように
    content.phpに追加したのですが、何も変化がありません。

    <?php add_theme_support(‘pinboard_post-thumbnail’); ?>
    <?php set_post_thumbnail_size(300, 225, true); ?>

    関係のないことかもしれませんが、現在コメント一覧で大きな画像で表示された際に
    PCやiPad閲覧で、比率があっていないようで、画像がぼやけた感じになっています。
    スマホ閲覧では綺麗です。
    クリック後の記事本文と言ったらよいのでしょうか。単体のコメント画像は綺麗です。

    上記のcontent.phpに追加する前から、ぼやけた感じになっているのですが、
    CSSも変更する必要があるのでしょうか?

    初心者でタグとかには詳しくないのですが、宜しくお願いします。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • <?php set_post_thumbnail_size(300, 225, true); ?>
    これ、すごく関係しています。
    ここで、サムネイルの画像を切り出しています。

    なので、ぼやけるようであればやり方は2つあります。
    1つ目はCSSでレスポンシブしてあげる→その際もともとぼけているようでしたら
    切り出しサイズを上げてください。

    2つ目はIF文

    <?php if (wp_is_mobile()) :?>
    iPad以下用の読み込み設定
    <?php else: ?>
    通常の読み込み設定
    <?php endif; ?>

    となります。

    iPadを除外したいのであればis_mobileの設定が必要になります。

    http://www.communitycom.jp/2012/06/24/wp_is_mobile/

    <?php set_post_thumbnail_size(300, 225, true); ?>
    このソースは設置した後のものしか適応されないので
    変更した場合には、画像を改めてアップしなおさないと反映されません。
    →アップ時にfunctionに記載の設定の値に切りなおしています!

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「Pinboardでのアイキャッチ画像を左に小さく表示したい」には新たに返信することはできません。