HPとブログの双方にSNSボタンを設置する
数ある中で【AddToAny】を選択する
・双方への設定手順が簡単である
・同じ手順でWebページとWordpress記事に設定できる
・アカウント(メール)登録せずに使用できる(先方関係者よりメールが来ない)
(1)HP用のSNSボタン作成・設置
・AddToAnyのHPに入る
・「共有ボタンを取得する」 ⇒ 「すべてのウェブサイト」をクリックする
必要なSNSを選択する
ボタンを気に入ったレイアウトにする
・ボタンの仕様が決まったら、「ボタンコードを」クリックする
枠の中にHTMLソースが表示される
・上記のHtmlソースを必要なページの位置に貼り付ける
※中央への設置は後述
(2)Wordpress用のSNSボタン作成・設置
・プラグインをインストールする
管理画面に入り、「プラグイン」 ⇒ 「新規追加」 ⇒ 「AddToAny Share Buttons」
インストールし有効化する
・SNSボタンの仕様を決める
※ほぼHP用と同じ手順でボタンの仕様を決める
・ボタンの設置場所を指定する
自由に幾つでも指定した場所にSNSボタンを設置できる
・変更内容を保存する
後は必要に応じて管理画面から修正する
(3)HP用のボタンをページ中央に表示するには
・以下のコードを<head>~</head>の間に挿入する
<Style type = "text/css" > #my_centered_buttons {display: flex; justify-content: center; }
・ボタン設置のコードにセレクターIDを追加する
<div id="my_centered_buttons" class="a2a_kit a2a_kit_size_32 a2a_default_style">
※IDの名前は任意(styleと同期が取れれば良い)
コメントを残す