SNSボタンの設置

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と同期が取れれば良い)


投稿日

カテゴリー:

,

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください