Pregunta sobre Twenty Nineteen de Wordpress:

Diseñando el blockquote

Un usuario preguntó 👇

Noto que CSS para la cita en bloque en línea parece ejecutarse en HTML, no en una hoja de estilo.

<blockquote class="wp-block-quote font-size: 30px; background: #f9f9f9; border-left: 10px solid #ccc; margin: .5em 10px; padding: 0 quotes: &quot;201C&quot;&quot;201D&quot;&quot;2018&quot;&quot;2019&quot;; 20px; line-height: 1.4;"><p> text here </p></blockquote>

¿Estoy en lo cierto en eso?

Si es así, ¿cómo cambio este código? Prefiero mantener todo mi CSS en una hoja de estilo, ¿puedo hacer eso?

(@jarretc)

Hace 1 año, 9 meses

¿Estás usando algún tipo de editor como Elementor o algo así cuando intentas agregar la cita en bloque?

Cuando uso Gutenberg (nuevo editor) obtengo esto para un bloque de cita en bloque

<blockquote class="wp-block-quote"><p>Gutenberg blockquote</p><cite>Citation</cite></blockquote>

Sin embargo, no mencionaste ningún código adicional. Además, su código no está definido correctamente. Para un CSS en línea, debería verse como

<blockquote class="Wp-block-quote" style="font-size: 30px; background: #f9f9f9; border-left: 10px solid #ccc; margin: .5em 10px; padding: 0"><p>text here</p></blockquote>

(@billbennett)

Hace 1 año, 9 meses

Sin editor. Solo quiero cambiar la SEC, pero eso significa violar la SEC en línea que parece trivial.

El código que cité se cortó y pegó directamente del HTML.

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 1 año, 9 meses

¿Cortar de Microsoft Word? Intente usar el Bloc de notas en su lugar porque algunos programas tienen estilos en línea no debería estar ahí.

(@billbennett)

Hace 1 año, 9 meses

No, cortar y pegar directamente desde el HTML de mi sitio.

(@ stilman-davis)

Hace 1 año, 9 meses

¿De dónde obtiene html para su sitio? Como sugirió Jarrett, marcar la cita en bloque parece estar mal. ¿Cómo se genera en el sitio? ¿Lo está insertando como texto a través de Gutenberg o usando un bloque en Gutenberg?

El problema parece estar de camino al código.

Debería ser similar al marcado mencionado por Jarrett, con class = «wp-block-quote» y style = «…». con todas tus transgresiones.

Le sugiero que vaya a Apariencia> Personalizado> CSS y cree el marcado que necesita en ese momento, usando su ejemplo.

.wp-block-quote
{
ont-size: 30px; 
background: #f9f9f9; 
border-left: 
10px solid #ccc; 
margin: .5em 10px; 
padding: 0 quotes: &quot;201C&quot;&quot;201D&quot;&quot;2018&quot;&quot;2019&quot;; 20px; 
line-height: 1.4;
}

(@billbennett)

Hace 1 año, 9 meses

Cargué la página en el navegador. Estoy usando Safari. Puedo ver la página como HTML o usar la opción «elemento de auditoría» para ir directamente a cualquier artículo. Cuando veo el HTML, lo selecciono, lo recorto y lo pongo en el cuadro de edición en la parte superior de esta página.

Mi pregunta no se trata de los caracteres adicionales que aparecen en esa cita. Eso es algo extraño que sucede al publicar el código en el cuadro de edición. Quiero saber cómo puedo cambiar el CSS en línea. ¿Necesito editar una función o puedo hacerlo en la hoja de estilo CSS?

(@ stilman-davis)

Hace 1 año, 9 meses

Sí, debería estar haciendo algo con la opción Apariencia, ya sea editando la hoja de estilo o adaptándola.

La pregunta es cómo se agrega este código en línea. Necesita ver cómo está agregando blockquotes. Parece que hay algo malo en ello, como señaló Jarret.

(@billbennett)

Hace 1 año, 9 meses

Estoy usando la opción directa blockquote de Gutenberg. Nada más. Está marcado como una cita en la lista de bloques de Getenberg.

Ese código proviene del tema o está codificado en WordPress.

Así que necesito identificar si el CSS está codificado en línea en las funciones o en WordPress o tal vez es de algún otro lugar en los archivos del tema.

Creo que mi pregunta está dando vueltas aquí.

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 1 año, 9 meses

Tu pregunta es ¿cómo cambiar el estilo en línea? Aquí está nuestra respuesta: 1) No cambie el estilo en línea; 2) Descubra dónde y cómo se agrega el estilo en línea; 3) Quite el estilo en línea; 4) Utilice el método apropiado para agregar CSS a la sección «CSS adicional» del panel o mediante el archivo Style.css del tema secundario.

Sin embargo, tienes razón, vamos en círculos porque todavía no tienes que afrontar la etapa 2.

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 1 año, 9 meses

Esto podría ser un plugin o un conflicto de tema. Intente deshabilitar todos los plugins y use uno de los otros temas predeterminados (Veinte *). Si el problema desaparece, permítales identificar el origen de sus problemas uno por uno.

Si puede instalar plugins, instale «Health Check»: https://wordpress.org/plugins/health-check/ En la pestaña de solución de problemas, puede hacer clic en el botón para deshabilitar todos los plugins y cambiar el tema por usted, mientras todavía estás conectado, sin interrumpir a los visitantes normales de tu sitio. Luego, puede usar el menú de la barra de administración para activar o desactivar plugins y temas de uno en uno.

(@billbennett)

Hace 1 año, 9 meses

“Tu pregunta es ¿cómo cambiar el estilo en línea? Aquí está nuestra respuesta: 1) No cambie el estilo en línea; 2) Descubra dónde y cómo se agrega el estilo en línea; 3) Quite el estilo en línea; 4) Utilice el método apropiado para agregar CSS a la sección «CSS adicional» del panel o mediante el archivo Style.css del tema secundario.

Sin embargo, tiene razón, vamos en círculos porque aún no ha realizado el paso 2. «

Decir esto no es estándar. ¿No ven los demás la cita en bloque en línea de CSS?

No existe si cambio el tema. Así es podría sé parte del tema.

La idea de un conflicto entre tema y plugin también es plausible. Trabajaré con eso más tarde.

¿Podría también estar relacionado con cómo se configura el bloque de cotizaciones de Gutenberg?

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *