[WordPress]抜粋表示時のscreen-reader-textとmeta-navを非表示にする方法

WordPress

2014.12.302015.06.12

WordPressのテンプレートタグthe_excerptで抜粋を表示する際に現れる

<span class=”screen-reader-text”></span>
<span class=”meta-nav”></span>

のspanタグをCSSで非表示にする方法のご紹介です。

screen-reader-text と meta-nav のspanタグを非表示にする

spanタグをdisplay: none、もしくはposition: absolute ; left: -1000emで非表示する方法ですので、スマートではないかもしれませんが…ご参考までに。

.screen-reader-text,
.meta-nav {
     display: none;
}

.screen-reader-text,

.meta-nav {

display: none;

}

もしくはこちら。

.screen-reader-text,
.meta-nav {
     position: absolute;
     left: -1000em;
}

.screen-reader-text,

.meta-nav {

position: absolute;

left: -1000em;

}

参考ページ
https://wordpress.org/support/topic/how-do-i-remove-this-text