こんにちは、テンテンです。
今回は、THE THORのSNSシェアボタンの設定とカスタマイズ方法について解説します。
THE THORでは、固定ページと投稿ページに分けて、SNSシェアボタンを表示したり、非表示にしたりすることができます。
また、特定のページのみシェアボタンを非表示にすることも可能です。
そして、デフォルトの機能で、SNSシェアボタンのデザインを変更することができます。
今回はその方法について解説していきます。
THE THORで投稿ページのSNSシェアボタンを表示・非表示にする方法
まず、投稿ページのSNSシェアボタン表示・非表示にする方法から解説していきます。
投稿ページとは、記事を投稿する際に使うページのことです。
①「外観」→「カスタマイズ」に進みます。
②「投稿ページ設定[THE]」に進みます。
③「シェアボタン設定」に進み、シェアボタンの表示設定を行います。
THE THORでは、投稿ページの上部と下部にシェアボタンを表示させることができます。
【投稿ページ上部のSNSシェアボタン設置参考例】
【投稿ページ下部のSNSシェアボタン設置参考例】
この辺りは、自分が好きなようにカスタマイズしていきましょう。
THE THORで固定ページのSNSシェアボタンを表示・非表示にする方法
次に、固定ページのSNSシェアボタンを表示・非表示にする方法について解説していきます。
固定ページとは、主にお問い合わせページやプライバシーポリシーなどに使うページのことです。
投稿ページとは、別に固定ページも同様の設定を行うことができます。
①「外観」→「カスタマイズ」に進みます。
②「固定ページ設定[THE]」に進みます。
③「シェアボタン設定」に進み、シェアボタンの表示設定を行います。
これで投稿ページと固定ページのSNSシェアボタン表示・非表示設定は完了です。
簡単ですよね！
THE THORで特定のページのみシェアボタン非表示にする方法
THE THORでは、特定ページ（投稿ページ・固定ページ）のみSNSシェアボタンを非表示にすることもできます。
例えば、固定ページにSNSシェアボタンを設置したいんだけど…お問い合わせページには設置したくないなど…
その方法について解説します。
①SNSシェアボタンを非表示にしたいページにいきます。
②「個別非表示設定」の「シェアボタンを非表示にする」にチェックを入れる。
個別非表示設定は、投稿ページでも固定ページでも行うことができますので、上手く使っていきましょう！
THE THORで使えるSNSシェアボタン一覧
ここでは、THE THORで設置することができるSNSシェアボタンの一覧にします。
【SNSシェアボタンの一覧】
①Facebookボタン
②Twitterボタン
③Google＋ボタン
④はてブボタン
⑤Pocketボタン
⑥LINEボタン
⑦LinkedInボタン
⑧Pinterestボタン
【THE THORで設置できるアイコン画像一覧】
ちなみに、Google＋は、2019年4月にサービスが終了していますので外しておきましょう！
当ブログでは、③と⑧以外は設置しています。
SNSシェアボタンのデザインをカスタマイズする方法
THE THORでは、デフォルトの機能でSNSシェアボタンのデザインをカスタマイズすることができます。
ここでは、SNSシェアボタンをカスタマイズする方法について解説します。
①「外観」→「カスタマイズ」に進みます。
②「パーツスタイル設定[THE]」に進みます。
③「シェアボタン設定（個別設定）」に進み、「デザインを選択」します。
現在のところ、デザインは11種類ありますので、好きなデザインを選択してください。
パターン1
パターン2
パターン3
パターン4
パターン5
パターン6
パターン7
パターン8
パターン9
パターン10
パターン11
以上がすべてのシェアボタンのデザインパターンです。
後は、実際に試しながら確認してみてください！
さいごに
THE THORでSNSボタン設置・カスタマイズについてマスターしましたか？
当ブログでは、その他にもTHE THORの細かい使い方についても解説している記事がたくさんありますので、是非ご参考にしていただけると嬉しい限りです。
最後まで読んでいただき、ありがとうございました。