楽天モバイルが「OPPO A3 5G」を一括1円で販売

WordPressでTwitterカードを設定する方法

Twitterカードでツイートをアピールしちゃおう!


最終更新 [2014年9月12日]

この記事内には広告リンクが含まれています。

\\どうかフォローをお願いします…//


キーワード:twitter, Twitterカード, WordPress,

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


Twitterカードを設定すればツイートに画像や動画などを付けてツイートをアピールできます!

WordPressでも簡単に設定する事ができるので設定方法をご紹介したいと思います
WordPressでの設定方法が分からないという人は参考にしてみて下さい

この記事を見た人はこんな記事も見ています
Twitterアナリティクスの使い方 – 自分のツイートの反応・影響力を確認する方法
iPhone、AndroidからTwitterのツイートを非公開にする方法【鍵】


WordPressのTwitterカード設定手順

OGP・Twitterカードの設定

WordPressで上記画像の様に記事毎にTwitterカードを表示したいのであれば、OGPの設定をしてください
簡単に設定できるのでコチラの記事を参考にして設定してください
Open Graph Protocol(通称:OGP)の設定方法 【wordpressサンプルあり】

OGPの設定とかわからないし、読むのがめんどうという人は、とりあえず下記コードをヘッダーの中にある<head>~</head>の間にコピーして下さい!

<meta property=”og:type” content=”website” />
<meta property=”og:title” content=”<?php echo trim(wp_title( ”, false)); ?>” />
<meta property=”og:description” content=”<?php echo strip_tags( get_the_excerpt() ); ?>” />
<meta property=”og:url” content=”<?php echo(“http://” . $_SERVER[“HTTP_HOST”] . $_SERVER[“REQUEST_URI”]); ?>” />
<meta property=”og:site_name” content=”自分のサイト名に変更して下さい” />
<meta property=”og:image” content=”<?php echo wp_get_attachment_url( get_post_thumbnail_id() , ‘full’ ); ?>” />



OGPの設定が終わったら次に下記Twitterカードmetaタグを設定します
こちらもOGP同様<head>~</head>の間に記載してください。

<meta name=”twitter:site” content=”自分のサイトのTwitterアカウント「@〇〇〇」” />
<meta name=”twitter:card” content=”summary” />



この2行で大丈夫なのですが、Twitterカードのプロパティは沢山あるので自分の好みでカスタマイズしちゃって下さい

Twitterカードmetaタグの設定が終わったらどの様に表示されるのかプレビューしてみましょう!


プレビュー

OGP・Twitterカードを設定したら下記URLにアクセスしてください
URL:https://dev.twitter.com/docs/cards/validation/validator

アクセスしたら、Twitterのアカウントでログインできるので、「Username」と「Password」を入力してログインして下さい


ここではどの様に表示されるかプレビューする事ができます
どのように表示されるか試してみましょう

自分のサイトの記事のURLをコピーして下さい
コピーしたら「Card URL」のフォームに貼り付けてください

URLを入力したら青いボタンの「Preview card」をクリックしてください


こんな感じでプレビューが表示されていると思います
表示されなかったらOGPかTwitterカードの設定が間違っているので確認してください


Twitterカードの申請

Twitterカードの申請が完了していないと「Request Approval」と表示されるのでクリックして申請します


「Request Approval」をクリックすると申請のフォームが表示されます
「Description」以外デフォルトで入力されているので、サイトの概要を「Description」に入力し他も問題が無いかチェックしてください

「Mark my cards as containing sensitive content」にはチェックは不要です
自分のサイトに暴力的表現などのコンテンツが含まれている場合のみチェックを入れて下さい

全て入力が完了したら「Request Approval」をクリックしてください




クリックするとこの様に表示されれば申請は完了です

先程設定したメールアドレスに申請完了のメールが届きます
私はメールすぐに届きましたよ!


申請が完了したらどんな感じで表示されるか確認してみて下さい!
Twitterカードがあると無いとでは、見え方が全然違いますよね


Twitterカードの種類

表示方法の違う様々なデザインのTwitterカードがあるので自分のサイトにあったTwitterカードを設定してみて下さい

Summary Card with Large Image

<meta name=”twitter:card” content=”summary_large_image” />



Photo Card

<meta name=”twitter:card” content=”Photo Card” />



Gallery Card

<meta name=”twitter:card” content=”gallery” />



他にもまだまだあるのでコチラを参考にしてみて下さい
URL:https://dev.twitter.com/cards/types

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly



\\どうかフォローをお願いします…//



このWordPressでTwitterカードを設定する方法の最終更新日は2014年9月12日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

現在開催中の「おトク」なキャンペーン、セール

【10,000ポイント還元!!】楽天モバイル『Apple Watchスタートキャンペーン』でおトクにApple Watchを購入する方法 – 対象商品&条件まとめ

Apple Watch

楽天モバイルで条件を満たした上でApple Watch購入で最大10,000ポイントが還元されるキャンペーン開催!セルラー版をお試ししたい人に最適

LINEMOを通常よりもおトクに契約する方法、キャンペーンまとめ

携帯電話

LINEMO契約でPayPayポイント還元!他にも様々なキャンペーンが開催中です。契約手数料など各種手数料も無料。

ワイモバイルを通常よりおトクに契約する方法 – SIMのみで21,000円相当還元!!

キャンペーン

ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大21,000円相当の還元がもらえる!

【オススメは?】eSIMに対応しているキャリア・格安SIMまとめ&比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法

携帯電話

eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう

ahamo、LINEMO、povoどれにする?開催中キャンペーンの特典と条件を比較してみた – キャッシュバックやポイント還元などまとめ

携帯電話

ドコモのahamo、ソフトバンクのLINEMO、auのpovo、。大容量低価格プランを今契約するならどこが一番おトクにキャンペーンで契約できる?を比較してみた


開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

「iPhone 17 / Pro / Pro Max」の価格&割引キャンペーン、スペック、予約開始&発売日などまとめ – キャリア版/SIMフリー版をおトクに購入する方法

iPhone / iPad

iPhone 17シリーズ(iPhone 17、iPhone 17 Pro、iPhone 17 Pro Max)が2025年9月19日に発売。予約は9月12日21時~受付開始。

「iPhone Air」の価格&割引キャンペーン、スペック、予約開始&発売日などまとめ – キャリア版/SIMフリー版をおトクに購入する方法

iPhone / iPad

史上最薄のiPhone『iPhone Air』が登場!超薄い。超軽い。超頑丈。価格は159,800円~、2025年9月19日発売。9月12日21時~予約開始!

ワイモバイルで「OPPO Reno11 A」「AQUOS wish4」が一括1円で販売

ニュース

2025年9月12日~ワイモバイルオンラインストアで「OPPO Reno11 A」「AQUOS wish4」が値下げ!どちらも一括1円で販売!

ワイモバイルから「iPhone 16」が発売

ニュース

2025年9月12日(金)にY!mobileから「iPhone 16」が発売。価格は145,440円~211,680円。新規契約とMNPは割引あり。

ワイモバイルから「Google Pixel 9a」が発売

ニュース

2025年9月12日(金)にY!mobileから「Google Pixel 9a」が発売。価格は88,416円~105,120円。新規契約とMNPは割引あり。


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【保存版】ネットフリックスの隠しカテゴリの裏コード&リンクまとめ – NETFLIXで動画をより詳細なジャンルで探す方法

NETFLIXにはトップページなどには表示されていない、より詳細なカテゴリ、ジャンルページがたくさんある!


楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり&適用条件や注意点などまとめ。特典付与スケジュール改善!

楽天モバイルが友だち紹介キャンペーンを実施中。2024年2月より招待された人の特典が爆増!今ならのりかえ契約で13,000ポイントがもらえる。今月の条件や注意点などまとめ


【iPhone】かかってきた電話に自動的に出る方法 – 通話ボタンを押さなくても自動で通話開始!運転中の着信などにマジ便利

Bluetoothヘッドセットを装着してクルマの運転中にiPhoneで通話をするという人にマジでオススメな自動的に電話を取る設定


【dポイント】「期間・用途限定」とは?オススメの使い方、使えるお店や有効期限確認方法など

キャンペーンなどでもらえる『dポイント(期間・用途限定)』は割と用途が広い!そしてついにAmazonで使えるようになる!!


【Amazon Pay】Amazon以外のお店でギフト券を使って買い物、支払いする方法。0.5%還元アリ!出前館やふるさと納税、買い物など多数のショップで使える

Amazon以外でAmazonアカウントを使って支払いができる「Amazon Pay」ギフト券も利用できて0.5%還元あり!クレカなしでの買い物にもどうぞ



注目の記事をぜんぶ見る


最新記事&ニュース

「iPhone 17 / Pro / Pro Max」の価格&割引キャンペーン、スペック、予約開始&発売日などまとめ – キャリア版/SIMフリー版をおトクに購入する方法

iPhone 17シリーズ(iPhone 17、iPhone 17 Pro、iPhone 17 Pro Max)が2025年9月19日に発売。予約は9月12日21時~受付開始。


「iPhone Air」の価格&割引キャンペーン、スペック、予約開始&発売日などまとめ – キャリア版/SIMフリー版をおトクに購入する方法

史上最薄のiPhone『iPhone Air』が登場!超薄い。超軽い。超頑丈。価格は159,800円~、2025年9月19日発売。9月12日21時~予約開始!


ワイモバイルで「OPPO Reno11 A」「AQUOS wish4」が一括1円で販売

2025年9月12日~ワイモバイルオンラインストアで「OPPO Reno11 A」「AQUOS wish4」が値下げ!どちらも一括1円で販売!


ワイモバイルから「iPhone 16」が発売

2025年9月12日(金)にY!mobileから「iPhone 16」が発売。価格は145,440円~211,680円。新規契約とMNPは割引あり。


ワイモバイルから「Google Pixel 9a」が発売

2025年9月12日(金)にY!mobileから「Google Pixel 9a」が発売。価格は88,416円~105,120円。新規契約とMNPは割引あり。



最新記事をもっとチェック


usedoorをフォロー


現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

ワイモバイルでおトクに機種変更できるスマホまとめ – moto g64y 5Gが一括6,800円など、Libero Flipが一括9,800円&PayPay還元など

現在ワイモバイルで機種変更でもおトクに購入できるスマホまとめ。機種変更割引&端末単体割引で機種変更でも激安購入できる機種アリ!


【絶対参加を!!】楽天カード(VISA)で最大20%キャッシュバックキャンペーン開催。運が良ければ10,000円のキャッシュバックも(2024年8月31日まで)

VISAブランドの楽天カード限定で最大20%キャッシュバックキャンペーン開催!対象はスマホに設定したタッチ決済。さらに運がよければ10,000円分のキャッシュバックが抽選で当たる


楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり&適用条件や注意点などまとめ。特典付与スケジュール改善!

楽天モバイルが友だち紹介キャンペーンを実施中。2024年2月より招待された人の特典が爆増!今ならのりかえ契約で13,000ポイントがもらえる。今月の条件や注意点などまとめ


【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法

オンライン限定!MNP(のりかえ)なら最大21,600円割引!販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。


ワイモバイルを通常よりおトクに契約する方法 – SIMのみで21,000円相当還元!!

ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大21,000円相当の還元がもらえる!



開催中のキャンペーンをぜんぶ見る