Как изменить текст этого span-объекта без селекторов?

Разработка
1

image
image1462×208 12.3 KB

У этого объекта следующий HTML:

<span>Topic</span>

Меня интересует, как можно с помощью CSS изменить этот текст на что-то другое, например, на «Блоги».

РЕДАКТИРОВАНИЕ: Я хотел бы делать это на основе каждой категории.

2

Это можно настроить через /admin/customize/site_texts?q=Topics

Однако я точно не уверен, какое именно это…

Вы можете выяснить это, выполнив I18n.enableVerboseLocalizationSession() в консоли JS, перезагрузив страницу, после чего сможете сопоставить номер строки с выводом в консоли:

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. Это упрощает чтение и поддержку кода, так как вам нужно будет редактировать только две переменные SCSS.

7

Я постараюсь превратить это в тематический плагин, спасибо за идею с циклом!