いいね!ボックスサムネイルがCDNだと非表示になる

0
いいねをした人: 居ません
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #2593
    tmisawa
    参加者
    0

    いいね!ボックスのサムネイルのみ、CDNを利用してURLが書き換えられると非表示になります。

    先ず正常だとこうなります。テーマの他の部分はCDNに置き換えてもきちんと画像が表示されてます。

    (cdn.example.comという架空のURLに編集してあります。)

    background-image: url(https://cdn.example.com/wp-content/uploads/2018/05/31784904_173502610002156_366691057758371840_n.jpg)

    しかしいいね!ボックスのサムネイル箇所はこうなります。

    background-image: url(https://cdn.example.com/
    https://cdn.example.com/wp-content/uploads/2018/06/babypura.png)

    何故かサイトURLが二度出力されてしまいます。ではコードがおかしいのか?とも思いましたがCDNを使わないでURLが書き換えられてない状況下だと普通にサムネイルが表示されます。

    テーマバージョン:3.4.2ですが前のバージョンから同じエラーがありました。

    0
    いいねをした人: 居ません
    #2663
    キタジマ タカシ
    参加者
    2253

    この画像部分、特にこちらで特殊な実装をしているわけではなく、標準的な関数で URL を出力しているため、CDN(プラグインか何かが URL を置換するのですかね?)側の不具合なのではないかという気がします。

    一応、Snow Monkey 側は inc2734_wp_like_me_box_thumbnail というフックを通して URL を出力するので、子テーマを用意して頂き、そのフックを使って URL を整形すれば正しく表示させることができるのではないかと思います。

    0
    いいねをした人: 居ません
    #2672
    tmisawa
    参加者
    0

    テーマのサムネイル読み出しはどれも下記コードでしょうか?(largeか否かは置いといて)

    	if ( get_post_thumbnail_id() ) {
    		$thumbnail = wp_get_attachment_image_url( get_post_thumbnail_id(), 'large' );
    	}
    

    CDN処理でコケるとした場合、通常ならばサイト全体のサムネイル表示に影響すると思うのですがどうしてかここだけ表示されないのです(苦笑)

    0
    いいねをした人: 居ません
    #2673
    キタジマ タカシ
    参加者
    2253

    特別な理由がない限り、背景画像の場合は wp_get_attachment_image_url()、画像をそのまま表示する場合は the_post_thumbnail() を使っています。CDN はどういうふうに画像の URL を置換しているのでしょうか?プラグイン利用、もしくはプロキシサーバー的なものを前段に置いているのですかね?

    0
    いいねをした人: 居ません
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • トピック「いいね!ボックスサムネイルがCDNだと非表示になる」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。