twittercardsのイメージについて

Simplicityの特徴 フォーラム Simplicityについての質問 twittercardsのイメージについて

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

      今回はじめてWordpress+Simplicity(安定版1.3)のchicを使って(Wordpress自体はじめてです)、目的のサイトを構築することができました、本当にありがとうございます。

      /simplicity/skins/chic/images
      の中に画像がなく、og-image.jpg、screesnshot.png をアップロードしてtwitterやFacebookでのリンク投稿時にオリジナル画像を表示させたいのですが、デフォルトの画像が表示されてしまいます。

      この場合、どこに画像を設定すればよいのでしょうか。
      ご教示お願いいたします。

    • #13566
      がちょぴん
      ゲスト

      darjilingさん

      外観→カスタマイズ→SNSの設定で、
      Twitterカードタグ・Facebook OGPタグにチェック付いているでしょうか?
      また、WP(WordPress)投稿画面からアイキャッチが設定されているでしょうか?

    • #13569
      darjiling
      ゲスト

      がちょぴんさん、ご親切にありがとうございます!

      投稿ページのアイキャッチは正常に表示されるのですが、
      サイト本体のリンクを掲載したときに反映されません。
      現在、トップページを固定ページにしています。
      固定ページ自体にはアイキャッチを設定しているのですがその画像は表示されません。

      また、わたしの設定画面では、
      外観→カスタマイズ→SNSの設定で、
      Twitterカードタグ・Facebook OGPタグ

      が存在しません。安定版だからでしょうか…

    • #13570
      がちょぴん
      ゲスト

      darjilingさん

      「chic」って文字見落としてしまいました。
      下記のページ内にある「レイアウトの設定(全体・リスト)」にはありますでしょうか?

      URL:http://wp-simplicity.com/simplicity1-3-3/

    • #13571
      darjiling
      ゲスト

      ありがとうございます!
      レイアウトの設定が1つしかなく、その中にも「Twitterカードタグ・Facebook OGPタグ」という項目はないため、あとでバージョンを変えて試してみます<(_ _)>

    • #13572
      がちょぴん
      ゲスト

      darjilingさん

      混乱招いてしまい大変申し訳ございません。

    • #13575
      darjiling
      ゲスト

      がちょぴんさん、とんでもないです。
      設定などわからないことだらけですので、今後のカスタマイズのためすべて参考になります。
      ありがとうございます。

    • #13609
      わいひらわいひら
      キーマスター

      header-twitter-card.phpでは以下の動作になっています。

      } else {//単一記事ページページ以外の場合(アーカイブページやホームなど)
        if (get_header_image()){//ヘッダーイメージがある場合は、ヘッダーイメージを
          $img_url = get_header_image();
          echo '<meta name="twitter:image" content="'.$img_url.'">';echo "\n";
          
        } else {//ヘッダーイメージがない場合は、テーマのスクリーンショット
          $img_url = get_stylesheet_directory_uri().'/screenshot.png';
          echo '<meta name="twitter:image" content="'.$img_url.'">';echo "\n";
        }
      }

      ですので、最も簡単な方法としては、子テーマフォルダ内のscreenshot.png画像をサイトイメージを表すものに入れ替えると、解消されると思います。
      その他の方法としては、header-twitter-card.phpファイルの上記部分をカスタマイズするという方法もあります。

    • #13612
      わいひらわいひら
      キーマスター

      具体的なカスタマイズ方法としては、以下の部分を
      '<meta name="twitter:image" content="'.$img_url.'">'

      完全にメディアなどにアップロードしたファイルのURLに変更します。

      '<meta name="twitter:image" content="http://xxxxxxxxxxx/path-to/xxxx.jpg">'

    • #13740
      darjiling
      ゲスト

      わいひら様、大変詳しく説明してくださり、本当にありがとうございます。
      今すぐ作業できないため、サイトに反映後、またご報告させていただきます。
      取り急ぎお礼までm(_ _)m

    • #15472
      darjiling
      ゲスト

      あけましておめでとうございます。
      ご報告遅くなりましたが、screenshot 画像を入れ替えて無事表示されるようになりました。ありがとうございました!

      これからもっとカスタマイズして活用させていただきます、よろしくお願いいたします。

    • #15474
      わいひらわいひら
      キーマスター

      あけましておめでとうございます。

      このトピックをきっかけに、新バージョンでは、トップページなどのOGPやTwitterカード用の画像をカスタマイザーから変更できるようにしました。
      また機会がありましたら、使ってみてください。

    • #15486
      darjiling
      ゲスト

      早速ご対応いただきありがとうございます。すばらしい!

      今後ともよろしくお願いいたします。

12件の返信スレッドを表示中
  • トピック「twittercardsのイメージについて」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)