Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir subtítulos a entradas y páginas en WordPress (paso a paso)

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres añadir un subtítulo a tus entradas y páginas de WordPress?

Los subtítulos pueden ayudar a captar la atención del visitante y animarle a leer el resto del contenido. Esto hará que permanezcan más tiempo en el sitio y conseguirá más visitas.

En este artículo, le mostraremos cómo añadir subtítulos a sus entradas y páginas, paso a paso.

How to add subtitles for posts and pages in WordPress (step by step)

¿Por qué añadir subtítulos a entradas y páginas en WordPress?

Los subtítulos, o títulos secundarios, le permiten mostrar más información acerca de las entradas de su blog, lo que anima a los visitantes a leer más.

Muchos blogs populares utilizan subtítulos de este modo, como Medium, Buzzfeed, Mashable, Brain Pickings y otros.

Post subtitle example

Los subtítulos le dan la oportunidad de explicar su título y decir a los lectores lo que obtendrán al leer la entrada de su blog de WordPress.

También animarán a los visitantes a permanecer más tiempo en su sitio y leer más contenido, lo que puede aumentar las páginas vistas y reducir la tasa de rebote. Esto envía señales positivas a los motores de búsqueda, por lo que incluso puede mejorar tu SEO en WordPress.

Dicho esto, vamos a mostrarle cómo añadir fácilmente subtítulos a sus entradas y páginas de WordPress.

Cómo añadir subtítulos a entradas y páginas de WordPress

La forma más sencilla de añadir subtítulos a su sitio web WordPress es utilizando Títulos Secundarios.

Este plugin te permite añadir fácilmente subtítulos a tus entradas y páginas y luego personalizar el aspecto de esos subtítulos.

Final post subtitle example

Lo primero que tienes que hacer es instalar y activar el plugin Secondary Titles. Para más detalles, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Una vez activado, diríjase a Ajustes ” Título secundario, donde podrá establecer los ajustes del plugin.

The WordPress subtitle settings

Título secundario puede mostrar automáticamente el subtítulo de cada página o entrada fusionándolo con el título estándar. Otra opción es mostrar el subtítulo solo para páginas y entradas específicas.

Como es la opción más sencilla, empecemos por mostrar automáticamente un subtítulo para todas las páginas y entradas. En la sección “Mostrar automáticamente”, simplemente selecciona “Activado”.

Después, puede cambiar el aspecto del subtítulo. Por defecto, el Título secundario mostrará el titular principal y el subtítulo separados por dos puntos, así:

Título secundario:Título de la entrada

Para cambiar esto, simplemente edite el HTML en la casilla “Formato del título”.

Por ejemplo, puede reducir el tamaño del subtítulo. En este caso, podría utilizar etiquetas de encabezado H1 para el título y una etiqueta de encabezado inferior, como H2 o H3, para el subtítulo.

También puede cambiar su color y quitar / sustituir los dos puntos por cualquier otro símbolo que desee utilizar.

La “vista previa” se actualizará automáticamente a medida que realice cambios, de modo que podrá probar diferentes ajustes para ver cuál es el que mejor queda en su blog de WordPress.

Configuring the title format in the Secondary Title plugin

Después, puedes controlar dónde aparecen los subtítulos en la sección “Reglas de visualización”.

En primer lugar, seleccionaremos “Activado” en la sección “Mostrar solo en la entrada principal”, ya que esto significa que los subtítulos solo aparecerán si están en la entrada principal del blog.

Only show in main post on

En la sección “Tipos de entradas”, puede elegir los tipos de contenido en los que desea mostrar subtítulos.

Para mostrar subtítulos tanto en entradas como en páginas, sólo tiene que marcar / comprobar ambas casillas.

Select post types to display subtitles

A continuación, puede elegir las categorías de entradas en las que desea permitir subtítulos.

En la sección “Categorías”, simplemente marque / desmarque las diferentes categorías de entradas.

Check boxes for post category display

¿Quieres mostrar subtítulos solo para entradas concretas?

A continuación, sólo tiene que introducir sus ID en el cuadro “ID de entrada”. Para obtener instrucciones paso a paso sobre cómo encontrar esta información, consulte nuestra guía práctica sobre cómo encontrar IDs en WordPress.

Enter unique IDs for post or page

En el cuadro final “Ajustes varios”, puede permitir que los visitantes busquen entradas utilizando sus subtítulos seleccionando el botón de opción “Activado”.

Dependiendo de su sitio, esta puede ser una buena manera de mejorar la búsqueda en WordPress.

Making your WordPress subtitles searchable

Por último, puede cambiar si el subtítulo aparece a la izquierda o a la derecha del título principal mediante los ajustes de “Posición de columna”.

Cuando estés satisfecho con cómo se han establecido los subtítulos, sólo tienes que hacer clic en el botón “Guardar cambios”.

Miscellaneous settings box and save changes

Una vez hecho esto, ya puedes crear tu primer subtítulo abriendo una entrada o página.

Escriba el subtítulo en la casilla “Título secundario” del menú de la derecha. A continuación, haga clic en “Actualizar” o “Publicar” para aplicar los cambios.

Add subtitle and save post

Ahora, los visitantes verán el subtítulo cuando vean tu entrada.

Visualización manual de subtítulos en entradas y páginas de WordPress

También puedes añadir subtítulos a tus entradas y páginas manualmente. Esto le da más control sobre dónde aparecen los subtítulos en las entradas y páginas individuales.

Para ello, basta con ir a Ajustes ” Título secundario. A continuación, seleccione la opción “Desactivado” en la sección “Mostrar automáticamente”.

Turn off auto show subtitles

Una vez hecho esto, puede mostrar manualmente los títulos secundarios en su tema de WordPress añadiendo código a los archivos de plantilla de su tema.

Otra forma es añadir algún código al archivo de tu tema de WordPress. Si quieres hacerlo, te recomendamos que utilices WPCode. Este plugin de fragmentos de código hace que sea seguro y fácil añadir código a los archivos de tu sitio web sin retocarlos directamente.

En primer lugar, debe instalar el plugin en su sitio web WordPress. A continuación, vaya a Fragmentos de código “ + Añadir fragmento.

En esta página, seleccione “Añadir su código personalizado (nuevo fragmento)” y haga clic en el botón “Usar fragmento”.

Add a new custom snippet in WPCode

A continuación, el plugin recomienda añadir el siguiente fragmento de código de etiqueta de plantilla:

echo get_secondary_title();

Cuando probamos el código, el título secundario no parecía alineado con el contenido de la entrada. Por lo tanto, recomendamos añadir las etiquetas div al código.

Este es el aspecto que debería tener:

echo '<div>';
echo get_secondary_title();
echo '</div>';

Si no ha añadido código antes, consulte nuestra guía para principiantes sobre cómo pegar fragmentos de código de la web en WordPress.

Una vez hecho esto, puede nombrar su fragmento de código. Puede ser algo así como ‘Fragmento de código de título secundario’.

Además, cambie el Tipo de Código a ‘Fragmento de código PHP’ para que el código funcione correctamente.

Inserting the secondary title echo code in WPCode

Después, asegúrate de desplazarte hacia abajo y dejar el Método de Inserción como ‘Auto Inserción’.

En cuanto a la Ubicación, puedes cambiar a la pestaña ‘Específica de la página’ y hacer clic en la ubicación que desees. Hemos elegido “Insertar antes del contenido” para que el título secundario aparezca después del título y antes del primer párrafo de la entrada.

También puede consultar nuestra hoja de trucos sobre la jerarquía de plantillas de WordPress para decidir cuál es el mejor lugar para mostrar el título secundario.

Una vez hecho esto, basta con activar el código y hacer clic en “Guardar fragmento” en la parte superior.

Choosing Insert Before Content location in WPCode

Alternativamente, puede utilizar shortcodes para mostrar el título secundario. Esto le permitirá mostrar títulos secundarios solo en páginas y entradas específicas.

Este es el shortcode que el plugin proporciona:

[secondary_title]

Para más información sobre shortcodes, compruebe nuestra guía sobre cómo añadir shortcodes en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo añadir subtítulos a tus entradas y páginas en WordPress. También te puede interesar nuestra guía sobre cómo conseguir un dominio de correo electrónico gratuito y nuestra comparativa de los mejores servicios de telefonía empresarial para pequeñas empresas.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

17 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Pixi Arnoso says

    The plug-in with elementor does not work well. When you use a post grid the second title appears spoiling the whole design. I haven’t managed to remove it from there yet. It’s a pity because the plug-in is very good.

    • WPBeginner Support says

      Thank you for sharing, for plugins interacting with other plugins, we would recommend reaching out to the authors to see if there is a possibility of them working together in the future.

      Administrador

    • WPBeginner Support says

      If we’re understanding what you want correctly then you could use header blocks to add your subtitle in the article itself.

      Administrador

    • Kavinthan says

      You can insert inline CSS in Title format input.
      If you using the manual method, you can add custom style or class like

  3. Sahriar Sykat says

    Any way to do it manually? I can use a custom metabox for this but I want it like this plugin, next to title. Not bottom of editor with other metaboxes

  4. Ellis Sutehall says

    It appears that the subtitle is inserted into the tag where the main title exists.

    This means that styling it can only be done with span tags and inline styles. This causes problems with things like sidebars that list recent posts.

    For example, I wanted the subtitle smaller and underneath the main title but font-size: 20px meant that it displayed this size in the sidebar too.

    Anyone else experienced this or know of a work around?

  5. Miss Amia says

    Do you have to pay to join “Wpbegginer” ? I see your referrers to hosting says, “wpbegginer users get such & such off”

  6. Kelly says

    Secondary Title is a great plugin! And your article was especially helpful re: for secondary title appearing below the primary title. Thanks very much.

  7. Amy Russell says

    If we have this plugin activated, but don’t need a secondary title can we just leave the secondary title line blank? Will it look different than just the basic title & post without the plugin?

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.