Wie ändere ich den Text dieses Span-Objekts ohne Selektoren?

Entwickler
1

image
image1462×208 12.3 KB

Dieses Objekt hat das folgende HTML:

<span>Topic</span>

Ich frage mich, wie man mit CSS diesen Text in etwas anderes ändern könnte, z. B. in „Blogs“.

EDIT: Ich möchte dies pro Kategorie tun.

1 „Gefällt mir“
2

Dies kann über /admin/customize/site_texts?q=Topics angepasst werden.

Ich bin mir aber nicht sicher, welcher es genau ist…

Sie können dies herausfinden, indem Sie I18n.enableVerboseLocalizationSession() in der JS-Konsole ausführen, die Seite neu laden. Dann können Sie die Nummer des Strings mit der Ausgabe in der Konsole korrelieren:

image
image1088×650 85.4 KB

2 „Gefällt mir“
3

Das wäre aber für alle Kategorien, oder? Ich möchte es pro Kategorie machen.

1 „Gefällt mir“
4

Hallo :wave:

Das ist mit CSS möglich.

body.category-name {
  .topic-list-header {
    .default.topic-list-data {
      span {
        visibility: hidden;
        
        &:before {
          content: "Blogs";
          visibility: visible;
        }
      }
    }
  }
}
2 „Gefällt mir“
5

Ich wünschte, ich könnte dir 10 Likes geben! Vielen Dank, Don!

3 „Gefällt mir“
6

Wenn Sie dies für mehrere Kategorien tun und viele SCSS-Zeilen vermeiden möchten, können Sie SCSS-Schleifen verwenden. Dies erleichtert das Lesen und die Wartung des Codes, da Sie nur zwei SCSS-Variablen bearbeiten müssen.

4 „Gefällt mir“
7

Ich werde versuchen, dies in ein Theme-Plugin zu verwandeln, danke für diese Schleifenidee!

4 „Gefällt mir“
8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.