【あんちゃん 様】PDFアイコンを記事に挿入したいです

初めまして、お助けください!!
PDFアイコンを記事に挿入したいです。が、色々検索してやってみてもうまくいかないです。できたらプラグインを使用せずにやりたいです。
私がやってみたかったのは、①メディアでPDFの画像(.png)をアップ

②a[href $='.pdf'] {
    background:url(<img src="http://www-user.*****/wp-content/uploads/2019/06/pdf-450x450.png" alt="" width="35" height="35" class="alignnone size-medium wp-image-1687" />) no-repeat right;
    padding-top: 0;
    padding-bottom: 0;
    padding-right:20px;
    padding-left: 0;
    overflow:hidden;
    margin-top: 0;
    margin-left:0;
    text-decoration:none;
}

です…。そうするとPDFアイコンは登場するものの、上記コードもでてしまうんです。
よろしくお願いいたします。。。


ご相談ありがとうございます。
コードの整合性チェックまでは行っておりませんが、一点だけ。

backgroundの書き方が違いますね。HTMLコードとごっちゃになっているようです。

background:url('https:// ~~~~ .pngまで ') 略;

で問題ありません。

ただ、実際に画像が出てしまうというのは、このCSSコードを.phpファイルに直接書いている形でしょうか。
もし余裕があれば
外観 > カスタマイズ > 追加CSS
といった方法についても勉強してみてください。

以下、CSS関連の記事になります。
【まいまい様】WordPressで記事ごとに個別のcssを追加する色々な方法
WordPressの記事ページのみにカスタマイズCSSを適応させたい

おすすめコンテンツ

コメントをどうぞ

    1. コメントありがとうございます。
      HTML、CSS、PHPと勉強していくと様々なカスタマイズができるようになります。
      是非色々勉強してみてくださいね^^

コメントを残す

メールアドレスが公開されることはありません。

コメントの前にご確認ください。

  • コメントは承認制のため、反映・表示までお時間を頂きます。
  • メールアドレス等の入力も必須ではありませんので入力の必要はありません。お気軽にどうぞ。(冷やかしは止めてね!)
  • コメントや返信があっても通知は届きませんのでご注意下さい。
  • 忙しい時はレスが遅れることもあります。
  • 当ページによる一切の不利益および損害に関し、責任を取ることはできません。