Pregunta sobre Arreglando WordPress de Wordpress:

Eliminar títulos de página con CSS

Un usuario preguntó 👇

Dios los bendiga,

mi CSS está oxidado, ¿alguien puede decirme que coloque el comando de demostración: cualquiera con todos los títulos de página? Creo que se verá mejor sin él.

¿O crees que afectaría mi SEO? El título de la página se seguiría mostrando en la barra de navegación de ruta de navegación.

¡Gracias! Chris

(@ rajanit2000)

Hace 2 años, 10 meses

Hola @ chrisontour84.,

Simplemente coloque esta línea en el archivo style.css del tema de su hijo

.page #content .post-title {display: none; }

Gracias Rajan V.

(@sterndata)

Moderador del foro y voluntario del equipo de apoyo

Hace 2 años, 10 meses

#content .post-title {
  display:none;
}

Para agregar CSS: utilice la opción «CSS adicional» en el personalizador. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

Descubra cómo Herramientas para desarrolladores de Chrome para ayudarlo a ver y probar los cambios en su CSS.

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 10 meses

Si desea los títulos que todavía están en la página para tecnologías como motores de búsqueda o tecnologías de asistencia, intente esto en su lugar:


#content .post-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

https://www.w3.org/WAI/tutorials/fundamentals/hiding/

(@ chrisontour84)

Hace 2 años, 10 meses

Gracias chicos, pero aclaren: ¡no quiero eliminar los títulos de mis publicaciones, solo de las páginas estáticas! #Content .post-title solo se aplicaría a todos los títulos o?

(@sterndata)

Moderador del foro y voluntario del equipo de apoyo

Hace 2 años, 10 meses

¿Qué significa «páginas estáticas»?

(@ chrisontour84)

Hace 2 años, 10 meses

Si miras mi sitio, con páginas estáticas me refiero a «Acerca de mí», «Viajes, viajes», etc. Pero de las publicaciones reales que aparecen en mi sitio principal, quiero mantener el título 🙂

(@sterndata)

Moderador del foro y voluntario del equipo de apoyo

Hace 2 años, 10 meses

Puede calificar el CSS anterior para que esté orientado a páginas. Mira el <body> etiqueta cada uno de ellos y encontrarás las clases correctas para usar.

(@ chrisontour84)

Hace 2 años, 10 meses

Perdón por mi confusión, tengo 3 opciones aquí, ¿cuál ocultará los títulos de las páginas pero no los títulos de las publicaciones?

(@sterndata)

Moderador del foro y voluntario del equipo de apoyo

Hace 2 años, 10 meses

Aquí está la línea del cuerpo de una publicación:

<body data-rsssl=1 class="post-template-default single single-post postid-9690 single-format-standard color-default">

y de la pagina

<body data-rsssl=1 class="page-template-default page page-id-2 page-parent color-default">

Así que úsalo

.single #content .post-title

como el reportero

(@ chrisontour84)

Hace 2 años, 10 meses

Es confuso ya que quiero cambiar las páginas, pero tengo que usar «.post-title» – Pero jugaré un poco más tarde y les haré saber si funcionó 🙂 ¡Gracias!

(@ chrisontour84)

Hace 2 años, 10 meses

¡Dios los bendiga! Apliqué el código de Andrew ahora y, como esperaba, también eliminó los títulos de todas mis publicaciones. 🙁 ¿Cómo puedo modificar el código para ocultar solo los títulos de las páginas?

Gracias Chris

(@sterndata)

Moderador del foro y voluntario del equipo de apoyo

Hace 2 años, 10 meses

Utilice .page como calificador.

.page #content .post-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

(@ chrisontour84)

Hace 2 años, 10 meses

Funcionó muy bien como un artículo de encanto cerrado, ¡gracias!

¿Solucionó tu problema??

0 / 1

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.