印刷時に表示されるURLを消す方法

Bootstrapが使われたwordpressでテーマを作成する際、アーカイブページをプリントアウトすると、意図しないURLが表示されていた。

解決方法

解決方法は以下のcssを組み込めはオッケー。

@media print {
 a[href]:after {
 content: "" !important;
 }
}

また、abbrタグのtitle属性を非表示にしたいときは、以下を組み込むと良い。

@media print {
 abbr[title]:after {
 content: "" !important;
 }
}

原因

bootstrap.cssには以下のcssが組み込まれていたことが原因であった。
そのため、打ち消すcssを作るか以下のコードを削除すれば良いことになる

bootstrap.css

a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }