セレクターなしでこのspanオブジェクトのテキストを変更する方法

開発
1

image
image1462×208 12.3 KB

このオブジェクトには、次のHTMLがあります。

<span>Topic</span>

CSSを使用して、このテキストを「Blogs」などに変更する方法を教えていただけますか？

編集：これをカテゴリごとに実行したいと考えています。

2

/admin/customize/site_texts?q=Topics からカスタマイズできます。

ただし、具体的にどれかはわかりません…

JS コンソールで I18n.enableVerboseLocalizationSession() を実行し、ページをリロードすることで特定できます。その後、コンソールに出力される文字列の番号と照合できます。

image
image1088×650 85.4 KB

3

これはすべてのカテゴリに対してになりますよね？ カテゴリごとに実行したいのですが。

4

こんにちは :wave:

これはCSSで可能です。

body.category-name {
  .topic-list-header {
    .default.topic-list-data {
      span {
        visibility: hidden;
        &::before {
          content: "ブログ";
          visibility: visible;
        }
      }
    }
  }
}
5

10個の「いいね！」を差し上げたいです！本当にありがとうございます、ドン！

6

複数のカテゴリでこれを行いたい場合や、多くのSCSS行を避けたい場合は、SCSSループを使用できます。2つのSCSS変数を編集するだけで済むため、コードの可読性と保守性が向上します。

7

テーマプラグインにしようと思います。このループのアイデアをありがとうございます！