2018.06.26Hacksスポンサーリンクこれは便利そうだいいなぁってことで、「でーじてとこん」で紹介されていた、サムネイル付き内部リンクをWordPressのアイキャッチ画像で取得するカスタマイズを早速導入してみました。Link」を使っています。「ナイスカスタマイズ!」(※特に写真に意味はありません)「でーじてとこん」のてとこんくん(@tetokon)が、サムネイル付きリンクを生成するブックマークレット「ShareHtml」を、自サイトの過去記事に限ってアイキャッチ画像をサムネイルに自動的に置き換えるカスタマイズの方法を紹介していました。ShareHtmlのサムネイル画像が自動でアイキャッチ画像になる様に改造しました。簡単!ほぼコピペでできます![WordPress]ShareHtmlという便利なブックマークレットがあります。ブログなんかで何かしらのリンクを紹介したい場合、画像付きでいい感じにリンクを作ってくれるっていうものですね。ShareHtmlとFocu...tetokon.com詳しいやり方については、上の記事を参照していただくとして、かんたんに説明しておくと、functions.phpに記事URLから記事IDを取得して、その記事に設定されているアイキャッチ画像のURLを取得するショートコードを作るという方法。Link」で使うことにしてみました。「ShareHtml」というブックマークレットは大変便利で、僕も一時期使っていたんですが、Chromeで使ってるとちょっと難点があるんですよね。)の場合、ブックマークレットが動いてくれません。サイトによっては強制的にブックマークレットを起動できることもあるんですがね。うちのブログではリンクに対して「和洋風KAI」のするぷくん(@isloop)が作った、はてブ数のテキスト化スクリプトではてブ数を表示させています。先日書いた「はてブ数」をテキスト表示するJavaScriptがカッチョ悪かったのでシンプルに書きなおしてみた。先日、公式のはてブ数表示がカッチョ悪いとこき下ろしながら、自分の書いたコードが長くてカッチョ悪かったので、@akio0911さんに再度アドバイスもらってシンプルにしてみました。...wayohoo.com「ShareHtml」は<script>タグを含ませることが想定された仕様ではないので、あとでテキストリンクだけ置き換えるという二度手間が発生してしまうのも使わなくなった理由です。Link」でも十分同じことができます。Link」であればURLがSSLであろうと関係なく一発取得できるので、個人的にはこっちのほうが効率的なんですよね。Link」に設定しているサムネイル付きリンクのフォーマットは以下のとおり。Link」を使っていて、かつうち同様にはてブ数のテキスト化スクリプトを導入している人の参考になれば幸いです。いずれにしても、今回のてとこんくんのカスタマイズ記事はナイスでした。考えたらその方法があったやんっていうね。この記事の場合、特になのですが、アイキャッチ画像がドでかい肉の画像なので、デフォルトのShareHtmlより目を引くと思います。ShareHtmlのサムネイル画像が自動でアイキャッチ画像になる様に改造しました。Capture」のキャプチャーよりも、記事内で使っている画像で見せたほうが、読者の目線を引くものになります。Link」でサムネイル付きリンクを取得して貼り付けたあと、サムネイルを記事の画像URLに置き換えるという流れで作業していました。今回のカスタマイズで、ここの手間をひとつ減らすことができるので、執筆の時間短縮に繋げることができそうです。カズキフリーランスのウェブディレクター。