كيفية تغيير نص عنصر الـ span هذا بدون محددات؟

هذا الكائن لديه HTML التالي:

<span>Topic</span>

أتساءل كيف يمكن للمرء استخدام CSS لتغيير هذا النص إلى شيء آخر، على سبيل المثال، “Blogs”.

تحرير: أود أن أفعل هذا على أساس كل فئة على حدة.

إعجاب واحد (1)

يمكن تخصيص هذا عبر /admin/customize/site_texts?q=Topics

لست متأكدًا بالضبط أي واحد هو على الرغم من ذلك…

يمكنك اكتشافه عن طريق تشغيل I18n.enableVerboseLocalizationSession() في وحدة تحكم JavaScript، وإعادة تحميل الصفحة، ثم ستتمكن من ربط رقم السلسلة بالمخرجات في وحدة التحكم:

إعجابَين (2)

هذا سيكون لجميع الفئات، أليس كذلك؟ أريد القيام بذلك لكل فئة.

إعجاب واحد (1)

مرحباً :wave:

هذا ممكن باستخدام CSS.

body.category-name {
  .topic-list-header {
    .default.topic-list-data {
      span {
        visibility: hidden;
        &::before {
          content: "Blogs";
          visibility: visible;
        }
      }
    }
  }
}
إعجابَين (2)

أتمنى لو كان بإمكاني أن أعطيك 10 إعجابات! شكراً جزيلاً لك، دون!

3 إعجابات

إذا كنت ترغب في القيام بذلك على فئات متعددة وتجنب وجود العديد من أسطر SCSS، يمكنك استخدام حلقات SCSS. هذا يجعل الكود أسهل في القراءة والصيانة لأنه سيتعين عليك فقط تعديل متغيري SCSS.

4 إعجابات

سأحاول تحويل هذا إلى إضافة سمة، شكرًا على فكرة الحلقة هذه!

4 إعجابات

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