{"id":54819,"date":"2015-09-22T05:55:47","date_gmt":"2015-09-22T09:55:47","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=54819"},"modified":"2016-02-24T02:34:44","modified_gmt":"2016-02-24T07:34:44","slug":"drupal-7-x-how-to-add-custom-read-more-link-to-home-page-blocks","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/drupal-7-x-how-to-add-custom-read-more-link-to-home-page-blocks.html","title":{"rendered":"Drupal 7.x. How to add custom “Read More” link to Home page blocks"},"content":{"rendered":"

\r\n

This tutorial shows how to change Read More link<\/strong> to custom one in Drupal 7.x.<\/strong>.<\/p>\r\n

Drupal 7.x. How to add custom “Read More” link to Home page blocks<\/a><\/p>\r\n

    \r\n
  1. \r\n

    First, log into Drupal back-end<\/strong> and check what content is assigned to block: rollover block and click the Edit View<\/strong> link. Find content type under the Filter criteria <\/strong>heading.<\/p>\r\n<\/li>\r\n

  2. \r\n

    Next, navigate to Structure -> Content types -> {your content type} -> Manage fields<\/strong> tab:<\/p>\r\n

    \"Drupal<\/a>\r\n<\/li>\r\n

  3. \r\n

    Fill out two fields: Add new field<\/strong> and Select a field type<\/strong>. Set the last one to Link. The Form element to edit the data<\/strong> field will change to Link automatically, click the Save<\/strong> button:<\/p>\r\n

    \"Drupal<\/a>\r\n<\/li>\r\n

  4. \r\n

    On the next screen click the Save field settings<\/strong> button.<\/p>\r\n<\/li>\r\n

  5. \r\n

    On next screen configure new link field: edit field Label, set field as Required, select link type, set default values as link target, css classes and title. Save field configuration.<\/p>\r\n<\/li>\r\n

  6. \r\n

    Now you should add new field to block: navigate to Home page – Block<\/strong>, rollover block, click the Edit View<\/strong> link. Under the Fields<\/strong> heading click the Add<\/strong> button:<\/p>\r\n

    \"Drupal<\/a>\r\n<\/li>\r\n

  7. \r\n

    In the Add fields<\/strong> popup window, insert your new field name into the Search<\/strong>, check new field name in the search results and click the Apply (all displays)<\/strong> button:<\/p>\r\n

    \"Drupal<\/a>\r\n <\/li>\r\n

  8. \r\n

    With that done, you’ll be redirected to Configure field screen<\/strong>, click the Style Settings<\/strong> tab. Check the Customize field HTML<\/strong> option, select DIV<\/strong> in the HTML element<\/strong> menu. Check the Create a CSS class<\/strong> option and insert your class into the CSS class<\/strong> field:<\/p>\r\n

    \"Drupal<\/a>\r\n<\/li>\r\n

  9. \r\n

    Next, disable default Read More link that was set up with the Home page block.<\/p>\r\n<\/li>\r\n

  10. \r\n

    In the block, click the Content:Link<\/strong> option. In the popup option, check the Exclude from display<\/strong> field. Next, open the Style settings<\/strong> tab in the same popup window and copy its CSS Class<\/strong>. Click the Apply<\/strong> button.<\/p>\r\n<\/li>\r\n

  11. \r\n

    Now open the new field you’ve added to the block and paste CSS class<\/strong> into it.<\/p>\r\n<\/li>\r\n

  12. \r\n

    The last step is to add new field into the content. Navigate to Content<\/strong>, filter Content by Type<\/strong> using the corresponding field and click Edit<\/strong> link:<\/p>\r\n

    \"Drupal<\/a>\r\n<\/li>\r\n

  13. \r\n

    Scroll the Node editor page down to find new field you’ve created, fill out the Title and URL<\/strong> fields. Click the Save changes button and check new button link at the front-end:<\/p>\r\n

    \"Drupal<\/a>\r\n<\/li>\r\n<\/ol>\r\n

    Feel free to check the detailed video tutorial below:<\/p>\r\n

    Drupal 7.x. How to add custom “Read More” link to Home page blocks<\/a><\/p>\r\n<\/p>\r\n

    <\/p>","protected":false},"excerpt":{"rendered":"

    This tutorial shows how to change Read More link<\/strong> to custom one in Drupal 7.x.<\/strong>.<\/p>\n","protected":false},"author":65,"featured_media":54831,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[723],"tags":[618,593,933,572,1009],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/54819"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=54819"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/54819\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/54831"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=54819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=54819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=54819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}