WordPress【WordPress】トップページの各記事にPocketボタンを設置する方法ツイート前回に引き続き『Pocket』の記事です。タイトルの通り、WordPressトップページの各記事に『Pocketボタン』を設置する方法を解説します。コードの取得まずは公式サイトにアクセスして、好きなサイズのボタンのコードを取得しましょう。Buttonとりあえず、今回は一番大きいサイズのボタンを使います。aタグを改造コードを見ると、aタグとJavaScriptになっていますね。aタグをWordPressループの中にコピペするんですが、そのまま貼るとトップページ自体のPocketされた数が表示されてしまうので、少し改造します。the_permalink();?>"</a>「data-save-url」というのは、PocketするURLを指定するときに使うプロパティです。the_permalink();?>を設定することで、各記事ごとのPocketボタンの出来上がりです。簡単だね!JavaScript部分は</body>の直前にJavaScript部分は1回読みこめばOKなので、</body>の直前に突っ込んでおきましょう。編集するのは「外観→テーマ編集→フッター」からです。</html>こうすることで、Scriptの無駄な読み込みによるページ表示速度の低下を抑えることができます。Leo北海道在住の元気な22歳。右手に酒、左手に煙草、目の前にPCという生活。クズだけどいい人(ただし彼女はいない)。今欲しいのはリボルトの実機。Web制作は結構好き。VITAiPad画面キャプチャPC周辺機器ブラウザゲームスマホinstagramKindleフラットデザインPocketレスポンシブデザインこのサイトについてお問い合わせ。