【Jettheme#02】シェアボタンを日本語向けに置き換える

  • B!

Jettheme でめにつくところ。シェアボタンがバタ臭い。

ということで日本仕様に変更したいのです。


オリジナル SNS シェアボタン 【JavaScript 版】(2021/05/14: コードをアップデートしました) | ふじろじっく

オリジナル SNS シェアボタン 【JavaScript 版】(2021/05/14: コードをアップデートしました) | ふじろじっく

ふじろじっくオリジナルSNSボタンのコードをJavaScript化してみた

 

当然のごとく自力では無理。素材は聖人が用意してくれているので後は貼り付けるだけ

なのに、貼り付け場所の特定に半日かかった。


まずボタン素材のサイトを登録

上記サイトの① Font Awesome アイコン準備

<!-- Your Style and Script before </head> is here -->

 のすぐ下に貼り付け

 

HTML

上記サイトの② HTML コードの設置

初期設定で、記事上部にシェアボタンがあるのでそこの書換

 <div class='social-share mb-3'>

から</div></div>の2つの終点までの11行分を置き換える

 

記事下部に設置

<data:post.body/>

のすぐ下

2つあるので上部の方。</div>の間に設置

 

CSS

上記サイトの③ CSS コードの設定

コレは指示通りに

]]></b:skin>

の上でOK


ついでに

 .sns-share-buttons li a {
    border-radius: 25px;

を5pxにして、丸いマークを角丸に変更


もうすでにどこをイジったか迷子になり始めている


この記事をシェアする
  • B!
次の投稿 前の投稿
コメントなし
コメントする
comment url