Cómo usar etiquetas de span para una cotización de bloque en WordPress

Las etiquetas Span le permiten aplicar un estilo CSS a cualquier sección de sus publicaciones de WordPress. Piense en ellas como comandos CSS personalizados. Cuando se envuelve alrededor de una sección de texto, estos comandos personalizados se aplican a todo lo que está dentro del "intervalo". Efectivamente, esto le permite inventar sus propias etiquetas. Una de estas aplicaciones es crear una etiqueta blockquote definida por el usuario que pueda utilizar además del comando blockquote predeterminado de su tema.

1.

Inicie sesión en su área de administración de WordPress. En el menú principal a la izquierda, haga clic en "Apariencia" y luego haga clic en "Editor". Si estas opciones no están presentes, es porque no tiene permisos de "Administrador". Póngase en contacto con el propietario del sitio para solicitar una actualización, o pídale que complete estos pasos por usted.

2.

Haga clic en "style.css" en la lista de archivos de la derecha. El código de este archivo aparecerá en el panel de edición central. Comience una nueva línea en la parte superior del archivo y luego agregue el siguiente código:

.bq {display: block; margen izquierdo: 30px; estilo de borde izquierdo: sólido; color de borde izquierdo: rojo; relleno-izquierda: 5px; }

La única parte esencial es la línea “display: block;”, que permite que más de una línea de texto se estilice con las etiquetas de separación. El resto del código sangra la nota de bloque en 30 píxeles, coloca una línea roja a la izquierda de la cita y luego coloca el texto cinco píxeles a la derecha de esa línea. Edite o agregue un nuevo código para adaptarse a sus preferencias. Haga clic en "Actualizar archivo" cuando haya terminado.

3.

Haga clic en "Publicaciones" o "Páginas" en el menú principal y seleccione un documento al que desea agregar la nueva nota de bloque. Envuelva las etiquetas de rango alrededor de la sección que desea citar de la siguiente manera:

Esta es mi cita

4.

Haga clic en "Actualizar" en la parte superior derecha de la pantalla, luego haga clic en "Ver página" para ver los resultados. Las etiquetas span aplicarán todo el código en la clase "bq" que acaba de crear en el texto entre ellas. Si está satisfecho con los resultados, puede continuar aplicando la etiqueta bq span a cualquier texto que desee. Si no, vuelva a la página style.css y edite la clase bq, luego verifique nuevamente. Repita hasta que esté satisfecho.

Propina

• Las etiquetas de intervalo no solo se limitan al texto, sino que también puede aplicar un estilo al que normalmente se puede aplicar CSS.

Advertencia

• Cualquier cambio que realice en el archivo "style.css" se aplicará instantáneamente en todo su sitio web; tenga cuidado de no editar ningún otro código en este archivo.