Tema que muestre los títulos de entrada como botones VER EJEMPLO

Mirando este ejemplo me gustaría que me ayudaran identificar un tema o fuentes que hagan titulados tan atractivos como estos: 20+ Internet bots gratuitos que harán mucho trabajo en un solo clic Lo más interesante es ese estilo de botones y si echan un close up los botones sociales son parecidos, como echos bajo un mismo diseño.

Desconoco de algun plugin que haga eso .

Pero como comentario .--
No son titulos como tal son imagenes , ( para el theme ya tenia esos iconos de redes sociales ) , a si que con una pequeña funcion js hacen que se muestren los botnos , por que de echo estan mal posicionados.

[MENTION=179278]ultracobra[/MENTION] estimado como te mencionan arriba lo que solicitas son imágenes incrustadas como títulos.

Como te comentan, es una imagen editada previamente y utilizada como título.

Añado que es una chapuza y que nunca lo haría de esa forma, además de añadir elementos nuevos que van a hacer la carga más lenta no ha tenido el detalle de cambiar ni el título de la imagen ni de añadir atributo alt quedando algo así 651651684.jpg. En resumen, anti-SEO, yo no cogería muchas ideas de esa web si son todas como esa :ambivalence:

Solución

Aplicale este CSS a tu web. Lo que hace es modificar la apariencia de los H2:

h2 {
font-size: 19px;
font-weight: 800 !important;
background-color: #00b0ff;
height: 50px;
border-radius: 19px;
padding-left: 40%;
color: white;
padding-top: 12px;
}

Qudando algo así:



Puedes modificar los valores para aplicárselo a otra etiqueta como h3, cambiar colores, tamaños de fuente e incluso si quieres que se aplique solo a ciertos post y no a todos, añadiéndole una clase al título cuando estés creando el post.

Espero que te sirva.😉

liukin dijo:

Como te comentan, es una imagen editada previamente y utilizada como título.

Añado que es una chapuza y que nunca lo haría de esa forma, además de añadir elementos nuevos que van a hacer la carga más lenta no ha tenido el detalle de cambiar ni el título de la imagen ni de añadir atributo alt quedando algo así 651651684.jpg. En resumen, anti-SEO, yo no cogería muchas ideas de esa web si son todas como esa :ambivalence:

Solución

Aplicale este CSS a tu web. Lo que hace es modificar la apariencia de los H2:

h2 {
font-size: 19px;
font-weight: 800 !important;
background-color: #00b0ff;
height: 50px;
border-radius: 19px;
padding-left: 40%;
color: white;
padding-top: 12px;
}

Qudando algo así:

Ver el archivo adjunto 119594

Puedes modificar los valores para aplicárselo a otra etiqueta como h3, cambiar colores, tamaños de fuente e incluso si quieres que se aplique solo a ciertos post y no a todos, añadiéndole una clase al título cuando estés creando el post.

Espero que te sirva.😉

Hacer clic para expandir...

Mucho mejor [MENTION=168322]liukin[/MENTION], gracias por el código.