{"id":227325,"date":"2022-09-23T10:25:00","date_gmt":"2022-09-23T07:25:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227325"},"modified":"2022-11-08T19:15:27","modified_gmt":"2022-11-08T16:15:27","slug":"como-cambiar-el-color-de-la-fuente-en-wordpress-guia-rapida","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-cambiar-el-color-de-la-fuente-en-wordpress-guia-rapida\/","title":{"rendered":"C\u00f3mo cambiar el color de la fuente en WordPress (Gu\u00eda r\u00e1pida)"},"content":{"rendered":"\n<p>Un sitio web de WordPress reci\u00e9n creado tiene colores de fuente predeterminados que pueden no ser atractivos o \u00fatiles para ese sitio web. Por ejemplo, si el usuario resalta el texto de su p\u00e1gina, el color predeterminado del texto ser\u00e1 azul, lo que no funciona con algunos sitios web.<\/p>\n<p>Este art\u00edculo creado por nuestro equipo en <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WpDataTables<\/a> le mostrar\u00e1 c\u00f3mo cambiar el color de fuente en WordPress usando CSS. Uno de los primeros aspectos a considerar con un nuevo sitio web es qu\u00e9 tema elegir. Por lo general, algunos de los temas predeterminados se adaptar\u00e1n al dise\u00f1o general de su sitio, por lo que se requieren algunos ajustes.<\/p>\n<p>Uno de estos ajustes es el color del texto. Sin embargo, algunos de los temas no ofrecen la oportunidad de cambiarlo. El personalizador de temas de WordPress se puede usar si el tema ofrece esta opci\u00f3n, de lo contrario, use el editor cl\u00e1sico o CSS.<\/p>\n<p>La forma m\u00e1s confiable de cambiar el color de la fuente en WordPress es usando un c\u00f3digo, sin embargo, esto puede ser intimidante para aquellos que no est\u00e1n familiarizados con la codificaci\u00f3n.<\/p>\n<p>La siguiente lista contiene una serie de opciones.<\/p>\n<p>Nota: Esto solo funciona para los blogs de WordPress.org; si usa WordPress.com, el proceso puede ser ligeramente diferente, aunque podr\u00edan funcionar. Para usar todo el poder de WordPress, considere cambiar de WordPress.com a WordPress.org.<\/p>\n<h3>M\u00e9todo #1: cambiar el color de fuente en WordPress con el personalizador de temas<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b753a3f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b753a3f.jpg\" alt=\"C\u00f3mo cambiar el color de la fuente en WordPress (Gu\u00eda r\u00e1pida)\" ><\/a><\/p>\n<p>En primer lugar, compruebe si su tema admite cambiar el color de la fuente siguiendo estos pasos.<\/p>\n<ul>\n<li>Primero, vaya a Apariencia &gt; Personalizaci\u00f3n en su tablero de WordPress como se muestra aqu\u00ed.<\/li>\n<li>Aqu\u00ed, cada tema de WordPress mostrar\u00e1 las diversas opciones de personalizaci\u00f3n; elija uno que ofrezca la paleta de colores para las fuentes. Nota: si no desea cambiar el tema y el actual no ofrece este cambio, debe usar otros m\u00e9todos.<\/li>\n<li>Luego, ve a Apariencia &gt; Personalizar &gt; Colores. En la p\u00e1gina siguiente, hay varias opciones disponibles seg\u00fan su tema.<\/li>\n<li>Si su tema no ofrece opciones de personalizaci\u00f3n, considere usar otros m\u00e9todos.<\/li>\n<\/ul>\n<h3>M\u00e9todo #2: cambiar el color de fuente en WordPress con el editor cl\u00e1sico<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b84c61b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b84c61b.jpg\" alt=\"C\u00f3mo cambiar el color de la fuente en WordPress (Gu\u00eda r\u00e1pida)\" ><\/a><\/p>\n<p>El editor cl\u00e1sico no permite cambiar f\u00e1cilmente el color de la fuente en WordPress porque los desarrolladores decidieron ocultar esta opci\u00f3n para cambiarlo. Sin embargo, es posible, y as\u00ed es como.<\/p>\n<ul>\n<li>Vaya al tablero, busque la publicaci\u00f3n que desea editar.<\/li>\n<li>Para ver el color del texto, haga clic en el bot\u00f3n &quot;Alternar barra de herramientas&quot;, que se encuentra justo debajo de los botones &quot;Agregar medios&quot; y &quot;Agregar formulario de contacto&quot;.<\/li>\n<li>Ahora deber\u00edan aparecer algunas opciones adicionales, una de las cuales es la opci\u00f3n &quot;Color del texto&quot; del cuadro desplegable.<\/li>\n<li>Cuando hace clic en la flecha hacia abajo, deber\u00eda haber varias opciones de personalizaci\u00f3n para el texto de la fuente, normalmente disponibles en otras herramientas de personalizaci\u00f3n. Si no le gustan las opciones de color (hay 39), puede usar colores de fuente personalizados. Si presiona el bot\u00f3n &quot;X&quot; en la esquina inferior derecha, cambiar\u00e1 el color a &quot;sin color&quot;, lo que ajustar\u00e1 autom\u00e1ticamente el color del texto.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b9501ce.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b9501ce.jpg\" alt=\"C\u00f3mo cambiar el color de la fuente en WordPress (Gu\u00eda r\u00e1pida)\" ><\/a><\/p>\n<ul>\n<li>Si conoce el c\u00f3digo hexadecimal del color deseado, puede usarlo para cambiar el color.<\/li>\n<li>Si desea hacerlo sin el c\u00f3digo, puede hacer clic en el bot\u00f3n &quot;Personalizar&quot; cerca de la parte inferior del men\u00fa &quot;Color del texto&quot;.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883ba3ceba.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883ba3ceba.jpg\" alt=\"C\u00f3mo cambiar el color de la fuente en WordPress (Gu\u00eda r\u00e1pida)\" ><\/a><\/p>\n<ul>\n<li>Luego deber\u00eda ver un cuadro cuadrado en la parte superior derecha, que va de rojo a negro. Tambi\u00e9n hay un rect\u00e1ngulo de arco\u00edris a la derecha, donde puedes elegir tu color preferido.<\/li>\n<li>Para cambiar el color visualmente, haga clic en cualquier parte de este cuadro de arco\u00edris; tambi\u00e9n puede cambiar el tono arrastrando en este cuadro. El color de la caja negra debe cambiar al color personalizado que est\u00e1s creando. En la parte superior, ver\u00e1s la vista previa del texto con el color que has creado. Luego, cuando est\u00e9 listo, se generar\u00e1 un c\u00f3digo autom\u00e1tico en la parte superior que es \u00fatil si desea combinar los otros colores m\u00e1s adelante.<\/li>\n<li>Si desea los tonos espec\u00edficos de rojo, verde y azul, ingrese los valores en los cuadros RGB a la derecha. Tambi\u00e9n puede ingresar el c\u00f3digo que necesita para este color.<\/li>\n<li>Para guardar el color personalizado, haga clic en Entrar o en el bot\u00f3n Aceptar. Para cancelar, haga clic en la x o &quot;cancelar&quot; que saldr\u00e1 del men\u00fa sin cambiar nada.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bb2f5ae.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bb2f5ae.jpg\" alt=\"C\u00f3mo cambiar el color de la fuente en WordPress (Gu\u00eda r\u00e1pida)\" ><\/a><\/p>\n<ul>\n<li>Cuando elija el color correcto, haga clic en el bot\u00f3n &quot;Actualizar&quot; para concluir.<\/li>\n<li>Para usar este color personalizado en proyectos futuros, debe realizar este proceso nuevamente porque el color personalizado no se guardar\u00e1. Si desea ese color de forma permanente, deber\u00e1 actualizar el CSS del tema y agregar el color en \u00e9l.<\/li>\n<\/ul>\n<h3>M\u00e9todo #3: cambiar el color de fuente en WordPress globalmente con CSS<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bc1d136.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bc1d136.jpg\" alt=\"C\u00f3mo cambiar el color de la fuente en WordPress (Gu\u00eda r\u00e1pida)\" ><\/a><\/p>\n<p>CSS es el m\u00e9todo m\u00e1s efectivo y confiable para cambiar el color del texto globalmente. Aqu\u00ed est\u00e1 c\u00f3mo hacerlo.<\/p>\n<ul>\n<li>Vaya a: Apariencia &gt; Personalizar &gt; CSS adicional. Agregue el c\u00f3digo para que los cambios surtan efecto.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bd092a9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bd092a9.jpg\" alt=\"C\u00f3mo cambiar el color de la fuente en WordPress (Gu\u00eda r\u00e1pida)\" ><\/a><\/p>\n<ul>\n<li>Para cambiar el color de fuente de los encabezados del 1 al 6, el c\u00f3digo se ver\u00eda as\u00ed:<\/li>\n<\/ul>\n<pre><code>h1, h2, h3, h4, h5, h6 {<\/code><\/pre>\n<p>Tenga en cuenta que el cambio solo cambiar\u00e1 el color de fuente de los encabezados de las p\u00e1ginas y publicaciones, no el t\u00edtulo general de la publicaci\u00f3n. Deber\u00e1 agregar un c\u00f3digo CSS m\u00e1s espec\u00edfico para realizar este cambio. Por ejemplo, para cambiar el t\u00edtulo, ingrese este c\u00f3digo:<\/p>\n<pre><code>.entry-title a {<\/code><\/pre>\n<p>Para cambiar el color del texto de los t\u00edtulos de las publicaciones, use este c\u00f3digo:<\/p>\n<pre><code>h1.entry-title {<\/code><\/pre>\n<p>Si desea encontrar el color espec\u00edfico de la p\u00e1gina actual en Firefox o Chrome y usarlo, puede encontrar el c\u00f3digo usando la herramienta de inspecci\u00f3n.<\/p>\n<p>Esta <a href=\"https:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tabla de colores<\/a> lo ayudar\u00e1 a encontrar el c\u00f3digo hexadecimal espec\u00edfico para el color que desea.<\/p>\n<h3>Pensamientos finales sobre c\u00f3mo cambiar el color del texto en WordPress<\/h3>\n<p>Saber c\u00f3mo cambiar el color del texto en WordPress es una de las cosas m\u00e1s importantes para un dise\u00f1ador web. Un dise\u00f1ador a menudo puede pasar horas buscando soluciones adecuadas para sus dise\u00f1os y tratando de optimizar su elecci\u00f3n de colores y opciones de dise\u00f1o. El resultado ser\u00e1 un sitio web atractivo que conseguir\u00e1 clics y usuarios.<\/p>\n<p>Cuanta m\u00e1s atenci\u00f3n a los detalles, m\u00e1s atractivo ser\u00e1 el sitio, incluido el color de la fuente. Al mismo tiempo, el sitio debe funcionar bien y la experiencia del usuario debe ser impecable, asegur\u00e1ndose de que el dise\u00f1o y la funcionalidad est\u00e9n perfectamente equilibrados.<\/p>\n<h3>Oye, \u00bfsab\u00edas que los datos tambi\u00e9n pueden ser hermosos?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> puede hacerlo de esa manera. Hay una buena raz\u00f3n por la que es el plugin de WordPress n.\u00ba 1 para crear tablas y gr\u00e1ficos receptivos.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883be07927.png\" alt=\"C\u00f3mo cambiar el color de la fuente en WordPress (Gu\u00eda r\u00e1pida)\" \/><\/a><\/p>\n<p>Un ejemplo real de wpDataTables en la naturaleza<\/p>\n<p>Y es muy f\u00e1cil hacer algo como esto:<\/p>\n<ol>\n<li>Usted proporciona los datos de la tabla.<\/li>\n<li>Config\u00faralo y personal\u00edzalo<\/li>\n<li>Publicarlo en una publicaci\u00f3n o p\u00e1gina<\/li>\n<\/ol>\n<p>Y no solo es bonito, sino tambi\u00e9n pr\u00e1ctico. Puede crear tablas grandes con <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hasta millones de filas<\/a>, o puede usar <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">filtros y b\u00fasquedas avanzados<\/a>, o puede volverse loco y <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hacerlo editable<\/a>.<\/p>\n<p>\u00abS\u00ed, pero me gusta demasiado Excel y no hay nada de eso en los sitios web&quot;. S\u00ed, lo hay. Puede usar <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">formato condicional<\/a> como en Excel o Google Sheets.<\/p>\n<p>\u00bfTe dije que tambi\u00e9n puedes <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">crear gr\u00e1ficos<\/a> con tus datos? Y eso es solo una peque\u00f1a parte. Hay <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">muchas otras caracter\u00edsticas<\/a> para ti.<\/p>\n<p>Si disfrut\u00f3 leyendo este art\u00edculo sobre c\u00f3mo cambiar el color de la fuente en WordPress, debe consultar este sobre c\u00f3mo <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-deshabilitar-los-comentarios-en-wordpress-la-guia-completa\/\" title=\"deshabilitar los comentarios en WordPress\">deshabilitar los comentarios en WordPress<\/a>.<\/p>\n<p>Tambi\u00e9n escribimos sobre algunos temas relacionados, como c\u00f3mo <a href=\"https:\/\/wordpress.mediadoma.com\/es\/proteger-con-contrasena-un-sitio-de-wordpress-su-guia-definitiva\/\" title=\"proteger con contrase\u00f1a el sitio de WordPress, el costo de mantenimiento del sitio\">proteger con contrase\u00f1a el sitio de WordPress, el costo de mantenimiento del sitio<\/a> web <a href=\"https:\/\/wordpress.mediadoma.com\/es\/costo-de-mantenimiento-del-sitio-web-de-wordpress-cuanto-tendra-que-pagar\/\" title=\",\">,<\/a> WordPress <a href=\"https:\/\/wordpress.mediadoma.com\/es\/wordpress-atascado-en-modo-de-mantenimiento-esto-es-lo-que-hay-que-hacer\/\" title=\"atascado en modo de mantenimiento\">atascado en modo de mantenimiento<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/es\/wordpress-multisitio-101-todo-lo-que-necesitas-saber\/\" title=\"WordPress multisitio\">WordPress multisitio<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/es\/guia-de-encabezado-personalizado-de-wordpress-formas-faciles-de-crear-encabezados-perfectos\/\" title=\"encabezado\">encabezado<\/a> de WordPress, inicio de <a href=\"https:\/\/wordpress.mediadoma.com\/es\/el-inicio-de-sesion-en-el-panel-de-wordpress-no-funciona-esto-es-lo-que-debe-hacer\/\" title=\"sesi\u00f3n en el tablero\">sesi\u00f3n en el tablero<\/a> de WordPress y <a href=\"https:\/\/wordpress.mediadoma.com\/es\/consejos-para-escribir-un-gran-eslogan-de-wordpress-y-mejores-practicas\/\" title=\"eslogan\">eslogan<\/a> de WordPress .<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este art\u00edculo le mostrar\u00e1 c\u00f3mo cambiar el color de la fuente en WordPress usando CSS. Uno de los primeros aspectos a considerar con un nuevo sitio web.<\/p>\n","protected":false},"author":1,"featured_media":185018,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[831,840,861],"tags":[1172],"class_list":["post-227325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guia-para-principiantes","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/227325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=227325"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/227325\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/185018"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=227325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=227325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=227325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}