wannabe-jellyfish https://blog.hatena.ne.jp/wannabe-jellyfish/ くらげになりたい。 https://memory-lovers.blog/ HTML javascript ウェブサイトによくあるSNSのシェアボタン。使いたいなと思い、いろいろ調べたときの備忘録。 アイコンを探す アイコンは色を変えたりなどしたいので、CSS fontがいい。 - Font AwesomeとかLigature Symbolsを見てみる - なければ、Simple IconsでSVGを探して、IcoMoon Appでiconフォントに変換 URLでシェアする場合 基本URLしていでシェアできるので、<a href="...">などで指定しておけばOK。 const url = "シェアするページのURL" const pageTitle = "シェアするページのタイトル" // Tw… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmemory-lovers.blog%2Fentry%2F2018%2F11%2F20%2F140030" title="SNSシェアボタンを追加するあれこれ(Facebook/Twitter/Google+/はてなブックマーク/LINE/Pocket) - くらげになりたい。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/wannabe-jellyfish/20181123/20181123102921.png Hatena Blog https://hatena.blog 2018-11-20 14:00:30 rich https://memory-lovers.blog/entry/2018/11/20/140030 1.0 100%