ご訪問ありがとうございます

THE THOR【SNS設定】の説明書！公式マニュアルはもういらない！

THE THOR

 

ケンノチュケ

THE THORのSNS設定について詳しく知りたい！

OGPって何？

SNS設定では何ができるの？

ケンノスケ

この記事では、THE THORのカスタマイズメニュー【SNS設定】について詳しく解説します！

公式マニュアルサイトよりかは分かりやすいはず！

 

目次

THE THOR【SNS設定】の説明書！

THE THORのSNS設定でできることは以下の５つです。

 

  1. 【OGP設定】OGPに表示する画像を登録
  2. 【OGP設定】記事下にFacebookの「いいね！」ボタンを設置する
  3. 【OGP設定】Twitterカードのデザイン変更
  4. 【Follow設定】SNSのURLを登録
  5. 【Follow設定】ヘッダー・フッター部分にフォローアイコンを表示させる

 

ケンノスケ
ブログとSNSを連結するために必要な設定なので、しっかりやっていきましょう！

【OGP設定】SNSからの流入を増やす！

OGP設定の解説をする前に、そもそも「OGP」とはなんぞや？ だと思うので説明します。

 

「Open Graph Protocol（オープングラフプロトコル）」の略称。

TwitterやFacebookなどSNSでシェアされた時に、URLやページの内容、アイキャッチ画像などをコンパクトにまとめて表示させる仕組みのことです。

ケンノスケ

Twitterでよく見かけるやつですね！

サイトや記事のフライヤー（チラシ）的な役割があり、クリック率UPにも繋がるので結構重要です！

 

OGPについてなんとなくわかったところで解説に移ります。

 

OGP設定では以下の３つの設定を行います。

 

•　OGPに表示する画像を登録

•　記事下にFacebookの「いいね！」ボタンを設置する

•　Twitterカードのデザイン変更

 

では順に説明していきます。

 


画像の設定

OGP用の画像を登録します。

ここで登録した画像は、サイト（トップページ）がシェアされた時のOPGに表示されます。

記事がシェアされた場合は、その記事に設定しているアイキャッチ画像が表示されます。

 

FacebookのAPPID

ここにFacebookのAPPIDかユーザーIDを登録すると、記事下にあるSNSフォローエリアにいいね！ボタンが表示されます。

※SNSフォローエリアを表示している場合に限ります。

SNSフォローエリアは「投稿ページ設定→フォロー設定」で設定できますよ。

 

FacebookのユーザーID

上に同じです。

APPIDかユーザーIDのどちらかだけ入力すればOK。

 

Twitter Cardの種類を選択

Twitterで表示するOGPのデザインを、

•「Summaryカード(default)」

•「Summary with Large Imageカード」

の２パターンから選択します。

見た目はこんな感じ↓

Summaryカード(default)

Summary with Large Imageカード

ケンノスケ
僕はアイキャッチ画像の全体が表示できる「Summary with Large Imageカード」にしています！
OGPを設定したら、無料ツールで確認しましょう！

OGPの確認は、Twitter公式サービスの「Card Validator(カードバリデーター)」で簡単にできます。

 

【Follow設定】各SNSと連携する！

SNS設定では以下の２つの設定を行います。

 

•　SNSのURLを登録し、サイトと連結させる

•　SNSのフォローアイコンをヘッダー・フッターに表示させる

 

順に説明します。

 


※下に「Twitter」や「YouTube」などが続きますが、内容は同じなので省略します。

FacebookページのURL

自分のFacebookページのURLを入力した状態で、表示させたい場所にチェックを入れるとリンクしたアイコンが表示されます。

Headerでフォローアイコンを表示する

Footerでフォローアイコンを表示する

僕は今のところTwitterしか設定していません。

他のフォローアイコンは大体こんな感じです。

Facebook
Instagram
Twitter
Google＋
※2019年4月2日にサービス終了
Youtube
LinkedIn
Pinterest
RSS

 

まとめ〜THE THORカスタマイズ機能【SNS設定】のマニュアル〜

THE THORのSNS設定でできることをおさらいすると、

 

  1. 【OGP設定】OGPに表示する画像を登録
  2. 【OGP設定】記事下にFacebookの「いいね！」ボタンを設置する
  3. 【OGP設定】Twitterカードのデザイン変更
  4. 【Follow設定】SNSのURLを登録
  5. 【Follow設定】ヘッダー・フッター部分にフォローアイコンを表示させる

 

ケンノスケ

しっかり設定して、ブログとSNSとを上手く連携させて運営したいですね！

 

デザインの参考に！【THE THOR】を使った５０サイトを集めました！

WPテーマ【THE THORザ・トール】のブログサイト例【５０サイト】

他のカスタマイズ設定は済んでいますか？

・【基本設定】→【THE THORザ・トール】カスタマイズ機能マニュアル！【基本設定】の使い方！

・【共通エリア設定】→【THE THORザ・トール】カスタマイズ機能マニュアル！【共通エリア設定】を詳しく解説！

・【TOPページ設定】→【THE THORザ・トール】カスタマイズ機能【TOPページ設定】の使い方マニュアル！

・【アーカイブページ設定】→【THE THORザ・トール】カスタマイズ機能【アーカイブページ設定】のマニュアル！

・【投稿ページ設定】→【THE THORザ・トール】カスタマイズ機能【投稿ページ設定】のマニュアル！

・【固定ページ設定】→【THE THORザ・トール】カスタマイズ機能【固定ページ設定】のマニュアル！

・【カスタム投稿タイプ設定】→【THE THORザ・トール】カスタマイズ機能【カスタム投稿タイプ設定】のマニュアル！

・【広告設定】→【THE THORザ・トール】カスタマイズ機能【広告設定】のマニュアル！

・【SEO設定】→THE THOR【SEO設定】の説明書！

 

KENNOSUKE TWITTER

THE THOR最新記事