Wordpressの記事に自動でPDFのアイコンを表示させる | Webコンサルティング

WordPressは、管理画面からpdfをアップロードすると記事内にテキストリンクが現れ、ダウンロードできるようになりますが、テキストリンクだけなので下記のようにとてもさびしい感じになります。 Webコンサルティングの手引き 今回はテキストだけでなく左側にPDFのアイコンを入れたいというクライアントのご要望がありました。昔はプラグインで実現できましたが今はWordpressのバージョンアップで使えなくなりましたので、CSSにて実現をしてみました。 下記のような感じになります Webコンサルティングの手引き 導入手順 ①CSSに以下のソースコードを追加します。 a[href $='.pdf'] { font-size: 14px; background:url(images/pdf.png) no-repeat; margin-top: 30px; padding-left: 60p