"添加到口袋”;作为文本而不是图像

"Add To Pocket" as text and not image

本文关键字:文本 图像 添加 quot 口袋      更新时间:2023-09-26

与Instapaper不同,Pocket不为出版商提供添加"添加到Pocket"文本锚的方法。

这是我收集的应该放在索引中的代码:

 <a href="https://getpocket.com/save" class="pocket-btn" data-lang="en"
 data-save-url="http://yourDomain.com/the/page/to/save.html"
 data-pocket-count="vertical" 
 data-pocket-align="left"
 >Pocket</a>
 <script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script>

我使用的是WordPress,所以我必须用PHP替换data-save-url,这不是问题。问题是,我不知道如何使这个元素显示为Text正常工作。我尝试过隐藏它的img类并使用spancontent:before/after,但它不起作用,因为Javascript代码在CSS加载后执行(?)。

也有同样的问题。经过一点搜索,我使用了:

<a href="https://getpocket.com/edit.php?url=http://www.example.com/myPage.html">Save to Pocket</a>

你会失去计数器。当然,用户必须登录到Pocket才能立即保存,否则他将被重定向到登录页面。这对我来说很好。希望对你也一样。