ボタンのソースがフォーカスされます。フォーカスされたソースの前後から検索に適しそうな文字列を探します。今回はフォーカスされた部分のclass="article-share-google"が使えそうです。作る時に使えそうです。検索用の文字列を決めたのでソースから探します。Codeで全文検索をかけました。シェア用のリンクが入ったボックスを表示する中で作られているようです。共有リンクの前に入れます。以下のコードを追加します。コードは公式のはてなブックマークボタンの作成・設置についてを参考に作りました。title属性はサイトに合わせて変更してください。title="このエントリーをはてなブックマークに追加"></a>',スタイルを追加するarticle.stylに.article-share-googleが定義されています。ここに「はてブ」共有リンク用のスタイルを追加します。323行目)この.article-share-googleの下に追加します。このフォントセットには「はてブ」アイコンは入っていません。かわりに公式アイコンを使いたいところですが、スタイルにズレが生じてしまうのでフォントアイコンで乗り切りたいところです。こちらのサイトさんで良い方法を紹介してくださっていました。株式会社はてなから、アイコンをカラーピックしました。取得した際に「はてブ」が増えていなかったためです。増えていないのか(おそらく以前から)を考えたところ「はてブ」を付けていただけるような記事を作ることはもとより、そもそもボタンを設置していないのが大きかったのではないかと反省し導入しました。ボタンを選ぶ手順も良くないなと。右に直接アイコンを並べるようにしますが、そのお話は次回。全文検索は結構使えます。スタイルを手直ししたり、配置を入れ替えたりといったときにおススメです。2017Riotz.works投稿や発言は私的なものであり、所属する企業や組織には関係ありません。HomeSlides。