Cómo añadir un enlace de edición de la entrada a las entradas y páginas de WordPress

¿Quieres añadir un enlace de edición de entradas a tus entradas y páginas de WordPress?

Un enlace de edición de entradas te permite ir fácilmente a la pantalla de edición de entradas desde la parte frontal de tu sitio para hacer cambios rápidos

En este artículo, te mostraremos cómo puedes añadir un enlace de edición de entradas a tus páginas y entradas de WordPress.

Cómo añadir un enlace de edición a las entradas y páginas de WordPress

¿Por qué añadir un enlace de edición de la entrada a las entradas y páginas de WordPress?

Añadir un enlace de edición de la entrada a las entradas y páginas de WordPress te permite hacer cambios rápidos y fáciles en tu contenido.

En lugar de buscar entre tus entradas y páginas en tu panel de control de WordPress, puedes simplemente hacer clic en el enlace de edición de entradas en la parte frontal de tu sitio web. Esto abrirá directamente la pantalla del editor de entradas o páginas

ejemplo de enlace de edición de una entrada en el front-end de un blog de WordPress

Nota: El enlace de edición de mensajes sólo será visible para los usuarios que hayan iniciado sesión y tengan el rol de usuario y los permisos adecuados

Muchos temas de WordPress tienen esta función, pero a veces los desarrolladores la eliminan.

Si tu tema no tiene esta función, tendrás que añadirla manualmente.

Dicho esto, vamos a mostrarte cómo añadir un enlace de edición de la entrada a las entradas y páginas de WordPress.

Cómo añadir un enlace de edición de la entrada a las entradas y páginas de WordPress

Para añadir un enlace de edición de entradas en WordPress, tendrás que añadir código a tus archivos de WordPress.

Te mostraremos 2 métodos diferentes para añadir el código a tu sitio:

  1. Editar manualmente los archivos de tu tema
  2. Añade un fragmento de código

El primer método es más técnico, y necesitarás tener algunos conocimientos de PHP para saber dónde colocar el código. Sin embargo, te permitirá controlar exactamente dónde aparece el enlace de edición.

El segundo método es mucho más fácil y no necesitas tener ninguna experiencia en codificación. Pero no funciona con todos los temas, y no tendrás control sobre dónde aparece exactamente el enlace.

Dicho esto, vamos a repasar estos métodos.

Método 1: Editar manualmente los archivos de tu tema

Puedes modificar los archivos individuales del tema directamente o crear un tema hijo para anular estos archivos del tema.

Recomendamos crear un tema hijo, para no perder los cambios que hayas hecho cuando actualices tu tema. Para más detalles, consulta nuestra guía para principiantes sobre cómo crear un tema hijo de WordPress.

Tanto si editas los archivos del tema directamente, como si creas un tema hijo, debes copiar y pegar el siguiente código y añadirlo a la sección de tu tema single.php, post.php, index.phpo cualquier otro archivo de plantilla de contenido.


<?php edit_post_link(__('{Edit}')); ?>

Este código simplemente añade un enlace de edición de entradas a tus entradas y páginas de WordPress. Puedes cambiar el texto '{Edit}' por lo que quieras que diga el enlace

En la mayoría de los temas, deberás añadir este código dentro del bucle de la entrada, directamente después de los metadatos de la misma.

Por ejemplo, así es como se vería el código al final de los metadatos de la publicación de un tema


By <?php the_author_posts_link(); ?> on <?php the_time('F jS, Y'); ?>  in <?php the_category(', '); ?> <?php edit_post_link(__('{Edit}'), ''); ?>

También puedes añadir este código a cualquier parte de tu tema que quieras que muestre el enlace de edición de la entrada. Por ejemplo, puedes añadirlo al final del contenido de tu entrada

Una vez que hayas añadido el código y guardado el archivo, tienes que subirlo al directorio de tu tema en tu cuenta de alojamiento de WordPress.

Para ello, puedes utilizar un cliente FTP, o la opción del gestor de archivos en el panel de control de tu alojamiento WordPress.

Si no has utilizado el FTP antes, quizá quieras consultar nuestra guía sobre cómo utilizar el FTP para subir archivos a WordPress.

Ahora, cuando estés conectado a WordPress y estés viendo una entrada o página en el front end, puedes simplemente hacer clic en el enlace "Editar", y serás llevado a la pantalla del editor de entradas

Enlace de edición de la entrada Ejemplo de entrada de WordPress

Método 2: Añadir un fragmento de código

Para este método, tendrás que añadir un fragmento de código a tu archivo functions.php o utilizar un plugin. Puedes consultar nuestra guía sobre cómo pegar fragmentos de código de la web en WordPress para obtener instrucciones más detalladas.

Utilizaremos el Fragmentos de código porque es gratuito, fácil de usar y no romperá tu sitio web si algo va mal.

Para empezar, tendrás que instalar y activar el plugin. Puedes consultar nuestra guía sobre cómo instalar un plugin de WordPress para obtener instrucciones paso a paso.

A continuación, ve a Recortes " Todos los recortes y haz clic en el botón "Añadir nuevo" en la parte superior de la página.

añadir fragmentos de código en wordpress con un plugin

Tendrás que nombrar tu fragmento de código (nosotros lo hemos llamado "Añadir enlace de edición a las entradas individuales") y luego copiar y pegar el siguiente código en el campo Código:


add_action('loop_start', function () {
    if (!is_singular() || is_page() || !is_main_query()) {
        return;
    }

    edit_post_link(__('{Edit}'));
}, 99);

A continuación, haz clic en el botón "Guardar cambios y activar", situado en la parte inferior de la página.

fragmento de código para añadir un enlace de edición a los mensajes individuales

Ahora, cuando veas una entrada del blog, deberías ver un enlace de "Edición" en la parte superior.

Estamos utilizando el tema Astra en nuestro sitio de prueba, y aquí es donde aparece nuestro enlace de edición. Puede tener un aspecto diferente en tu sitio dependiendo de tu tema de WordPress.

edit link added to single post

Esperamos que este artículo te haya ayudado a aprender cómo añadir un botón de edición rápida a las entradas y comentarios de WordPress. Quizás también quieras ver nuestra guía sobre cómo conseguir un certificado SSL gratuito para tu sitio web y nuestra selección de expertos sobre el mejor software de marketing por correo electrónico para pequeñas empresas

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Si quieres conocer otros artículos parecidos a Cómo añadir un enlace de edición de la entrada a las entradas y páginas de WordPress puedes visitar la categoría Themes.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up