Como personalizar botón “Leer más” en WordPress

Cuando usamos la etiqueta <!– more –> en nuestra entrada, hacemos que solo aparezca una parte del artículo en la página principal de nuestro blog acompañada de un enlace que dice “Leer más“. ¿No te convence cómo se ve este enlace? En este post descubrirás cómo personalizarlo.

¿Sabes programar en HTML y CSS? Si quieres tener un mejor control de tu tema de WordPress tocando directamente el código de las plantillas, te recomiendo que leas mi post Botón “Leer más” en WordPress (Avanzado), donde explico de la forma mas sencilla como editar lo que tu quieras con un poco de programación. SI ese no es tu caso entonces continua leyendo.

Antes de nada recordarte que para añadir la etiqueta <!– more –> tendrás que hacer clic en el icono que parece una hoja partida, de esa manera le dirás a WordPress que aparezca el “Leer más” a partir de ese punto en el texto.

Vamos a cambiar el texto que aparece en nuestro botón. Si te parece muy aburrido el típico “Leer más” de todos los blogs, puedes personalizar este texto siguiendo los siguientes pasos:

• Entra en la carpeta que contenga tu tema de WordPress
• Busca el archivo index.php y ábrelo con un editor de texto
• Busca dentro de este fichero la linea que contenga <?php the_content(); ?>
• Una vez lo hayas encontrado introduce el texto con comillas dobles entre los dos paréntesis:

the_content(“Sigue leyendo!”);

Si sabes algo de HTML también puedes introducir etiquetas en el texto:

the_content(“Sigue <b>leyendo!</b>”);

Y si quieres darle tu propio estilo con CSS, WordPress asigna por defecto a ese link la clase .more-link, así que puedes añadir algunas líneas a tu archivo .css (normalmente style.css):

.more-link {
/* estilos del enlace */
}

Puedes encontrarte con algunas plantillas que con estas soluciones sigas sin ver el enlace como tu quieres. Si ese es tu caso y sabes algo de programación web, te recomiendo que consultes el post Botón “Leer más” en WordPress (Avanzado). Si no, siempre puedes contactar con un profesional que te ayude a resolver tu problema. Si te gusta nuestro trabajo, puedes contactar con nosotros a través de nuestro formulario.

Hay muchas maneras de poder personalizar el botón “Leer más” en tu blog, depende de ti escoger la manera que más se adapte a tus necesidades. Si se te ocurre alguna otra manera de hacerlo o tienes cualquier duda déjame un comentario o ponte en contacto con nosotros.

Muchas gracias por leernos!! Un saludo y que pases un buen finde!! Hasta pronto!!