If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Drupal 7.x. How to add a “Read More” link to View nodes

This tutorial is going to show you how to add a "Read More" link to View nodes on your Drupal 7.x template.

Drupal 7.x. How to add a “Read More” link to a View nodes

If you have a portfolio or a blog page created as a view on your Drupal 7.x site and would like to add "Read More" links to the trimmed versions of the nodes, please follow the next steps:

  1. Log into your Drupal admin panel, open the portfolio page, mouse over its top right corner and select “Edit view.”

    drupal_read_more_link_to_view_nodes_adding_1

  2. Under the “Fields” section of the next page click on “Content Body.”

    drupal_read_more_link_to_view_nodes_adding_2

  3. In the window that will pop up, under “Rewrite results” check “Trim this field to a maximum length” and enter the maximum number of characters allowed for this field in the “Maximum length” field (e.g., 60).

    drupal_read_more_link_to_view_nodes_adding_3

  4. Scroll down and check “Add a read-more link if output is trimmed” under the same section. Enter the text which will be displayed on the more link in the “More link text” field (e.g., Read More). Enter node/[nid] into the “More link path” field. Click “Apply.”

    drupal_read_more_link_to_view_nodes_adding_4

  5. Now you need to add a nid field to the views field. Click “Add” next to the “Field” section.

    drupal_read_more_link_to_view_nodes_adding_5

  6. In the window that will pop up check “Content:Nid” and click “Add and Configure Fields.”

    drupal_read_more_link_to_view_nodes_adding_6

  7. On the “Configure Field” page check “Exclude from display” and click “Apply.”

    drupal_read_more_link_to_view_nodes_adding_7

  8. Make sure the nid is above the body field. If not, click on “Add” next to the “Field” section and select “Rearrange.”

    drupal_read_more_link_to_view_nodes_adding_8

  9. Move “Content: Nid” so it comes before “Content:Body” and click “Apply.”

    drupal_read_more_link_to_view_nodes_adding_9

  10. Click “Save” at the top right.

  11. After the changes are saved, you should see the “Read More” button added to the nodes on your page.

    drupal_read_more_link_to_view_nodes_adding_10

Feel free to check the detailed video tutorial below:

Drupal 7.x. How to add a “Read More” link to a View nodes