うえのブログスマートフォン用の表示で見るうえのブログ気になったこと、思い立ったこと、調べてみたことなどを書き留める場として使っています。false);HatenaFacebookTwitterPocketずっと名前の横にTwitter載せてるつもりだったうえの(@uenoyou111)です!はてなのID載せてました。̆)タイトルと関係なくて大変申し訳無いのですが、ちらっと下の方にシェアボタンのカスタマイズについて触れていまして。Buttons」という、ワードプレスのプラグインを導入されたとのことでした。見てみれば分かるのですが...このシェアボタンがなかなか良いんですよ。Thisというサービスが大変オススメと紹介して下さっていたのを思い出します。www.okuni.me記事見て色々いじってみたのは覚えてるのですが、それで満足したのかすっかり忘れておりました。基本的な使い方について詳しく説明して下さっています。こちらでは導入したものが少し違うので、そちらも合わせて紹介していきます。(画像サイズばらばら注意です)実際に導入してみたまずはいつでも押してもらえるシェアボタンを配置してみたいと思い、下記サイトへアクセス。www.addthis.comActivateをクリックするとアドレスやパスワードを入力する画面になります。テキトーでも良いと思いますが導入した後で編集できますし、どれくらいの人数がシェアしてくれたかがグラフで分かるようになります。ログイン出来るように覚えておく必要があります。Startedをクリック。今回利用するシェアボタンは一番上にあるFloatingになります。右側にプレビューが表示されてて、パソコン表示とスマホ表示も確認できます。Floatingを選択した状態で下のContinueをクリックします。するとこのような画面になり、色々と設定をいじることが出来ます。上から順に説明していきます。Positionシェアボタンの配置で、Desktopはパソコン、Mobileはスマホです。プレビューが表示されるので自分の好みの場所へ動かしましょう。Hideは消えちゃいますが、例えばPCとスマホで別々のシェアボタンを表示させて使い分けが出来ます。Countersシェア数をカウントしてくれるものなのですが、普段見るSNSだとフェイスブックしか対応してない模様...?単体ごとにカウントするならIndividualですが、カウントなしのNoneでいいと思います。Networksアイコンを自動で追加するか手動で追加するかです。SERVICESから入れたいサービスを追加していきます。なんと100種類のサービスが利用可能です。個人的にはLINEのシェアボタン付くのがいいですね~。DESIGNStyleはプレビューを参考に。Sizeはスマホから見た時のサイズが選べます。Labelはそのままで大丈夫です。後はアイコンの色と背景色を変更できます。Pagesは基本無視でOKです。Widthはいくつからレスポンシブさせるか、というところですが玄人向けの設定ですね。Offsetはパソコンから見た時の表示位置です。AddThisというページに飛んだら下の方へ。ここにあるコードをまるごとコピーします。その後、はてなブログへログインし、デザインを選択します。スパナマークをクリックし、記事を開きます。記事下の一番下に先程コピーしたコードを貼り付けします。このままだと反映されないので、記事ページをプレビューを押して出てきたら保存して完成です。当ブログで導入したボタン上に戻るボタンを設置する際に、ここにシェアボタンが格納できたらいいなーってずっと思ってたんですよね。このままでも良いのですが、プレビューを見ながら他にどんな種類があるかと思って見てたら。いう事でこちらを導入してみます。若干使い勝手は悪い項目名はExpandingになります。こちらはポジションを右か左かにしか変えられず、細かい位置調整や大きさの変更が出来ません。色もオレンジか黒かグレーにしか変えられません。有料登録をすれば他色に変えられるようです。̆)ようわからん少し小さめな気もしますが、テーマカラーのオレンジに合ってたから左に配置してこれでいいか...ということで落ち着いてます。会社のテスト端末をいくつか拝借して試しましたが、アニメーションがなめらかで好きです(笑)はてなブログ公式アプリでは表示されずこちらはオークニ(id:a24o92)さんが実際に試されていますが、はてなブログの公式アプリ(iOS)では表示がされません。私も実際に試しましたが...iPhone、iPad共に公式アプリは上がちょこんと見えるぐらいです。シェアボタンにしても、同化してしまってどうかしてます。確認した所Androidでは問題なく表示がされていました。このまま使用してもいいかなぁと思う次第です。まとめでも出来るならボタンタイプで表示させたほうが良いです。格納しちゃうと見えなくなるしスマホからだとワンプッシュの手間が発生し、めんどくさ...なんて思われる可能性高めです。̆)見飽きたらボタンに変えるかもしれません。はてなブログPro身の回りの気になったこと、どっか行った時のレポとか気ままに書いてます。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。