�Aホームページ（SIRIUS）にSNSシェアボタンを設置して拡散してもらおう！

 

 

 

 

それでは、続きまして、ホームページに「SNSシェアボタン」を設置しましょう。

 

 

これですね。

 

 

 

 

「Facebook」「Twitter」「LINE」「はてなブックマーク」　の４つです。

 

 

 

 

「SNSシェアボタン」を設置する理由は明白。

 

ボタンを設置しておけば、SNSでホームページをシェア（拡散）してもらえる可能性が高まるからです（わざわざホームページのURLを自分のSNSに張り付けてシェアしてくれる人など、ほとんどいませんからね）。
アクセスを増やすために、必ず設置しましょう。

 

 

 

では、手順を説明します。

 

 

 

 

まず、設置手順の流れをまとめます。

 

 

 

 

 

以上です。
わけわからないという人が多いと思いますが、順番に説明しますのでご安心ください。

 

 

 

１　SNSボタン設置のHTMLコードを準備する

 

 

まずは、４つのSNSボタンを設置するためのHTMLコードが必要です。
これです。

 

 

 

 

このコードをコピーして、「メモ帳」に張り付けておいてください。

 

 

２　上記コードをコピーしてモジュールに張り付ける

 

 

 

→「SIRIUS」を起動する

 

 

→「サイト全体設定」をクリック

 

 

 

 

 

 

→「モジュールの設定」をクリック

 

 

 

 

 

 

→「新規追加」をクリック

 

 

 

 

 

→「モジュール名」欄に「SNSボタン」と記入

 

 

 

 

 

 

→「内容」欄に、上記のコードを張り付けて「OK」をクリック

 

 

 

 

 

→「SNSボタン」のモジュールができました
→「保存」をクリック

 

 

 

 

 

　　ここで、「サイト全体設定」を閉じてください

 

 

 

 

３　HTMLテンプレートに上記モジュールを挿入して編集する

 

 

 

（１）パソコンサイトのHTML編集

 

 

→「編集」をクリック

 

 

 

 

 

→「HTMLテンプレート」をクリック

 

 

 

 

 

 

�@トップページHTMLテンプレートの編集

 

 

→��トップページ�≠ﾌ「HTMLテンプレート」であることを確認

 

 

 

 

 

 

→そのままずっと下にスクロールして「<% textBody10 %>」を探す
→「<% textBody10 %>」の下の行で右クリック

 

（＊　このテンプレートでは８２行目に「<% textBody10 %>」がありますが、テンプレートによって何行目にあるかは変わってきます。８２行目を探すのではなく、あくまでも「<% textBody10 %>」を探してください）

 

 

 

 

 

→「モジュールの挿入」をクリック
→「SNSボタン」をクリック

 

 

 

これでモジュール（SNSボタン）が挿入できました。
→左上の「保存」をクリック

 

 

 

 

 

 

�AエントリーページHTMLテンプレートの編集

 

 

→HTMLテンプレート編集画面の「エントリーページ」をクリック

 

 

 

 

 

 

→そのままずっと下にスクロールして「<% textBody10 %>」を探す
→「<% textBody10 %>」の下の行で右クリック

 

 

 

 

 

→「モジュールの挿入」をクリック
→「SNSボタン」をクリック

 

 

モジュール（SNSボタン）が挿入できました。
左上の「保存」をクリック

 

 

 

 

 

 

 

これで、パソコンサイトにSNSボタンを設置する準備ができました。
（＊　プレビュー画面では確認できません。アップロード後に設置されます）

 

 

 

 

（２）スマホサイトのHTML編集

 

 

�@トップページHTMLテンプレートの編集

 

 

→「テンプレート」をクリック

 

 

 

 

 

→「iPhoneサイトHTMLテンプレート編集」をクリック

 

→��トップページ�≠ﾌ「HTMLテンプレート」であることを確認

 

 

 

 

 

 

→そのままずっと下にスクロールして「<% textBody10 %>」を探す
→「<% textBody10 %>」の下の行で右クリック

 

 

 

 

 

→「モジュールの挿入」をクリック
→「SNSボタン」をクリック

 

 

モジュール（SNSボタン）が挿入できました。
左上の「保存」をクリック

 

 

 

 

 

 

�AエントリーページHTMLテンプレートの編集

 

 

 

→HTMLテンプレート編集画面の「エントリーページ」をクリック

 

 

 

 

 

→そのままずっと下にスクロールして「<% textBody10 %>」を探す
→「<% textBody10 %>」の下の行で右クリック

 

 

 

 

 

→「モジュールの挿入」をクリック
→「SNSボタン」をクリック

 

モジュール（SNSボタン）が挿入できました。
左上の「保存」をクリック

 

 

 

 

 

これで、スマホサイトにSNSボタンを設置する準備ができました。

 

 

 

４　アップロード

 

 

　　それでは「サイト作成」→「アップロード」をしてください。

 

　　そして、パソコン、スマホの両方でホームページを確認しましょう。
　　SNSシェアボタンが表示されていればOKです。

 

 

 

 

これで、あなたの野球チームのホームページが完成しました！

 

お疲れさまでした！

 

 

 

後は、ホームページの掲載順位を上げて、たくさんのアクセスを呼び込めるようにしましょう！
（＊　ブログ更新とチラシ配布に力を入れる、ということです！）
アクセスが増えれば、それに比例して問い合わせの数も増え、入部する子供の数も増加します。

 

 

がんばっていきましょう！

 

 

 

では、以降のページでチームのブログ作成方法について解説していきます。