[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

CherryFramework 3. How to make social links open in a new window (based on shortcode)

This tutorial will show you how to make social links open in a new tab in CherryFramework 3 templates (based on shortcode).

CherryFramework 3. How to make social links open in a new window (based on shortcode)

  1. Log into your WordPress dashboard.

  2. Navigate to Appearance > Editor:

    CherryFramework_3_How_to_make_social_links_open_in_a_new_window_(based_on_shortcode)

  3. Find custom-function.php file in the list to edit it:

    CherryFramework_3_How_to_make_social_links_open_in_a_new_window_(based_on_shortcode)_1

  4. Scroll down to find lines with code for social links:

    $output = '<div class="social-wrapper '.$custom_class.'">';
    $output .= '<a href="'.$facebook_url.'"><i class="icon-facebook"></i></a>';
    $output .= '<a href="'.$twitter_url.'"><i class="icon-twitter"></i></a>';
    $output .= '<a href="'.$google_plus_url.'"><i class="icon-google-plus"></i></a>';
    $output .= '</div>';
    

    CherryFramework_3_How_to_make_social_links_open_in_a_new_window_(based_on_shortcode)_2

  5. You should edit each line for social links, so it should look like in this example:

    $output = '<div class="social-wrapper '.$custom_class.'">';
    $output .= '<a href="'.$facebook_url.'" target="blank"><i class="icon-facebook"></i></a>';
    $output .= '<a href="'.$twitter_url.'"  target="blank"><i class="icon-twitter"></i></a>';
    $output .= '<a href="'.$google_plus_url.'"  target="blank"><i class="icon-google-plus"></i></a>';
    $output .= '</div>';
  6. Click Update file button to save changes:

    CherryFramework_3_How_to_make_social_links_open_in_a_new_window_(based_on_shortcode)_3

  7. Refresh your page, the links will open in a new tab.

Feel free to check the detailed video tutorial below:

CherryFramework 3. How to make social links open in a new window (based on shortcode)