楽天モバイルが「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ページよりご連絡ください。

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

【紹介リンクあり】JCBカードの『お友達紹介キャンペーン』でもれなく1,500円分のキャッシュバックをもらって入会する方法

キャンペーン

JCBカード入会時に友だち紹介のリンクから申し込むともれなく1,500円分のキャッシュバックがもらえる『お友達紹介キャンペーン』開催。紹介リンクあり

【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法&対象機種まとめ – 機種のみ購入でもOK!

携帯電話

ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引!機種単体(白ロム)購入も対象。割引の条件、対象機種は?

【ドコモ】『オンラインショップおトク割』でスマホをおトクに購入する方法 – 端末のみ購入もOK!対象機種、割引金額、適用条件まとめ

携帯電話

ドコモオンラインショップが新たな割引「オンラインショップおトク割」をスタート!5G WELCOME割併用で超大幅割引となる機種も!

【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法

銀行

紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中!「新規口座開設限定!サービス体験プログラム」にも参加して合計1,000円ゲット!

【一括1円が復活!!】楽天モバイル『Rakuten WiFi Pocket Platinum』をお得に利用する方法 – プラチナバンドに対応したモバイルルーター!

携帯電話

楽天モバイルのプラチナバンドに対応した新型Wi-Fiルーター「Rakuten WiFi Platinum」がお得に利用できるキャンペーン。楽天モバイル回線を契約すれば一括1円で買える!


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

ドコモが「iPhone 16e」を値下げ、一括76,417円

ニュース

2025年9月2日から、ドコモは「iPhone 16e 128GB」の価格を改定します。MNPを利用すると、5G WELCOME割による42,493円の割引が適用され、一括76,417円で購入可能。

ドコモが「Google Pixel 9a」を値下げ、激安の一括44,561円!

ニュース

2025年9月2日から、ドコモは「Google Pixel 9a 128GB」の価格を改定します。MNPを利用すると、5G WELCOME割による43,439円の割引が適用され、一括44,561円で購入可能。

LINEの送信取消が「1時間まで」に大幅短縮。現在の制限時間は24時間→10月下旬から1時間に仕様変更

ニュース

LINEのメッセージを取消できる「送信取消」が10月下旬より仕様変更。現在はメッセージ送信から24時間以内なら削除できるものが1時間に大幅短縮に。日本とタイのみの仕様変更

【LINE】無料スタンプ&隠しスタンプまとめ(2025年9月2日更新)ダウンロード方法&取得条件

LINE

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など

【20.4.0登場】Nintendo Switchのシステムソフトウェアをアップデートする方法 – ニンテンドースイッチおよびスイッチ2本体の現在のバージョン確認&更新手順

ゲーム

Nintendo Switchにももちろんソフトウエアバージョンあり。本体更新データの配信が開始されたらアップデートしよう


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【裏技?】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された

ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる!直接ahamoで契約するよりもかなりおトクに


結局、楽天モバイルって普通に使える?メイン回線として日本のいろんなところで最強プランをガチで使いまくってみた。電波状況や通信速度の検証結果を紹介

メイン回線を楽天モバイル『最強プラン』に変更して日本の色んなところに行って通信状況などを調査してみた。結局エリアってどうなの?圏外にならない?


楽天ポイントでGoogle Playギフトコードを購入・交換する方法 – 楽天市場認定店は期間限定ポイントの消化にも最適!

楽天ポイントでGoogle Play残高(ギフトカード)が買える!期間限定の楽天スーパーポイントでもOK!セール時は安く購入することもできておトク


「PlayStation 5 / デジタル・エディション」を予約・購入する方法 – 新旧モデルのスペックなどの違い、販売ショップまとめ

11月29日からAmazonや楽天ブックス、家電量販店などで「プレイステーション ブラックフライデーセール」が開催!PS5本体が1万円割引で販売。


【LINE】トークの写真、画像内の文字を読み取ってテキスト化する方法 – 写真の中の文字をメッセージに変換。翻訳もできる!OCRアプリとして使えちゃう

これは便利!スクリーンショット画像の文字をLINEに読み取ってもらってそのままメッセージとしてトークに送信したり翻訳したりできちゃう!



注目の記事をぜんぶ見る


最新記事&ニュース

ドコモが「iPhone 16e」を値下げ、一括76,417円

2025年9月2日から、ドコモは「iPhone 16e 128GB」の価格を改定します。MNPを利用すると、5G WELCOME割による42,493円の割引が適用され、一括76,417円で購入可能。


ドコモが「Google Pixel 9a」を値下げ、激安の一括44,561円!

2025年9月2日から、ドコモは「Google Pixel 9a 128GB」の価格を改定します。MNPを利用すると、5G WELCOME割による43,439円の割引が適用され、一括44,561円で購入可能。


LINEの送信取消が「1時間まで」に大幅短縮。現在の制限時間は24時間→10月下旬から1時間に仕様変更

LINEのメッセージを取消できる「送信取消」が10月下旬より仕様変更。現在はメッセージ送信から24時間以内なら削除できるものが1時間に大幅短縮に。日本とタイのみの仕様変更


【LINE】無料スタンプ&隠しスタンプまとめ(2025年9月2日更新)ダウンロード方法&取得条件

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など


【20.4.0登場】Nintendo Switchのシステムソフトウェアをアップデートする方法 – ニンテンドースイッチおよびスイッチ2本体の現在のバージョン確認&更新手順

Nintendo Switchにももちろんソフトウエアバージョンあり。本体更新データの配信が開始されたらアップデートしよう



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


usedoorをフォロー


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

Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法 – 開催中のキャンペーンまとめ

Amazonの音楽聞き放題サービス「Music Unlimited」のファミリープランが3ヵ月間無料で利用できるキャンペーン開催!9月3日(水)まで


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

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


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

動画見放題サービス「Hulu」通常特典は2週間無料だけだけどキャンペーンを利用すれば無料期間が延長されたりポイント還元などでおトクに入会できる!


【12円スマホ】ソフトバンク『新トクするサポート(バリュー)』の対象機種、適用条件などまとめ – iPhone 15が対象に⇒128GBモデルは月額1円で利用できる!

ソフトバンクの対象機種が1年間12円~で利用できる『新トクするサポート(バリュー)』の条件や対象機種まとめ。返却で激安でiPhone・Androidが使える!


【機種変更でも実質6,800円~!!】ワイモバイルで折りたたみスマホ「Libero Flip」をおトクに購入する方法 – 一括9,800円&PayPayポイント還元で購入できる

ワイモバイルの折りたたみスマホ「Libero Flip(A304ZT)」が値下げ!機種変更でも一括9,800円と激安!!さらに必ずPayPayポイントがもらえる



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