Saltar al contenido

Cómo agregar código CSS personalizado al tema LingHang

Aunque el tema LingHang facilita a los usuarios novatos la creación rápida de un sitio web profesional, algunos diseños pueden no satisfacer las necesidades reales de tu empresa. Si sabes modificar código CSS, puedes sobrescribirlos con CSS personalizado.

Hay dos formas de agregar CSS personalizado en el tema LingHang:

1. CSS personalizado del tema (la más sencilla)

Pasos: WordPress Escritorio → Apariencia → Personalizar → CSS adicional

Pega tu código CSS modificado allí.

2. Instalar un tema hijo (mayor personalización)

(El método de instalación es el mismo: subir y activar).

El tema hijo no se actualiza junto con el tema padre, por lo que el código que guardes en el tema hijo seguirá funcionando de forma permanente.

3. Modificar el código mediante un tema hijo

Tras instalar y activar el tema hijo, puedes modificar el código a través del „Editor de archivos del tema“ en el menú Apariencia, editando el archivo style.css para insertar tu propio código CSS.

子主题修改代码教程

Demostración de código: modificar la fuente

/* 修改全站字体为中文网站常用字体 */
/* Override the site-wide font with a Chinese-friendly font stack */
body,
button,
input,
select,
textarea {
      font-family:
              -apple-system, BlinkMacSystemFont,     /* macOS/iOS 系统默认字体 */
              "PingFang SC",                          /* macOS/iOS 苹方 */
              "Microsoft YaHei", "微软雅黑",           /* Windows 微软雅黑 */
              "Helvetica Neue", Helvetica, Arial,     /* 英文兜底字体 */
              "Noto Sans SC", "WenQuanYi Micro Hei",  /* Linux/Android 中文字体 */
              sans-serif;                             /* 系统无衬线字体兜底 */
}
body {
      line-height: 1.8; /* 中文字符偏方正,行距略微加大更易读 */
}