Avisos
Vaciar todo

problemas con la tipografia  

 
ANA
 ANA
Usuario experto

Buenas,
he intentado personalizar la tipografia de mi wordpress. Primero usé el plugin typography. El resultado me gustaba hasta que me di cuenta de que en algunas entradas no ha hecho bien los cambios. Por ejemplo en este artículo:
http://friendlypet.es/blog/tamanos-y-formas-de-comederos-para-perros/
Todo el cuerpo del texto debería estar en calligraffitti, sin embargo sólo lo están el primer y último párrafos.
Probé con google easy fonts pero me ocurre lo mismo y en los mismo párrafos. Ocurre en varias entradas pero no encuentro el problema.
Me gustaría que el typography funcionase bien porque me encanta el efecto de las nuevas letras. Podríais ayudarme?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 24/10/2016 1:18 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ana.

.- Edita el archivo style.css que encontraras en la ruta -> blog/wp-content/themes/twentyfifteen/style.css

.- Al principio del archivo veras el siguiente código:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

Modifícalo por lo siguiente:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: "Calligraffitti";
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

Un saludo

ResponderCitar
Respondido : 24/10/2016 3:40 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

ANA
 ANA
Usuario experto

Andá!! entonces para qué sirve tener instalado el typography?? Lo desinstalo entonces??

ResponderCitar
Respondido : 24/10/2016 7:49 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El plugin te importa la fuente, el CSS que te paso Pepe es sólo para que se use en determinadas partes de tu sitio.

En conclusión necesitas el plugin ya que sin este no tienes el archivo o url de la fuente.

Saludos.

ResponderCitar
Respondido : 24/10/2016 11:27 pm

Cursos Gratuitos WordPress

ANA
 ANA
Usuario experto

Pues me temo que la cosa sigue igual.... he cambiado el código que dijisteis en el archivo que dijisteis pero todo sigue igual....
Sigue ocurriendo lo mismo en las dos entradas de los comederos:
http://friendlypet.es/blog/elige-comedero-para-perros-o-gatos/
http://friendlypet.es/blog/tamanos-y-formas-de-comederos-para-perros/

ResponderCitar
Respondido : 25/10/2016 12:14 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ana.

Revisándolo con el inspector del navegador, no veo que este cambiado el código, como te indique en el hilo anterior.

La ruta es dentro de la carpeta blog que tienes en la raíz de tu instalación en la ruta /wp-content/themes/twentyfifteen/style.css

Este es el resultado después de la modificación:

Personalmente y sin querer meterme en tu trabajo, creo que es un tipo de letra que para su lectura puede llegar a cansar un poco al usuario, estaría bien para distinguir algún comentario por ejemplo, pero para toda la web creo que es un poco pesada, solo como apreciación mía.

Un saludo

ResponderCitar
Respondido : 25/10/2016 1:35 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

ANA
 ANA
Usuario experto

Con el tipo de letra aún estoy haciendo pruebas. Me gustaria un letra de tipo manuscrita, en vez de las clásicas tan formales de ordenador, pero no descarto arrepentirme y terminar dejando una letra más "estandar". Sin embargo, sigo sin conseguir poner la letra que quiero y eso me preocupa. Creo haber seguido los pasos correctamente pero no funciona, algo no funciona y es algo de esos dos post en concreto, en los demás sí funciona:

ResponderCitar
Respondido : 25/10/2016 2:53 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ana.
Veo que si que esta cambiado.

¿ lo podemos dar como solucionado ?

un saludo

ResponderCitar
Respondido : 25/10/2016 3:44 pm

ANA
 ANA
Usuario experto

Lo estoy solucionando al "método pedrestre": borrando en el html lo que NO debería estar y que sigo sin saber porqué se ha puesto. Seleccionando el texto y cambiando el formato, no se cambiaba. Así que a mano mientras nadie me ofrezca una solución mejor

ResponderCitar
Respondido : 25/10/2016 3:45 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que estas haciendo puede ser una solución, pero no te la recomiendo, lo mejor es cambiarlo por CSS

Además veo que estas usando una estructura html que igualmente no lo veo correcto, veo varios párrafos con h4, por ejemplo en :
Contenido solo visible a usuarios registrados

Los párrafos deben ser

, mejor elmina los cambios que has realizado, es posible que se soluciones con un estilo CSS tanto para el tipo de letra, color y justificado., pero tienes que dejar primero bien tu estructura html ya que de otro modo lo que te diga que apliques cuando cambies no funcionará.

En resumen escribe algún artículo con contenido sin ningún tipo de formato y nos envías la url para verificar.

Saludos

ResponderCitar
Respondido : 25/10/2016 6:46 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

ANA
 ANA
Usuario experto

Ahí tenéis el artículo sin formatos...
http://friendlypet.es/blog/artrosis-perro-gato/

De momento no parece haber nada raro. Cuando digáis doy el siguiente paso: dar formatos.

ResponderCitar
Respondido : 27/10/2016 8:36 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregando el siguiente código CSS

.entry-content p{
	font-family: "Satisfy";
}

Puedes agregarlo al final del archivo:
/blog/wp-content/themes/twentyfifteen/style.css

Veo que estas usando text-align: justify;, puedes poner esto también como parte del CSS, no es necesario que vaya como lo has realizado

Saludos.

ResponderCitar
Respondido : 27/10/2016 11:07 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

ANA
 ANA
Usuario experto

Ya he cambiado el CSS, pero al de nuevo al poner las dos entradas que me causan conflicto al formato párrafo, han vuelto a salir en html ese "span" que no se lo que son, pero sé que influyen en los cambios que hago. ¿Por qué salen? Ahora me da miedo tocar nada del resto de entradas.

ResponderCitar
Respondido : 28/10/2016 12:46 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

El span es una etiqueta, en el siguiente enlace puedes ver de que se trata:
http://www.w3schools.com/tags/tag_span.asp

El problema me parece que es la forma como pegas el texto, esto puede ser el problema. Cuando copias y pegar los haces sobre el modo visual o sobre el html?, te recomiendo que lo hagas sobre el modo html.

ResponderCitar
Respondido : 28/10/2016 4:40 am

Cursos Gratuitos WordPress

ANA
 ANA
Usuario experto

OK, ahora me ha quedado claro. Efectivamente estaba pegando sobre el modo visual. En principio no salia nada pero a cualquier modificación que hacía de formato aparecía la dichosa etiqueta. Seguiré probando hasta buscar el resultado que más me guste. Muchas gracias.

Podemos darlo por cerrado

ResponderCitar
Respondido : 04/11/2016 9:55 am