機種変更アリ!ドコモから『648円以下』で販売されているiPhone、スマホ、タブレットまとめ

最終更新 [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


< この記事をシェア >




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

【登録するだけで500dポイント!!】『dカーシェア』の登録方法 – ドコモ契約者以外でもOK!

webサービス

ドコモ回線契約者以外でも使える話題の車シェア&レンタカー利用もOKのドコモ提供のサービス。今なら登録だけでオイシイ

【1,000ポイント+最大2.5%還元!!】Amazonギフト券を超おトクにチャージする方法

キャンペーン

自分が対象かどうかはすぐにチェックできる。Amazonで買い物するなら絶対おトク

【5月31日まで】対象店舗全てで5%キャッシュバック!LINE Pay『春のお買い物キャンペーン』で超おトクに買い物する方法

LINE

上限金額は10万円(5,000円分のLINE Pay残高を還元)の長期キャンペーンを開始。LINE PayはQRコード決済に力いれてます


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

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

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


この【5月31日まで】対象店舗全てで5%キャッシュバック!LINE Pay『春のお買い物キャンペーン』で超おトクに買い物する方法の最終更新日は2018年4月16日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

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




同じカテゴリの記事

【LINE】ボタンを押さずにメッセージを送信する方法 – 改行キーを送信に変更すればメッセージ送信が激速&ラクチンに。ただし…

LINE

LINEのメッセージでは改行は使わないという人は送信キーに変更しておくとけっこう便利

LINEのログアウト方法【パソコン版・iPhone・Android(←ログアウト風) 対応】

LINE

スマホ版はログアウトできないけどログアウト風のことならできる

【小ワザ】LINEの通知を一瞬でOFFにする3つの方法

LINE

覚えておくと静かな場所に来たときにとっても役立つLINE通知の制御小ワザ

LINEの着せ替えをプレゼントする方法【iPhone・Android】

LINE

iPhoneでも「着せかえ」をプレゼントする事ができるぞ!


新着記事

【iPhone/Androidカメラ比較】暗い場所で一番キレイに写真が撮れるスマホは?夜景をうまく撮影する方法

スマートフォン

iPhoneもAndroidも明るい場所で撮影した写真の差はほぼないような… ということで夜景写真を比較してみた

【運用実績公開】ドコモ×THEOの『ポイント投資』でdポイントを運用する方法 – 誰でも参加OK。ポイントは増える?減る?

投資

実際に10,000dポイント投資してみた。8月31日までに開始すれば必ず100dポイントもらえるキャンペーンも


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    TVer(ティーバー)をテレビの大画面で視聴する方法

    ChromeCastなどには正式対応してないけど、テレビなどの大画面に出力することはできる!


    『docomo with』で毎月のケータイ料金を-1,500円(永年継続)にする方法 – SIM差し替えOK!

    MONO MO-01Kの販売開始!プラン加入時は対象端末の購入が必須ですがSIMの挿し代えはOK!


    注目の記事をぜんぶ見る

  • 最新記事

    【値下げ?】ドコモの新パケットプラン『ベーシックパック』『ベーシックシェアパック』のメリット/デメリット&比較まとめ – 月額料金をおトクにする方法

    5月25日スタートの新プランと現在の「シェアパック5/10/15」「データS/Mパック」を比較。どっちの方がおトク?


    【iPhone/Androidカメラ比較】暗い場所で一番キレイに写真が撮れるスマホは?夜景をうまく撮影する方法

    iPhoneもAndroidも明るい場所で撮影した写真の差はほぼないような… ということで夜景写真を比較してみた


    【運用実績公開】ドコモ×THEOの『ポイント投資』でdポイントを運用する方法 – 誰でも参加OK。ポイントは増える?減る?

    実際に10,000dポイント投資してみた。8月31日までに開始すれば必ず100dポイントもらえるキャンペーンも


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

  • 使い方 カテゴリー

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

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


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

    【最大6ヵ月無料!!】Yahoo!プレミアムに無料で登録する方法

    対象者限定で最大6ヵ月無料!対象かどうかはアクセスしてチェックしてみて


    【投げ売り】機種変更もOK。ドコモ『9.7インチiPad(第5世代)』を一括0円で購入する方法

    第5世代のiPad 32GBモデルが一括0円。ストレージが大きいモデルも投げ売り価格で販売中


    【5月13日まで】iPhone 8を月額1,048円で利用する方法 – スマホデビュー割&機種代金一括45,000円

    「スマホデビュー割」キャンペーンを利用すれば超激安でiPhone 8を利用できるぞ!


    【登録するだけで500dポイント!!】『dカーシェア』の登録方法 – ドコモ契約者以外でもOK!

    ドコモ回線契約者以外でも使える話題の車シェア&レンタカー利用もOKのドコモ提供のサービス。今なら登録だけでオイシイ


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

  • あわせて読みたい記事