Cómo agregar contenido antes o después de the_content y en tipos de publicaciones personalizadas

Publicado: 2020-01-09

Cómo agregar contenido antes o después de the_content y en tipos de publicaciones personalizadas En las páginas y publicaciones de su sitio de WordPress, es posible que desee agregar algún contenido después del contenido de la página o el contenido de la publicación. Dicho contenido puede ser necesario en todas las páginas o publicaciones, o en ambos tipos de publicaciones personalizadas. En tal caso, debe utilizar un filtro que agregue contenido después o antes de la función the_content en el tema de WordPress o la plantilla de página del complemento. Afortunadamente, hoy, ilustraré la forma más sencilla de cómo puedes hacer esto sin romper tu sitio.

Ejemplo de contenido para agregar después de publicar contenido

Un buen ejemplo es cuando desea compartir con sus visitantes una nota rápida sobre la política de comentarios o divulgación de afiliados.

En lugar de escribir este contenido cada vez que publica la publicación o la página, puede hacerlo automáticamente usando un filtro.

No solo ahorrará tiempo sino que evitará errores tipográficos cada vez que tenga que agregar este tipo de contenido. Si no es un desarrollador de WordPress, puede agregar fácilmente este fragmento a su archivo functions.php y reemplazar el contenido con su contenido respectivo. No tienes que preocuparte por eso en el futuro.

Agregar contenido después de la página o publicar contenido en WordPress

Al crear temas de WordPress o personalizar temas de WordPress, es posible que deba agregar contenido al final de the_content . Es particularmente común cuando utiliza metacampos personalizados o tipos de publicaciones personalizadas con detalles específicos que deben agregarse al final de cada publicación.

Es posible que esté usando get_post_meta , get_user_meta o get_option para obtener los datos almacenados para la publicación o usuario específico antes de que se agregue después de la función_content.

Hay varias situaciones en las que es posible que deba agregar contenido después de the_content . Quiero ponértelo fácil mostrándote paso a paso cómo agregar contenido después de the_content.

Enganche de filtro después de the_content para agregar contenido nuevo

Obviamente, para agregar cualquier contenido en una página de WordPress, debe comprender cómo funcionan los enlaces de filtro. Idealmente, WordPress tiene dos tipos de ganchos, los ganchos de acción y los filtros, como se explica claramente en esta publicación: ganchos do_action de WordPress y aplicar filtros, o al menos debería tener una idea de cómo editar el archivo functions.php en su tema.

Por lo tanto, necesitamos un filtro que filtre el contenido de nuestra página y luego agregue el nuevo contenido antes de que podamos devolver la salida.

Agregar contenido después de the_content en WordPress

Primero necesitamos crear el filtro de la siguiente manera:

 add_filter('the_content', 'add_content_after');

La función de devolución de llamada ahora debe contener el código que queremos agregar después de the_content. También debemos pasar el parámetro $content en la función de devolución de llamada para filtrar y devolver:

 función add_content_after($contenido) {

      $after_content = “Ejemplo de nuestra política de comentarios”;

      $contenido completo = $contenido . $después_del_contenido;

       devolver $contenido completo;

}

Entonces, en este caso, estamos agregando $after_content y se muestra como se muestra en la imagen a continuación:

el_filtro de contenido

Puede reemplazar el valor de $after_content en el código con su mensaje y agregar el fragmento completo a functions.php y el contenido se agregará después del contenido. El fragmento de código combinado es el siguiente:

 add_filter('the_content', 'add_content_after');

función add_content_after($contenido) {

     $after_content = “Ejemplo de nuestra política de comentarios después del contenido de la publicación”;
 
     $contenido completo = $contenido . $después_del_contenido;

     devolver $contenido completo;

}

Agregar contenido antes del_contenido en la página o publicación de WordPress

En algunas circunstancias, es posible que desee agregar el contenido antes de the_content . Por ejemplo, cuando recientemente estaba creando un sitio web de mascotas, necesitaba enumerar los detalles de las razas de perros antes de que el contenido pudiera mostrarse como se muestra en la imagen a continuación:

Aunque en este proyecto usé un enfoque diferente, si necesitara mostrar el contenido antes de the_content , aún usaría el filtro compartido anteriormente y la única diferencia es cuando se une a la variable $fullcontent .

En este caso, comenzaría con el contenido que desea mostrar primero, como se muestra a continuación:

 add_filter('el_contenido', 'agregar_contenido_antes');

función agregar_contenido_antes ($contenido) {

      $before_content = “Ejemplo de nuestra política de comentarios antes de publicar contenido”;

      $contenidocompleto = $antes_de_contenido . $contenido ;

      devolver $contenido completo;

}

La salida debe mostrarse como se resalta en la imagen a continuación:

Cómo agregar contenido antes y después del filtro the_content

Agregar contenido antes y después del contenido en la página o publicación de WordPress

También puede tener un escenario combinado en el que desee mostrar contenido antes y después de the_content y esto se puede lograr con el siguiente código:

 add_filter('the_content', ' add_content_before_and_after);

función agregar_contenido_antes_y_después($contenido) {

      $before_content = “Ejemplo de nuestra política de comentarios antes y después del contenido de la publicación”;

      $after_content = “Ejemplo de nuestra política de comentarios antes y después del contenido de la publicación”;

      $contenidocompleto = $antes_de_contenido . $contenido . $después_del_contenido;

     devolver $contenido completo;

}

La salida debe mostrarse como se resalta en la imagen a continuación:

agregar contenido después de the_content y antes del contenido the_content filter

Agregar contenido antes y después de the_content y en tipos de publicaciones personalizadas

Si prefiere agregar solo este contenido para un tipo de publicación personalizado específico, puede agregar alguna lógica que determine si estamos viendo el tipo de publicación personalizada y, de ser así, agregamos el contenido; de lo contrario, devolvemos el the_content predeterminado.

En este caso, si su tipo de publicación personalizada se llama 'libros', el código debería ser el siguiente:

 //4 pasos para agregar el nuevo contenido a una plantilla de página de tipo de publicación personalizada específica

add_filter('the_content', 'add_new_content_after_books_custom_post_type');

función add_new_content_after_books_custom_post_type($contenido) {


      // 1) Verifique si estamos en la publicación única y el tipo de publicación es igual a los libros, es decir, el slug del tipo de publicación personalizado

      if (es_singular("libros")){

       //2) Agregar el nuevo contenido a una variable

        $new_books_content = "Este es el nuevo contenido del libro que se agregará después del tipo de publicación personalizada Libros"

        $después del contenido = $nuevo_libros_contenido;

        $contenido completo = $contenido . $después del contenido;

       // 3) Devolver la primera vez para el tipo de publicación personalizada si el condicional es verdadero

      devolver $contenido completo;

   }demás{

       //4) Si esta es cualquier otra página o publicación, no los libros cpt devuelven el contenido predeterminado sin el contenido adicional

       devolver $contenido;
 
     }
 }

Terminando

Como hemos descrito en esta publicación, agregar contenido después de the_content o antes no debería ser una tarea difícil, puede copiar rápidamente el fragmento de código en el archivo functions.php de su tema y debería funcionar.

Cómo agregar contenido después de the_content

Como desarrollador profesional de WordPress, puede ser útil obtener más información sobre los ganchos de acción de WordPress y, en particular, los ganchos de filtro. Espero que encuentre útil este tutorial y lo comparta con sus compañeros desarrolladores y amigos.