Cómo configurar las publicaciones de WordPress para usar una letra capitular










  • La letra capitular es una forma elegante de comenzar un párrafo, especialmente si está creando un trabajo ficticio en el sitio web. Es cuando la primera letra del párrafo es más grande que el resto de la fuente y baja o sube por encima de la base de la oración.

    Este método tampoco tiene que usarse para colocar las letras debajo del párrafo. Algunos escritores usarán la fuente extra grande tal como está para ayudar a separar el párrafo del anterior. De cualquier manera, es una forma de acentuar el artículo y llamar la atención sobre el comienzo de un capítulo.

    En este tutorial, le mostraré cómo usar mayúsculas en WordPress. Vamos a ver dos formas diferentes de hacer esto, usando código y usando un complemento de WordPress. Hacer esto agregará un poco de estilo a su escritura que tiene el potencial de atraer a su audiencia.

    Configuración de Drop Cap en WordPress usando código CSS

    Esta es la forma más difícil de lograr mayúsculas en WordPress. Debe estar familiarizado con la escritura de código CSS y colocarlo en el archivo style.css de su sitio web de WordPress. Echemos un vistazo a algo de código para escribir y dónde agregarlo en el archivo style.css.

    Puede agregar el siguiente código CSS directamente al archivo en su panel de administración de WordPress, o agregarlo al archivo usando un cliente FTP . Para este ejemplo, estamos agregando el código directamente al archivo desde el panel de administración.

    Primero, acceda al archivo style.css haciendo clic en Apariencia > Editor de temas en el menú del lado izquierdo dentro de su panel de administración de WordPress.

    Haga clic en apariencia y luego en editor de temas

    Una vez que esté en la página de archivos de temas, busque el archivo Stylesheet (style.css) y haga clic en él.

    Haga clic en el archivo de hoja de estilo

    En el archivo de hoja de estilo, se desplazará hasta el final y agregará el siguiente código. Este código agregará capitulares al primer párrafo en el contenido de la publicación o página.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    @import url('https://fonts.googleapis.com/css?family=Tangerine');
    .entry-content p:first-child:first-of-type:first-letter {
    font-size: 85px;
    line-height: 00px;
    padding-top: 10px;
    padding-right: 13px;
    padding-left: 4px;
    color: #ff5733;
    float: left;
    font-family: 'Tangerine', serif;
    text-shadow: 4px 4px 4px #aaa;
    }

    Se verá como esta captura de pantalla en la parte inferior de su hoja de estilo.

    Código en la hoja de estilo

    Nota: Si recibe una advertencia que dice que la siguiente línea no se puede importar:

    1
    @import url('https://fonts.googleapis.com/css?family=Tangerine');

    Simplemente elimine esa línea y guarde el archivo. Deje que su tema elija la fuente o pruebe con otra fuente o estilo de importación.

    Usar CSS para hacer capitulares es efectivo. Pero probablemente sea una buena idea editar un tema secundario en lugar de uno principal. De esa manera, no perderá el código CSS que hace letras mayúsculas en WordPress.

    Configurar Drop Cap en WordPress usando un complemento

    En el pasado, solía haber varios complementos de mayúsculas de WordPress realmente buenos disponibles. Ahora, ninguno de ellos parece estar actualizado y se ha quedado atrás de los estándares y las mejores prácticas de WordPress.

    Entonces, para agregar capitulares de WordPress usando un complemento, vamos a usar una gran herramienta llamada Shortcodes Ultimate .

    Complemento definitivo de códigos cortos

    En pocas palabras, el complemento está lleno de toneladas de excelentes códigos cortos que puede usar en su sitio web de WordPress. también incluye un código abreviado de capitulares de WordPress que vamos a utilizar para configurar capitulares en WordPress.

    Primero, instale y active el complemento Shortcodes Ultimate desde el repositorio de complementos de WordPress dentro del panel de administración.

    Instale y active el complemento de letra capitular de wordpress

    Una vez que el complemento se haya instalado y activado, haga clic en Códigos cortos> Códigos cortos disponibles.

    Códigos abreviados y luego códigos abreviados disponibles

    Esto lo llevará a todos los códigos cortos disponibles que ofrece el complemento. Desplácese hacia abajo y localice el cuadro de código abreviado "Dropcap".

    Cuadro de código abreviado de letra mayúscula

    Haga clic en ese cuadro y accederá a la configuración del código abreviado de letra mayúscula. Simplemente copie el código abreviado disponible y luego péguelo donde desee que aparezca la letra capitular. El código funcionará en publicaciones, páginas y también en la mayoría de las áreas de complementos.

    Página de configuración de mayúsculas de WordPress

    Nota: Hay algunas opciones de estilo css diferentes que ofrece el complemento. Se enumeran a continuación. Si desea que la letra capitular de WordPress se vea diferente, simplemente agregue un idioma separado al área relevante de la línea de código abreviado.

    Opciones de estilo de código corto

    NOTA: También puede usar el código abreviado de letra mayúscula desde la pantalla de edición de publicaciones y páginas. Haga clic en el botón "Insertar código abreviado" y seleccione la función de letra mayúscula.

    Insertar botón de código corto

    ¡Eso es todo! Ha ingresado con éxito una letra capital de WordPress en su sitio web. Siéntete libre de jugar con ellos y ver qué se te ocurre.

    Pensamientos finales

    El uso de capitulares de WordPress en su sitio es otra forma de hacer que sus publicaciones y páginas se destaquen y capten la atención del lector. No tengas miedo de probarlo y darle a tu escritura un pequeño empujón de emoción.

    ¿Alguna vez has usado mayúsculas en alguna de tus publicaciones o páginas antes? Una vez que comenzaste a usarlos, ¿te pareció que era único y llamativo?










  • Subir