Edita el post y en HTML pones un «span» a la primera letra.
<span class="primeraletra">aquí va la primera letra</span>resto del texto
Luego añades la regla «primeraletra» a la hoja de estilo de tu tema o en «Apariencia > Personalizar > CSS adicional» con las propiedades oportunas.
Si lo quieres automatizar, prueba lo que se indica en https://ayudawp.com/como-tener-letra-capital-en-tu-blog/
Gracias Almendron!!
He instalado el plugin para facilitar. ¿Si quisiese que la capital solo me apareciese en determinadas categorías del blog? Por ejemplo, solo en publicaciones de la categoría opinión… ¿Se puede hacer?
Este es el código del plugin. ¿cómo realizo el if por categoria?
function dropcap_header() {
echo(‘<link rel=»stylesheet» type=»text/css» media=»screen» xhref=»‘ . get_bloginfo(‘wpurl’) . ‘/wp-content/plugins/dropcap_first/dropcap_style.css» />’);
}
add_action(‘wp_head’, ‘dropcap_header’);
function dropcap_first($content=») {
$pos = stripos($content, ‘<p>’);
if (($pos !== 0) || ($pos === false)) {
return ‘<p class=»dropcap-first»>’ . $content;
} else {
return ‘<p class=»dropcap-first»‘ . stristr($content, ‘>’);
}
}
add_filter(‘the_content’, ‘dropcap_first’, 7);
¿Qué plugin has descargado?
He descargado Dropcap Frist Character
http://www.rc.au.net/blog/2006/07/27/dropcap-first-character-wordpress-plugin/
Estoy trabajando con Elementor Pro para maquetar las plantillas y no me deja poner la letra capital en el contenido dinámico (o no sé hacerlo…)
Usando el plugin que me he descargado me permite hacerlo si edito los textos en el clásico de WordPress pero los post que hemos editado con elementor no nos los cambia.
Finalmente he desinstalado el plugin y he tocado todo directamente con CSS en el editor de Custom CSS del elemento en Elementor Pro. Creando la clase Css .conten-opin (porque va a ser el contenido de opinión).
Vamos, que opción tradicional con código. Así evito que me añada la letra capital a todos mis textos.
.conten-opin
p:first-of-type::first-letter {
font-family: Georgia, serif;
float: left;
font-size: 7.125em;
font-weight: bold;
line-height: 0.65;
margin: 0;
padding: 0.05em 0.1em 0 0;
}
El plugin no debes usarlo. El propio autor solicitó su retirada del repositorio de WordPress.
De todas formas, en el enlace que te he pasado tienes el código para añadir tanto a la hoja de estilos como a tu plugin personal.
https://ayudawp.com/como-tener-letra-capital-en-tu-blog/
https://www.almendron.com/blog/crear-nuestro-plugin-personal/
