Y es que si ya has elegido tu tema, pero a√ļn hay algunos elementos del dise√Īo que no terminan de convencerte, aqu√≠ encontrar√°s c√≥mo ajustar f√°cilmente el CSS con plugins, o si lo prefieres, a√Īadiendo alg√ļn fragmento de c√≥digo, tambi√©n conocido como snippets.

Ya sea porque los colores CSS de tu plantilla no coinciden con los de tu marca.

El tama√Īo de la fuente es demasiado grande o peque√Īa.

O quieres eliminar o modificar una parte de tu web en concreto.

Lo que está claro es que para poder sacar el máximo partido a tu proyecto, es necesario que sepas cómo modificar el CSS de la plantilla de tu WordPress.

Antes de meternos en materia, vamos a ver información básica que necesitas saber antes de aprender cómo editar los archivos y el CSS de tu web en WordPress.

¬ŅQu√© es CSS?

CSS son las siglas de ¬ęCascading Style Sheets¬Ľ que traducido ser√≠a algo as√≠ como hojas de estilo en cascada.

Es decir, el lenguaje utilizado para dar forma y estilo a cualquier elemento o estructura en las p√°ginas web creadas por HTML.

El lenguaje CSS es desarrollado por la comunidad internacional llamada World Wide Web Consortium (W3C).

Esta comunidad, unida para la creación y desarrollo de especificaciones del lenguaje CSS, se encarga de definir los estándares de CSS usados en todo el mundo.

La aparici√≥n de las hojas de estilo en cascada o CSS fue en el a√Īo 1996.

En resumen, el c√≥digo CSS consiste en aplicar estilos visuales (colores, tipos de letra, tama√Īos etc) a los elementos HTML de una p√°gina web (p√°rrafo, lista, pie de p√°gina …)

Para escribir código CSS, se suelen usar editores de código, por ejemplo:

Por suerte, contamos con varios WordPress plugins para a√Īadir CSS y personalizar tu web y editar o modificar tu plantilla con el fin de cambiar el aspecto o incluso la estructura.

Por otro lado, debido precisamente a esas m√ļltiples opciones de plugins de CSS para WordPress, es que a veces resulta dif√≠cil saber cu√°l es el mejor o el que m√°s nos conviene.

Y es por eso que en esta ocasi√≥n, os traigo un recopilatorio de los mejores plugins de WordPress para editar y modificar el CSS de tu plantilla WordPress …y adem√°s ¬°Gratis!

Cómo editar CSS para personalizar una plantilla de WordPress

En la mayoría de ocasiones, es casi imprescindible modificar una plantilla WordPress, sea o no premium para adaptarla a las necesidades de tu proyecto.

Las posibilidades que ofrece la personalización con CSS son casi ilimitadas

editar css plantilla wordpress

Pero por supuesto es necesario saber lo que se est√° haciendo.

Aunque no es algo especialmente dif√≠cil, no todos tenemos el tiempo necesario para aprender los pasos necesarios para aplicar esos cambios en CSS o a√Īadir determinados fragmentos de c√≥digos (snippets) en nuestra web.

Y es que en caso de que nos decidamos a editar el CSS del theme para WordPress que usemos por la via tradicional, es necesario crear un child theme para no perder todos los cambios que personalicemos cuando actualicemos a una nueva versión, descargar un editor de código y subir los cambios mediante FTP.

Eso por no hablar de la peligrosa alternativa que sería editar el archivo style.css directamente desde el panel de administración de WordPress, con el riesgo que supone el no poder deshacer cambios y no poder recuperar el código de los archivos originales.

Mejores plugins para modificar y editar CSS de tu web en WordPress en 2020

Para evitar todo esto, y poder editar nuestras plantillas de WordPress con facilidad, una de las mejores soluciones que no requieren de código, crear un child theme o el uso de protocolos FTP es instalar alguno de los siguientes plugins.

Para mí, estos son los mejores plugins para editar y modificar CSS de tu plantilla WordPress.

Qu√©date hasta el final para ver los mejores plugins de este listado, adem√°s de otras opciones para a√Īadir animaciones en CSS y un curso r√°pido para aprender CSS.

¬ŅQu√© mas se puede pedir?

08. Editor Gutenberg

La nueva versión del editor de WordPress ha venido para quedarse, y lo cierto es que cada vez es más potente y su uso está más extendido.

Si a√ļn no lo has probado, te invito a hacerlo cuanto antes ya que ha mejorado mucho desde esa primera versi√≥n que vio la luz de forma precipitada.

Adem√°s, cuenta con gran cantidad de plugins para extender y aumentar el n√ļmero de bloques con el que poder maquetar y modificar el aspecto de tu p√°gina web.

Si te interesa saber m√°s, te recomiendo descargar el manual WordPress pdf completo en el que se habla a fondo todo lo relacionado con esta nueva herramienta.

07. Modular Custom CSS

Modular Custom CSS plugin WordPress

Modular Custom CSS tiene m√°s de 1000 instalaciones activas y ofrece una experiencia algo diferente al resto de plugins.

Ya que las funciones de navegación disponibles en este plugin facilitan enormemente la tarea de modificar tu theme de WordPress.

La mayoría de los plugins para personalizar CSS permiten hacer cambios en el tema de WordPress activo.

En el caso de Modular Custom CSS, además, cuenta con la funcionalidad de permitir hacer modificaciones en una plantilla de WordPress que no esté activa o usándose en este momento.

Esta es sin duda la característica más destacable del plugin Modular Custom CSS que lo hace destacar frente al resto.

Probar ahora ‚Üí

06. TJ Custom CSS

AVISO: Este plugin ya no est√° actualizado y no ha sido probado con las √ļltimas versiones de WordPress.

TJ Custom CSS plugin WordPress

TJ Custom CSS ha sido desarrollado por uno de los desarrolladores de temas de WordPress Theme Junkie y actualmente cuenta con m√°s de 40.000 instalaciones activas.

Una vez activado TJ Custom CSS permite personalizar el CSS de tu plantilla de WordPress en vivo desde el apartado Apariencia del men√ļ lateral de tu panel de administrador.

Por supuesto, tambi√©n permite a√Īadir fragmentos de c√≥digo CSS o escribirlo a mano desde su editor incorporado.

Un aspecto positivo de este plugin es que es bastante ligero y no recarga tu web innecesariamente abusando de los recursos de tu servidor como otros plugins.

Probar ahora ‚Üí

05. Customizer Custom CSS

Customizer Custom CSS plugin WordPress

Creado por el desarrollador Bijay Yadav, este plugin cuenta con m√°s de 2000 instalaciones activas en estos momentos.

Te sugiero que no te dejes enga√Īar por la primera impresi√≥n de este plugin ya que parece menos prometedora de lo que realmente es.

Tal y como indica la descripción de este plugin, Customizer Custom CSS permite sobreescribir fácilmente el CSS del tema de WordPress que estés usando y visualizar esas modificaciones antes de guardar los cambios.

Customizer Custom CSS no requiere configuraciones adicionales y es muy fácil de usar, por lo que no será necesario crear un child theme sólo para editar el CSS de tu web en WordPress.

La forma de uso no es muy diferente de otros plugins. S√≥lo tienes que ir a Apariencia > Personalizador y ver√°s un nuevo elemento en el men√ļ llamado Custom CSS, donde deber√°s a√Īadir el c√≥digo CSS que quieras modificar.

Probar ahora ‚Üí

04. CSS Plus

CSS Plus plugin WordPress

El plugin CSS Plus ha sido creado por Paulo Calixto y cuenta con m√°s de 10.000 instalaciones activas.

Este plugin cuenta con bastantes características diferenciadoras respecto al resto de opciones que existen en el repositorio oficial de plugins de WordPress.

La m√°s destacada, para bien o para m√°s posiblemente sea que CSS Plus comprime el c√≥digo que a√Īades para editar el CSS de tu plantilla WordPress, lo comprime, y lo incrusta en l√≠nea en el header o cabecera de cada p√°gina o post.

Esto tiene varias lecturas. Por una parte, es positivo porque permite personalizar de forma individual cada página o post con su propio código CSS.

Adem√°s, es un plugin ideal para a√Īadir el CSS que permita visualizar la parte superior de la p√°gina tal y como requiere Google Page Speed Insights.

Por otro lado, esto tiene la parte negativa de que si a√Īades demasiados estilos CSS en l√≠nea a tu header.php para modificar tu plantilla de WordPress, puedes correr el riego de conseguir el resultado contrario y ralentizarla en exceso.

Otras de las diferencias y ventajas de este plugin son:

Probar ahora ‚Üí

03. Advanced CSS Editor

Advanced CSS Editor Plugin WordPress

El plugin Advanced CSS Editor cuenta ya con m√°s de 10.000 instalaciones activas y ha sido creado por Hardeep Asrani, uno de los desarrolladores de la conocida firma de plantillas WordPress Tesla Themes.

Sin duda, tener a una de las casas más conocidas de la industria detrás de este plugin es sinónimo de calidad.

Una de las principales ventajas competitivas de Advanced CSS Editor respecto a otras opciones que s√≥lo permiten a√Īadir o editar el CSS de tu plantilla para WordPress de forma global, es que con este plugin, podr√°s personalizar el CSS de tu web de forma espec√≠fica para m√≥viles, tablets, port√°tiles y ordenadores de sobremesa.

Esto es sin duda una gran funcionalidad, lo √ļnico que debes tener en cuenta es que si aplicas alg√ļn cambio espec√≠fico para m√≥viles por ejemplo, a la hora de visualizar dichos cambios, debes reducir la ventana del navegador a la resoluci√≥n adecuada para ver esos cambios en la vista previa y poder guardarlos despu√©s.

Probar ahora ‚Üí

02. Simple Custom CSS

Simple Custom CSS plugin WordPress

El primer paso para poder editar y a√Īadir el css de la plantilla de tu web, es obviamente instalar y activar el plugin Simple Custom CSS o cualquier otro que elijas de la manera habitual.

Simple Custom CSS cuenta con m√°s de 300.000 instalaciones activas, ha sido creado por John Regan y Danny Van Kooten y es perfectamente compatible con la √ļltima versi√≥n de WordPress.

Una vez activo, debes ir a la secci√≥n Apariencia en el men√ļ lateral del panel de administraci√≥n de tu web, y clicar en la nueva opci√≥n que ha aparecido llamada CSS personalizado.

Una vez dentro, ver√°s lo simple y efectivo que resulta este plugin.

Como su propio nombre indica, es una solución bastante simple, ya que está libre de distracciones, pero a la vez muy potente y efectiva.

Cuenta con diferentes colores para facilitar la escritura de código y además cuenta con la funcionalidad de syntax highlight, que resalta los posibles errores a la hora de escribir el código para detectarlos y solucionarlos rápidamente.

Una vez a√Īadido el c√≥digo CSS necesario para editar la plantilla de tu theme a tu antojo, tan s√≥lo tienes que darle al bot√≥n Actualizar el CSS personalizado e ir a tu sitio web para ver los cambios realizados.

Como hemos comentado al principio, la principal ventaja de este plugin no es s√≥lo que te permita a√Īadir c√≥digo CSS para personalizar tu web, si no que este c√≥digo no se perder√° con las actualizaciones futuras de tu plantilla, es decir, Simple Custom CSS realiza la misma funci√≥n que un child theme en este aspecto.

Probar ahora ‚Üí

01. SiteOrigin CSS

SiteOrigin CSS plugin WordPress

SiteOrigin CSS es uno de los plugins m√°s populares para editar el CSS de las plantillas en WordPress.

Cuenta con m√°s de 200.000 instalaciones activas y ha sido creado (no te lo vas a creer) por SiteOrigin.

Sin duda, la principal ventaja del plugin SiteOrigin CSS son las 2 opciones que ofrece para modificar el CSS de la plantilla de tu WordPress.

Además de incluir el código CSS manualmente como con el resto de plugins, SiteOrigin CSS también permite modificar tu plantilla WordPress de forma visual, seleccionando cada elemento que deseas editar de una forma realmente sencilla y lo mejor de todo, sin necesidad de saber nada de CSS.

Para usar el m√©todo visual de este plugin, tan s√≥lo es necesario hacer clic en el elemento del theme de WordPress que queramos modificar con CSS y a continuaci√≥n, editar los atributos visuales disponibles como texto, dise√Īo colores o tama√Īo.

En cuanto al m√©todo manual, al igual que con el resto de plugins que hemos visto, tan s√≥lo hay que ir a la secci√≥n de apariencia en el men√ļ lateral e incluir el c√≥digo CSS necesario para personalizar nuestra web.

Probar ahora ‚Üí

Otros plugins para personalizar tu plantilla de WordPress

Ya hemos visto los que para mí son los mejores plugins para personalizar tu web en WordPress mediante código CSS, pero por si no has tenido suficiente, aquí tienes otras opciones menos conocidas:

Simple CSS

La parte positiva de este plugin es que mediante metaboxes permite aplicar ciertos cambios √ļnicamente a determinadas p√°ginas o posts.

Visual CSS Style Editor

No os recomiendo este plugin a no ser que tengáis pensado ampliarlo a la versión premium, ya que es requerida para la mayoría de cambios importantes.

Custom CSS Pro

Este plugin creado por WaspThemes no tiene ninguna funcionalidad especial respecto a los plugins anteriormente citados, pero no por eso no es una opción a tener en cuenta.

Desventajas de los plugins para editar el CSS de los themes de WordPress

La √ļnica desventaja que presentan este tipo de plugins, es que es posible que no sea compatible con ciertos temas de WordPress.

Yo a√ļn no he sido capaz de encontrar un s√≥lo tema, del repositorio, premium o creado por mi que no sea compatible con estos plugins, pero seg√ļn la documentaci√≥n de la mayor√≠a de ellos, puede darse el caso de que tengan ciertas incompatibilidades.

Por este motivo, si tras aplicar alguna personalizaci√≥n de CSS a tu web, no ves que los cambios se apliquen correctamente y tras asegurarte que el c√≥digo a√Īadido es correcto, simplemente tendr√°s que elegir alg√ļn otro plugin de este listado.

Animaciones y efectos CSS en WordPress

Animacion css wordpress

Estoy seguro que has visto animaciones o efectos CSS que te han llamado la atención en alguna de las principales páginas webs del momento.

Modificar el CSS de tu plantilla de WordPress est√° muy bien, pero ¬Ņpor qu√© no ir un paso m√°s all√° y a√Īadir estas fant√°sticas animaciones?

Las animaciones de CSS dentro de una plantilla de WordPress permiten a√Īadir movimiento a im√°genes o elementos, o hacer que aparezcan repentinamente desde el lateral, hacer que el contenido cambie autom√°ticamente cuando el usuario hace scroll etc.

Todo esto, a√Īade inter√©s al visitante, as√≠ como la posibilidad de destacar las partes m√°s importantes de tu web.

Si te parece interesante, qu√©date conmigo ya que a continuaci√≥n vamos a ver un fant√°stico plugin para a√Īadir animaciones y efectos CSS a tu plantilla de WordPress sin tener conocimientos sobre este lenguaje.

A√Īadir animaciones CSS a WordPress con el plugin Animate It!

Animate It! Plugin WordPress

Antes de empezar a usar este plugin, obviamente es necesario instalarlo y activarlo como cualquier otro.

Lo encontrar√°s bajo el nombre de Animate It! en el repositorio oficial de WordPress, y como podr√°s ver, este plugin creado por eLEOPARD Design Studios, cuenta con m√°s de 40.000 instalaciones activas.

Una vez activo, se puede usar directamente sin necesidad de hacer ninguna configuraci√≥n directamente desde el panel de Ajustes en el men√ļ de administrador.

Todo lo que tienes que hacer es simplemente crear una nueva entrada o página y en la sección visual del editor de WordPress, encontrarás una nueva herramienta en rojo etiquetada como Animate It!.

Una vez hagas clic en dicho bot√≥n, aparecer√°n las opciones del editor, donde a√Īadir a tu WordPress las animaciones en CSS que desees.

Probar ahora ‚Üí

Tipos de animación CSS para integrar con WordPress

El plugin Animate It! permite a√Īadir 3 tipos diferentes de animaciones CSS a WordPress:

Entrada

El contenido animado permanecerá en esta página después de moverse.

Salir

El contenido animado saldrá o desaparecerá después de moverlo.

Otras opciones

En este √ļltimo apartado, podr√°s personalizar completamente la animaci√≥n CSS que quieres a√Īadir a tu WordPress.

Estas son las opciones:

Como ya habrás podido imaginar si has instalado el plugin, haciendo clic en el botón de animar al final de la tabla, verás la animación que acabas de crear.

Si est√°s satisfecho/a con el resultado, s√≥lo tienes que hacer clic en insertar para a√Īadir esa animaci√≥n de CSS a tu plantilla WordPress.

Con el plugin Animate It! no sólo podrás animar texto si no que también admite imágenes, videos o cualquier cosa que te imagines.

Una vez tengas todo listo, puedes ver el resultado final d√°ndole al bot√≥n de previsualizar o directamente publicar o actualizar los cambios si quieres a√Īadirlo directamente a tu web.

Como ves, con este plugin, hacer animaciones de CSS con WordPress es realmente sencillo y no requiere de ning√ļn conocimiento t√©cnico.

Tutorial para editar CSS en WordPress

Como ya hemos visto, las hojas de estilo en cascada (Cascading Style Sheets) permiten modificar la presentaci√≥n de un documento HTML sin alterar su estructura, facilitando la presentaci√≥n y mejorando el dise√Īo y aspecto de los elementos HTML.

Para terminar este artículo, os traigo un tutorial básico pero muy completo con las principales.

Cómo insertar CSS en HTML

Existen tres formas diferentes de aplicar estilos:

01. En línea: aplicando directamente el atributo style a cualquier elemento HTML:

<p style="font-family:Arial; font-size:14px; color:blue">texto</p>

02. Incrustados: A√Īadidos en la propia p√°gina o archivo HTML / PHP mediante la etiqueta <style> normalmente en la etiqueta <head>

<head>
 <style type="text/css">
  p {font-family: Arial; color: blue; font-size: 14px;}
 </style>
</head>

03. Enlazados: en una hoja de estilos externa, que es un archivo de texto plano con extensión .css que afecta a todos los documentos que lo enlacen.

<head>
 <link rel="stylesheet" type="text/css" href="archivo.css"/>
</head>

Salvo excepciones muy concretas (seg√ļn el orden en el que se apliquen los estilos), las 3 opciones dar√°n los mismos resultados en cuanto a la personalizaci√≥n de las plantillas de WordPress.

En cuanto a velocidad y optimizaci√≥n, la primera opci√≥n es la menos recomendada, la segunda es s√≥lo para a√Īadir peque√Īas porciones de CSS, como por ejemplo los estilos responsables de modificar la parte visible de nuestro theme de WordPress sin hacer scroll, consiguiendo as√≠ una mayor velocidad de carga.

Por √ļltimo, se enlaza externamente a los archivos .css que contienen la mayor parte de nuestro c√≥digo CSS usado para modificar nuestra web.

Cambiar color en CSS

Estilizar listas con CSS

Cambiar el fondo con CSS

Editar Tablas con CSS

Estilos y alineación de textos en CSS

Comentarios en CSS

/* Todo lo que esté dentro de estos símbolos será un comentario y no se visualizará en la web */

/* Es √ļtil para desactivar ciertos estilos o hacer anotaciones sobre el c√≥digo */

Prioridad al aplicar estilos

Para evitar errores de configuraci√≥n, cuando se aplican varios estilos CSS diferentes sobre un mismo elemento, estos se sobreescriben seg√ļn su prioridad.

Es por eso que el CSS recibe el nombre de hojas de estilo en cascada.

De menor a mayor, estos son los factores de los que dependerá qué estilos se aplican:

Selectores CSS

Estos son la mayoría de los selectores existentes en CSS3:

SelectorEjemploAplica el estilo a…CSS
.class.introTodos los elementos que tengan el atributo class=¬Ľintro¬Ľ1
#id#firstnameEl elemento que tenga asignado el atributo id=¬Ľfirstname¬Ľ1
elementopTodos los elementos <p>1
elemento,elementodiv,pTodos los elementos <div> y <p>1
elemento elementodiv pTodos los elementos <p> que se encuentran dentro de
los elementos <div>
1
:linka:linkTodos los enlaces no visitados1
:visiteda:visitedTodos los enlaces visitados1
:activea:activeLos enlaces cuando se seleccionan1
:hovera:hoverCuando el puntero del ratón está encima del enlace1
:first-letterp:first-letterLa primera letra de cada elemento <p>1
:first-linep:first-lineLa primera línea de cada elemento <p>1
**Todos los elementos2
elemento>elementodiv>pTodos los elementos <p> cuyo elemento contenedor (padre)
sea el elemento <div>
2
elemento+elementodiv+pTodos los elementos <p> que se encuentran inmediatamentes
después de elementos <div>
2
[atributo][target]Todos los elementos que tengan el atributo target2
[atributo=valor][target=_blank]Todos los elementos con el atributo target=¬Ľ_blank¬Ľ2
[atributo~=valor][title~=flor]Todos los elementos que contengan la palabra
¬ęflor¬Ľ
en el atributo title
2
[atributo|=valor][lang|=es]Todos los elementos con el atributo
lang
cuyo valor comience con ¬ęes¬Ľ
2
:focusinput:focusEl elemento input el cual tenga el foco2
:first-childp:first-childCada elemento <p> que sea el primer hijo de su padre2
:beforep:beforeInserta contenido antes del contenido de cada elemento <p>2
:afterp:afterInserta contenido después de cada elemento <p>2
:lang [lenguaje]p:lang [es]Cada elemento que tenga el atributo lang con el valor igual a ¬ęes¬Ľ2
elemento1~elemento2p~ulCada elemento <ul> que esté precedido por el elemento <p>3
[atributo^=valor]a[src^=¬Ľhttps¬Ľ]Cada elemento <a> donde el valor del atributo
src comience con ¬ęhttps¬Ľ
3
[atributo$=valor]a[src$=¬Ľ.pdf¬Ľ]Cada elemento <a> donde el valor del atributo
src termine con ¬ę.pdf¬Ľ
3
[attribute*=value]a[src*=¬Ľ.w3schools¬Ľ]Cada elemento <a> donde el atributo
src contenga la subcadena ¬ęw3schools¬Ľ
3
:first-of-typep:first-of-typeCada elemento <p> que es el primer elemento <p> de su padre3
:last-of-typep:last-of-typeCada elemento <p> que es el √ļltimo elemento <p> de su padre3
:only-of-typep:only-of-typeCada elemento <p> que es el √ļnico elemento <p> de su padre3
:only-childp:only-childCada elemento <p> que es el √ļnico hijo de su padre3
:nth-child[n]p:nth-child[2]Cada elemento <p> que es el segundo hijo de su padre3
:nth-last-child[n]p:nth-last-child[2]Cada elemento <p> que es el segundo hijo de su padre
contando desde el final
3
:nth-of-type[n]p:nth-of-type[2]Cada elemento <p> que es el segundo elemento
<p> de su padre
3
:nth-last-of-type[n]p:nth-last-of-type[2]Cada elemento <p> que es el segundo elemento <p>
de su padre, contando desde el final
3
:last-childp:last-childCada elemento <p> que es el √ļltimo hijo de su padre3
:root:rootLa raíz del documento3
:emptyp:emptyCada elemento <p> que no es hijo
(incluidos nodos de texto)
3
:target#news:targetEl elemento #news activo actualmente (pulsado en una URL que contenga el nombre de ancla)3
:enabledinput:enabledCada elemento <input> activado3
:disabledinput:disabledCada elemento <input> desactivado3
:checkedinput:checkedCada elemento <input> chequeado3
:not[selector]:not[p]Cada que no es un elemento <p>3
::selection::selectionLa porción de un elemento que ha sido
seleccionado por el usuario

Código CSS para maquetar

Tipos de borde CSS

Con el atributo border y sus diferentes valores, podemos modificar los bordes en CSS de los elementos de nuestra plantilla de WordPress.

Posicionar elementos con CSS

Alineación de bloques en CSS

Dar visibilidad u ocultar cosas con CSS

Fondos CSS

Imagen de Fondo

.imagen {
 background-image: url(fondo.jpg);
 background-repeat: no-repeat;
 background-origin: content-box;
 background-clip: content-box;
 background-size: auto;
}

Degradados CSS3

Si detectamos errores de compatilidad con alg√ļn navegador, debemos a√Īadir su prefijo antes del valor que causa el conflicto:

Cambiar tama√Īo y tipo de letra en CSS

La declaraci√≥n de una tipograf√≠a se termina con la familia gen√©rica como la √ļltima de las opciones alternativas.

p {font-family:"Times New Roman",Georgia,serif;}

Las familias genéricas son:

La compatibilidad de la tipografías depende del navegador y del sistema operativo

WOFF (Web Open Font Format)

Es un formato para usarse en páginas web. Fue desarrollado por la Fundación Mozilla, Opera Software y Microsoft, y está en el proceso de normalización por el W3C y convertirse en un estándar.

EOT (Embedded OpenType)

Estas fuentes son una forma compacta de OpenType para su uso como fuentes incrustadas en las páginas web y a su vez protegen los derechos de autor. Podemos vincular una tipografía sin que el usuario la tenga instalada.

SVG (Scalable Vector Graphics)

Es una especificación para describir gráficos vectoriales bidimensionales, estático o animado y fue creado como alternativa de formato abierto a Flash. se emplea como formato tipográfico en la web para dispositivos iOS (iPad, iPhone y iPod).

TrueType

Es un formato estándar de tipos de letra escalables desarrollado inicialmente por Apple a finales de la década de los ochenta. Es compatible con Firefox 3.5+ , Safari 3.1+, Chrome 4+ y Opera 10+.

L√°nzate a editar y modificar el CSS de la plantilla de WordPress de tu web

Con todo esto que hemos visto en este tutorial para cambiar los estilos CSS de tu theme de WordPress ya est√°s listo para personalizar el 90% de los aspectos de tu web.

Puede que algo muy concreto requiera de más investigación por tu parte, pero con la información que acabas de recibir, podrás solucionar los principales problemas de un usuario medio.

Cómo modificar el estilo CSS de una plantilla WordPress

Video de Sergio Kolomiychuk

Espero que este listado con los mejores plugins para editar y modificar tu plantilla de WordPress te sea de utilizad, si es así, me ayudaría mucho si pudieses compartir este artículo en tus redes sociales.

Por si te has quedado con ganas de más, aquí te dejo un video en el que explica un método alternativo sobre cómo personalizar una plantilla de WordPress paso a paso.

Como siempre, muchas gracias por tu visita y espero verte pronto de nuevo por aquí.

¬°Saludos!