【リアルタイム更新】iPhone Xの在庫状況をチェックする方法 - ドコモ・au・ソフトバンク

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



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



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の新着記事をチェック!

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


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

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




同じカテゴリの記事

【Twitter】ミュート機能の使い方 – ツイートを見たくない特定の人だけをブロックせずに非表示に

twitter

相手にバレずにその人のツイートをタイムラインから非表示にできる機能

【Twitter】『クオリティーフィルター』機能の使い方 – 品質が低いと判断されたツイートは自動で通知オフに

twitter

重複やBOTなど不快と判断されたツイートがタイムラインから通知されなくなる機能

【Twitter】2段階認証(ログイン認証)を設定する方法 – PC、iPhone、Android対応

twitter

IDとパスワード+ログインコードを使うことでTwitterアカウントのセキュリティがガッツリ上がります!

【Twitter】ニュース⇒もっと探すへ。タブ消滅後も公式アプリでニュースやモーメントを見る方法

twitter

アプリ内からニュースのタブがなくなってもTwitterで話題のニュースやモーメントはチェックできる


新着記事

auのスマホをSIMロック解除する方法 – iPhone XのSIMロックを解除したお話

携帯電話

2017/12/1からauでも即日SIMロック解除できるようになりました。

【意外と音がいい!!】GoogleHomeをBluetoothスピーカーとして使う方法 – ペアリング方法&本体で音楽の操作もできる

ガジェット

低音がいい感じ!Googleアシスタントに飽きた人は普通にBluetoothスピーカーとして使ってみては?

「THE FLASH / フラッシュ」シーズン3を視聴する方法【動画サービス比較・まとめ】

ドラマ

どこの動画サービスで見るのが一番お得か比較してみました!フラッシュを見るならHulu一択か!?

【雑誌にザクヘッドが付いてるぞ!】「日経トレンディ限定版 ザクヘッド」を予約・購入する方法

おもちゃ

シャア専用ザクII アニメカラーVer.の日経トレンディ限定ザクヘッドです!

【ついに再販売解禁!!】AmazonでChromecastやApple TVを購入する方法

ショッピング

ついにAmazonが折れた。これでFire TVでもYoutube視聴が続けられるようになる??


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

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

    キャンペーンなどでもらえる『dポイント(期間・用途限定)』は割と用途が広い!Amazonでは使えないのでお間違いなく。


    GooglePlayの残高&有効期限(失効日)を確認する方法(スマホ、PC対応)

    クレジット?チャージ?呼び方がイマイチわかりませんが、失効する前に使っておくといいかも


    【無料】ミスチルのライブが見放題!! 誰でも視聴できるアプリ『MultiLive』の使い方(iPhone・Android対応)

    ミスチル好きの人にはただの神アプリ!ドコモユーザー以外ももちろんOK!


    【Google製】ギガが減らない!モバイルデータ通信量を節約してくれる無料アプリ『Datally』の使い方

    英語だけど初期セットアップさえ終わらせればワンタップなので問題なし!通信制限ひっかかる人にオススメ


    注目の記事をぜんぶ見る

  • 最新記事

    auのスマホをSIMロック解除する方法 – iPhone XのSIMロックを解除したお話

    2017/12/1からauでも即日SIMロック解除できるようになりました。


    【意外と音がいい!!】GoogleHomeをBluetoothスピーカーとして使う方法 – ペアリング方法&本体で音楽の操作もできる

    低音がいい感じ!Googleアシスタントに飽きた人は普通にBluetoothスピーカーとして使ってみては?


    「THE FLASH / フラッシュ」シーズン3を視聴する方法【動画サービス比較・まとめ】

    どこの動画サービスで見るのが一番お得か比較してみました!フラッシュを見るならHulu一択か!?


    【雑誌にザクヘッドが付いてるぞ!】「日経トレンディ限定版 ザクヘッド」を予約・購入する方法

    シャア専用ザクII アニメカラーVer.の日経トレンディ限定ザクヘッドです!


    【ついに再販売解禁!!】AmazonでChromecastやApple TVを購入する方法

    ついにAmazonが折れた。これでFire TVでもYoutube視聴が続けられるようになる??


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

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone 7 iPhone X iPhoneおトク Kindle MNP PC SIMフリー SoftBank Windows windows 10 オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 写真 削除 動画 新規契約 機種変更 注目・ピックアップ 無料 登録 非表示
  • usedoorをフォロー


  • あわせて読みたい記事