QooQの海外シェアボタン装備

日本語ブログでは今のままで問題ないのですが、海外向け英語ブログですと、はてなとかラインとかPocket？とかで共有されることはまずないので、その3つを入れ替えてあげる作業をします。とても簡単でsingle-shareと検索してフェイスブックより下の3つをごっそり入れ替えてあげてください。

<b:includable id='shareButtons' var='post'>

<div class='single-share'>

  <a class='single-share-twitter' expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:post.canonicalUrl + &quot;&amp;text=&quot; + data:post.title' target='_blank' title='ツイッターでつぶやく'>t</a>

  <a class='single-share-facebook' expr:href='&quot;https://www.facebook.com/sharer/sharer.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='フェイスブックでシェア'>f</a>

  <a class='single-share-whatsapp' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title + &quot; - &quot; + data:post.canonicalUrl' target='_blank' title='WhatsAppで共有'>W</a>

  <a class='single-share-telegram' expr:href='&quot;https://t.me/share/url?url=&quot; + data:post.canonicalUrl + &quot;&amp;text=&quot; + data:post.title' target='_blank' title='Telegramで共有'>T</a>

  <a class='single-share-linkedin' expr:href='&quot;https://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='LinkedInでシェア'>in</a>

</div>

</b:includable>

それぞれのCSSは、

.single-share-facebook,

.single-share-twitter,

.single-share-whatsapp,

.single-share-telegram,

.single-share-linkedin{

text-align: center;

font-weight: bold;

margin: 0 .3em;

border-radius: 3px;

display: block;

padding: .2em 1em;

color: white;

}

.single-share-whatsapp{

background: #25d366;

}

.single-share-telegram{

background: #0088cc;

}

.single-share-linkedin{

background: #0e76a8;

}

に入れ替えてあげてください。わからないことがあればコメント欄にてご質問ください。