yamachanさん

投稿者:: @yamachan

これを表記しないように

これは、非表示ということですよね。

非表示の方が簡単だとは思います。

.wp-block-archives label {
    display: none;
}

置換するのであれば、CSSではできない気がします。
（PHPなり、JavaScript(jQuery)なり・・・。）

私にはjQueryで置換する方法しか思いつきませんでした。
（わざわざ置換しなくても、消して挿入しても良いような気もしますが。）

直接貼ると、WAFに引っ掛かってしまいましたので、notepadに貼りました。
https://notepad.pw/share/ev1h79gn5

固定ページのカスタムJavaScriptに書くのが良いと思います。

@mk2_mk2 さんありがとうございます。

初歩的な質問ですみませんが、非表示するためには「style.css」にコピペでよかったでしょうか。

貼ってみたのですが、「アーカイブ」は表示されたままです。

キャッシュ？？が残っているのでしょうか。

よろしくお願いいたします。

yamachanさん

私の確認が良くなかったようです。

子テーマにお書きになる場合は、以下にしてください。

.wp-block-archives-dropdown.wp-block-archives label {
    display: none;
}

子テーマにお書きになる場合は、他のところでアーカイブブロックを使用すると全部同じように非表示になります。

トップページの固定ページだけ・・・ということであれば、その固定ページのカスタムCSSに、先に書いたものでも大丈夫だと思います。

CSS で非表示にする場合は、私であれば下記の CSS を使います。

.wp-block-archives-dropdown label {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

参考：Hiding and updating content

理由は、アクセシビリティです。

スクリーンリーダーは、そのアーカイブブロックをこのように読み上げます。

「アーカイブ　月を選択」

しかし、ラベルを display:none や visibility: hidden で非表示にした場合、スクリーンリーダーはラベルを無視します。そのため、アーカイブブロックをこのように読み上げます。

「月を選択」

何の月を選択するのか分からなくなり、スクリーンリーダーを利用するユーザーを混乱させる可能性があります。

そのため、視覚的には見えなくしつつ、スクリーンリーダーは読み上げる冒頭の CSS がいいように思えます。

@mk2_mk2 さん

ありがとうございました！　解決いたしました！本当に助かりました。

@akira さん

スクリーンリーダーを使ったことがないのですが、これも大事なことなんですね。

ありがとうございました。

とりあえず当初の「アーカイブ」を表示しないことについては解決いたしました！