Question

使用'AddThis'智能API进行社交分享，是否有人知道如何将按钮设置为小尺寸？似乎它应该是一个简单的设置，但我一直无法找到它，并坚持使用32 x 32。 http://support.addthis.com/customer/portal/articles/1200473-smart-layers-api#.Usw3JmRDs9E

到目前为止，我有以下代码并尝试添加宽度和高度，但它不起作用：

addthis.layers({
    'theme' : 'transparent',
    'share' : {
    'position' : 'left',
    'services' : 'facebook, twitter, linkedin, email, print, more',
    //'width' :  "16px",
    //'height' :  "16px"
}

Answer 1

如果有人想知道，事实证明智能API不允许按钮上的尺寸更改。只有分享按钮选项才允许更改尺寸：https://www.addthis.com/get/sharing

Answer 2

我更改addthis社交共享侧边栏/按钮大小的解决方案是在addthis脚本之后在底部添加一个javascript片段，如下所示：

function shrink() {
  var rslt = $('.atss a .at-icon-wrapper').css ( { padding: 0, width: '32px' } );
  //console.log (rslt.length, rslt);  // uncomment this if you want to debug
  if (rslt.length == 0)
    setTimeout (shrink, 500);
}

$(document).ready(function() {
  setTimeout (shrink, 500);
});

这很有效，并且可以在https://eracks.com中看到 - 并且调整大小永远不可见（至少我还没见过），无论连接速度/带宽是多少。

Ĵ

改变addthis社交分享按钮的大小

2 个答案: