{"id":8918,"date":"2019-07-18T23:05:07","date_gmt":"2019-07-18T23:05:07","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=8918"},"modified":"2026-03-10T16:28:41","modified_gmt":"2026-03-10T15:28:41","slug":"cambiar-tamano-letra-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/cambiar-tamano-letra-wordpress\/","title":{"rendered":"C\u00f3mo cambiar el tama\u00f1o de la letra en WordPress"},"content":{"rendered":"

Cambiar el tamaño de la letra en WordPress es fácil y en este artículo aprenderás todo lo que necesitas saber.<\/p>

Vamos a ver dos métodos: instalar un plugin y usar CSS.<\/p>

WordPress es reconocido por lo fácil que es editar las publicaciones, y al igual que tu software de procesamiento de texto favorito, también ofrece muchas opciones. Puedes editar el contenido fácilmente utilizando un menú desplegable para configurar los encabezados y los párrafos.<\/p>

Ten en cuenta que la estructura del contenido es importante, tanto para los visitantes como para el SEO. Tener una buena estructura de títulos y subtítulos le ayuda a los motores de búsqueda a escanear mejor los temas principales de tus publicaciones, especialmente las más largas. Esto te ayudará a tener un mejor posicionamiento en los resultados del motor de búsqueda.<\/p>

La última versión de WordPress<\/a> viene con el editor Gutenberg, por eso también te mostraremos cómo cambiar el tamaño de la letra en WordPress con esta herramienta.<\/p>

Cambiar el tamaño de la letra con el plugin TinyMCE Advanced<\/h2>

TinyMCE Advanced<\/a> es un plugin gratuito que te permite elegir fácilmente el tamaño de fuente que prefieras. Este plugin viene con una barra de herramientas del editor clásico en el nuevo editor Gutenberg.<\/p>

Primero, tienes que instalar y activar el plugin, y luego puedes ir a la página de Ajustes<\/strong>. Allí encontrarás dos pestañas: Editor de bloques (Gutenberg)<\/a> y Editor clásico (TinyMCE)<\/strong>.<\/p>

Si solo quieres utilizar el editor clásico, activa la opción “Reemplaza el editor de bloques por el editor clásico” debajo de Opciones avanzadas. Si no marcas esta opción puedes usar ambos editores uno al lado del otro.<\/p>

Veamos los pasos para cambiar el tamaño de la letra con este plugin:<\/p>

    \n
  1. Ve a añadir nueva entrada<\/strong> o edita una existente. Allí verás un editor de párrafos clásico. \"Crear<\/li>\n\n\n\n
  2. Resalta los renglones que vas a modificar y luego selecciona el tamaño de fuente. Si no ves la opción de tamaño de fuente en la barra de herramientas tendrás que volver a los Ajustes -> TinyMCE Advanced, y debajo de “Barras de herramientas para los bloques de párrafo clásico” arrastrar el botón correspondiente hasta la barra de herramientas. \"Resaltar<\/li>\n\n\n\n
  3. Así se ve el resultado: \"Cómo<\/li>\n<\/ol>

    Usando CSS: El método clásico<\/h2>

    Si bien el método anterior es ideal para principiantes que quieren cambiar el tamaño de la letra en WordPress, el método clásico requiere CSS y puede ser un poco más complicado.<\/p>

    Sin embargo, al usar un plugin o el editor de WordPress predeterminado tienes que hacer las modificaciones para cada una de las páginas, mientras que con CSS se puede cambiar el tamaño de la fuente para todo el sitio.<\/p>

    Cambiar el tamaño de la letra usando CSS requiere agregar líneas de código, lo cual se puede hacer a través del editor o el Personalizador<\/strong>. Pero recomendamos el personalizador ya que es el método más fácil.<\/p>

      \n
    1. Ve al panel de WordPress, luego a Apariencia<\/strong> -> Personalizar<\/strong>. \"Elegir<\/li>\n\n\n\n
    2. Elige CSS adicional<\/strong>. \"Elegir<\/li>\n<\/ol>

      Aquí puedes agregar líneas de código en el cuadro del lado izquierdo.<\/p>

        \n
      1. Para cambiar la fuente completa:<\/li>\n<\/ol>
        body {\nfont-size: 1.25rem;\n}<\/pre>
        \"Cambiar<\/figure><\/div>
          \n
        1. Para cambiar la fuente de los párrafos:<\/li>\n<\/ol>
          p {\nfont-size: 25px;\n}<\/pre>
          \"Cambio<\/figure><\/div>
            \n
          1. Para cambiar las fuentes de tipos de encabezados específicos:<\/li>\n<\/ol>
            h2 {\nfont-size: 2.5em;\n}\n<\/pre>
            \"Cambiar<\/figure><\/div>
              \n
            1. Para cambiar el tamaño de fuente de la barra lateral:<\/li>\n<\/ol>
              .sidebar li {\nfont-size: 12px;\n}<\/pre>
                \n
              1. Para personalizar la fuente de pie de página:<\/li>\n<\/ol>
                .footer {\nfont-size: 150%;\n}<\/pre>
                  \n
                1. Para cambiar la fuente en tamaños de pantalla específicos:<\/li>\n<\/ol>
                  html {\nfont-size: 18px;\n}\n@media (min-width: 900px) {\nhtml {\nfont-size: 20px;\n}\n}<\/pre>
                  Los estilos CSS permiten que el tamaño del texto sea medido por cuatro unidades diferentes:<\/p>