Instapaperとは異なり、Pocketはパブリッシャーに「Add to 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 を使用しているので、data-save-url
を PHP に置き換える必要がありますが、問題ありません。問題は、この要素をテキストとして表示し、適切に機能させる方法がわからないことです。img
クラスを非表示にして and を使用span
しようとしましたが、CSS が既に読み込まれた後content:before/after
に Javascript コードが実行されているため、機能しません(?)。