{"id":45983,"date":"2015-04-06T06:55:36","date_gmt":"2015-04-06T10:55:36","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=45983"},"modified":"2017-08-07T06:43:54","modified_gmt":"2017-08-07T10:43:54","slug":"wordpress-how-to-make-read-more-links-of-post_grid-shortcode-open-in-new-tab","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-make-read-more-links-of-post_grid-shortcode-open-in-new-tab.html","title":{"rendered":"WordPress Cherry 3.x. How to make read more links of “post_grid” shortcode open in new tab"},"content":{"rendered":"

\r\n

This tutorial shows how to edit posts_grid<\/strong> shortcode so that Read More<\/strong> links and titles of posts<\/strong> opened in new tab.<\/p>\r\n

WordPress. How to make read more links of “post_grid” shortcode open in new tab<\/a><\/p>\r\n

In order to change shortcode behavior, you will need to edit the shortcode source code in the child theme, i.e. in the wp-content\/themes\/themeXXXXX\/includes<\/strong> directory on server:<\/p>\r\n

    \r\n
  1. \r\n

    Open the wp-content\/themes\/themeXXXXX\/includes<\/strong> directory and check if there’s already shortcodes\/posts-grid.php<\/strong> file on server.\r\n\t<\/p>\r\n<\/li>\r\n

  2. \r\n

    In case the file is missing, open the custom-function.php<\/strong> file and check if there’s already posts_grid<\/strong> code in the file: look for the posts_grid with Ctrl\/Cmd+F5<\/strong> hotkeys.<\/p>\r\n<\/li>\r\n

  3. \r\n

    In case the code is missing, open the posts-grid.php<\/strong> file located in the wp-content\/plugins\/cherry-plugin\/includes\/shortcodes<\/strong> directory on server and copy the code that starts with:<\/p>\r\n

    function posts_grid_shortcode( $atts, $content = null, $shortcodename = '' ) {<\/pre>\r\n
    And ends with:<\/p>\r\n
    add_shortcode('posts_grid', 'posts_grid_shortcode');<\/pre>\r\n<\/li>\r\n
    \r\n\r\n\r\n<\/a>\r\n<\/div>\r\n
  4. \r\n
    Paste the code at the bottom of custom-function.php<\/strong> file before the closing ?><\/strong> tag. Save changes in the file.<\/p>\r\n<\/li>\r\n
  5. \r\n
    Find the posts title link in the source code:<\/p>\r\n
    <a href=\"'.get_permalink($post_id).'\" title=\"'.get_the_title($post_id).'\">';\r\n\t\t\t$output .= get_the_title($post_id);\r\n\t\t$output .= '<\/a><\/pre>\r\n<\/li>\r\n
  6. \r\n
    In order to open link in new tab, add target=”_blank”<\/strong> into the link code:<\/p>\r\n
    <a target=\"_blank\" href=\"'.get_permalink($post_id).'\" title=\"'.get_the_title($post_id).'\">';\r\n\t\t\t$output .= get_the_title($post_id);\r\n\t\t$output .= '<\/a><\/pre>\r\n<\/li>\r\n
  7. \r\n
     To modify the Read More button<\/strong> link, find the button link code which is the following:<\/p>\r\n
    <a href=\"'.get_permalink($post_id).'\" class=\"btn btn-primary\" title=\"'.get_the_title($post_id).'\">';\r\n\t\t\t\t$output .= $link_text;\r\n\t\t\t$output .= '<\/a><\/pre>\r\n<\/li>\r\n
  8. \r\n
    Add the same target=”_blank” attribute<\/strong> to the link code:<\/p>\r\n
    <a target=\"_blank\" href=\"'.get_permalink($post_id).'\" class=\"btn btn-primary\" title=\"'.get_the_title($post_id).'\">';\r\n\t\t\t\t$output .= $link_text;\r\n\t\t\t$output .= '<\/a><\/pre>\r\n<\/li>\r\n
  9. \r\n
    Save changes in the custom-function.php<\/strong> file. Refresh the page with Ctrl\/Cmd+F5 hotkeys to see changes on the site.<\/p>\r\n<\/li>\r\n<\/ol>\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n
    WordPress. How to make read more links of “post_grid” shortcode open in new tab<\/a><\/p>","protected":false},"excerpt":{"rendered":"
    This tutorial shows how to edit posts_grid shortcode so that Read More links and post titles opened in new tab in Wordpress.<\/p>\n","protected":false},"author":65,"featured_media":45985,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[1336,1917,1335,1415,977,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/45983"}],"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=45983"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/45983\/revisions"}],"predecessor-version":[{"id":82600,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/45983\/revisions\/82600"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/45985"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=45983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=45983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=45983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}