注目キーワード
  1. the thor
  2. WordPress
  3. Google
  4. プラグイン

THE THOR(ザ・トール)のSNSシェアボタンの設定・カスタマイズ方法

こんにちは、テンテンです。

 

今回は、THE THORのSNSシェアボタンの設定とカスタマイズ方法について解説します。

 

Tenten

THE THORでは、固定ページと投稿ページに分けて、SNSシェアボタンを表示したり、非表示にしたりすることができます。

また、特定のページのみシェアボタンを非表示にすることも可能です。

 

そして、デフォルトの機能で、SNSシェアボタンのデザインを変更することができます。

 

今回はその方法について解説していきます。

 

今回の作業時間:5分〜10分ほど

 

THE THORで投稿ページのSNSシェアボタンを表示・非表示にする方法

 

まず、投稿ページのSNSシェアボタン表示・非表示にする方法から解説していきます。

 

投稿ページとは、記事を投稿する際に使うページのことです。

 

①「外観」→「カスタマイズ」に進みます。

WordPress外観からカスタマイズのスクショ

 

②「投稿ページ設定[THE]」に進みます。

THE THOR投稿ページ設定のスクショ

 

③「シェアボタン設定」に進み、シェアボタンの表示設定を行います。

THE THORシェアボタン設定のスクショ

 

THE THORでは、投稿ページの上部と下部にシェアボタンを表示させることができます。

 

【投稿ページ上部のSNSシェアボタン設置参考例】

THE THORシェアボタン設置例①

 

【投稿ページ下部のSNSシェアボタン設置参考例】

THE THORシェアボタン設置例②

 

この辺りは、自分が好きなようにカスタマイズしていきましょう。

 

THE THORで固定ページのSNSシェアボタンを表示・非表示にする方法

 

次に、固定ページのSNSシェアボタンを表示・非表示にする方法について解説していきます。

 

固定ページとは、主にお問い合わせページやプライバシーポリシーなどに使うページのことです。

 

投稿ページとは、別に固定ページも同様の設定を行うことができます。

 

①「外観」→「カスタマイズ」に進みます。

WordPress外観からカスタマイズのスクショ

 

②「固定ページ設定[THE]」に進みます。

THE THOR固定ページのスクショ

 

③「シェアボタン設定」に進み、シェアボタンの表示設定を行います。

固定ページシェアボタン設定のスクショ

 

これで投稿ページと固定ページのSNSシェアボタン表示・非表示設定は完了です。

 

簡単ですよね!

 

THE THORで特定のページのみシェアボタン非表示にする方法

 

THE THORでは、特定ページ(投稿ページ・固定ページ)のみSNSシェアボタンを非表示にすることもできます。

 

例えば、固定ページにSNSシェアボタンを設置したいんだけど…お問い合わせページには設置したくないなど…

 

その方法について解説します。

 

①SNSシェアボタンを非表示にしたいページにいきます。

 

②「個別非表示設定」の「シェアボタンを非表示にする」にチェックを入れる。

THE THOR個別非表示設定のスクショ

 

個別非表示設定は、投稿ページでも固定ページでも行うことができますので、上手く使っていきましょう!

 

THE THORで使えるSNSシェアボタン一覧

 

ここでは、THE THORで設置することができるSNSシェアボタンの一覧にします。

 

【SNSシェアボタンの一覧】

①Facebookボタン
②Twitterボタン
③Google+ボタン
④はてブボタン
⑤Pocketボタン
⑥LINEボタン
⑦LinkedInボタン
⑧Pinterestボタン

 

【THE THORで設置できるアイコン画像一覧】

 THE THORで設置できるアイコン一覧のスクショ

 

ちなみに、Google+は、2019年4月にサービスが終了していますので外しておきましょう!

 

当ブログでは、③と⑧以外は設置しています。

 

SNSシェアボタンのデザインをカスタマイズする方法

 

THE THORでは、デフォルトの機能でSNSシェアボタンのデザインをカスタマイズすることができます。

 

ここでは、SNSシェアボタンをカスタマイズする方法について解説します。

 

①「外観」→「カスタマイズ」に進みます。

WordPress外観からカスタマイズのスクショ

 

②「パーツスタイル設定[THE]」に進みます。

THE THORパーツスタイル設定のスクショ

 

③「シェアボタン設定(個別設定)」に進み、「デザインを選択」します。

THE THORシェアボタンデザイン設定のスクショ

 

現在のところ、デザインは11種類ありますので、好きなデザインを選択してください。

 

パターン1

シェアボタンデザインパターン1のスクショ

 

パターン2

シェアボタンデザインパターン2のスクショ

 

パターン3

シェアボタンデザインパターン3のスクショ

パターン4

 

シェアボタンデザインパターン4のスクショ

パターン5

シェアボタンデザインパターン5のスクショ

 

パターン6

シェアボタンデザインパターン6のスクショ

 

パターン7

シェアボタンデザインパターン7のスクショ

パターン8

 

シェアボタンデザインパターン8のスクショ

パターン9

シェアボタンデザインパターン9のスクショ

パターン10

シェアボタンデザインパターン10のスクショ

パターン11

シェアボタンデザインパターン11のスクショ

 

以上がすべてのシェアボタンのデザインパターンです。

 

Tenten
スマホでも確認しながら、シェアボタンのデザインを選択することをオススメします。

 

後は、実際に試しながら確認してみてください!

 

さいごに

 

THE THORでSNSボタン設置・カスタマイズについてマスターしましたか?

 

当ブログでは、その他にもTHE THORの初期設定や細かい使い方についても解説している記事がたくさんありますので、是非ご参考にしていただけると嬉しい限りです。

 

最後まで読んでいただき、ありがとうございました。

THE THOR(ザ・トール)のSNSシェアボタンの設定・カスタマイズ方法
最新情報をチェックしよう!