¿Cómo ocultar el estilo CSS de la fecha del tema de WordPress? tutorial de estilo css oculto div

como esconderseWordPress¿Estilo CSS de la fecha del tema?

Tutorial de estilo CSS oculto DIV

chen weiliangRecientemente, la plantilla del sitio web se ha mejorado y optimizado, y esto también se hace para tener en cuentaSEOexperiencia de usuario.

有nuevos medios de comunicaciónLa gente preguntó:¿Qué pasa si queremos ocultar un determinado icono, fecha de un tema de WordPress?

La respuesta es ocultar los estilos con CSS:

.r-hide {display：none;}

Los estilos ocultos de CSS pueden lograr:

• 1) Texto oculto
• 2) Ocultar hipervínculos (enlaces negros)
• 3) Ocultar código estadístico
• 4) Ocultar icono

Primero, necesitamos encontrar selectores de CSS.

¿Qué son los selectores de CSS?

La definición de cada estilo CSS consta de 2 partes:

选择器{样式}

• La parte antes de {} es el "selector".
• El "selector" indica el "estilo" del objeto {}.
• ¿Comentarios sobre qué elemento de la página funciona este "estilo"?

¿Cómo encontrar selectores de CSS?

Ejemplo de código 1

El siguiente es un ejemplo de una animación GIF. Después de encontrar el selector CSS a través del navegador, la fecha se oculta▼

Obtener selectores de CSS time.the-date Después de eso, agregue el siguiente código CSS al archivo style.css del tema WP:

time.the-date {
 display: none;
}

Ejemplo de código 2

Aquí se explica cómo seleccionar y diseñar un elemento con class="r-hide":

.r-hide {display：none;}

Si el tema WP tiene opciones, puede agregar el código CSS anterior alOpciones de tema de WP → Personalizar estilo → Personalizarcuadro de código de estilo.

• Usar estilos CSSpantalla: ninguno;  ocultar el contenido especificado,
• Invisible a través del navegador, el contenido oculto no ocupa espacio,
• Suele usarse para ocultar efectos JS, ocultar iconos de códigos estadísticos, etc.

Lectura extendida:

• " ¿Cuál es la diferencia entre la clase de selector CSS y la identificación? id y uso de clase en HTML"