1. Nhà cung cấp (chúng tôi) của dịch vụ cung cấp bới trang web này (Dịch vụ) không chịu trách nhiệm với bất kỳ nội dung của thành viên (Nội dung). Nội dung được đăng chỉ thể hiện quan điểm của tác giả.Xem chi tiết
    Dismiss Notice
  2. Diễn đàn ẩm thực pabuzo.vn sẽ kiểm tra tất cả các bài đăng từ thành viên ở tất cả cac box kể từ ngày 26 tháng 08 chúng tôi đã có đủ thành viên trong BQT. Do đó việc kiểm tra sẻ thường xuyên hơn đối với các nội dung vi phạm của diễn đàn. Xem chi tiết
    Dismiss Notice
  3. Hiện tại chúng tôi chuyên cung cấp mật ong rừng "Tây Nguyên" nguyên chất. Giá 700k/lít Liên hệ: 0947962530 - 0906872341 - 0969911224. Xem chi tiết
    Dismiss Notice

Tạo trang chuyển hướng liên kết ngoài cho WordPress

mật ong rừng nguyên chất

Thảo luận trong 'Plugins' bắt đầu bởi SMOD, 24/3/18.

Lượt xem : 585

  1. SMOD

    SMOD Thành viên BQT Staff Member

    Tham gia:
    28/8/17
    Bài viết:
    23
    Thích đã nhận:
    3
    Điểm thành tích:
    3
    Chức năng chuyển hướng liên kết ngoài ta thường thấy ở các diễn đàn vbulletin. Khi bạn click vào một liên kết không thuộc website, bạn sẽ được chuyển hướng đến một trang thông báo với nội dung từ chối trách nhiệm liên quan đến liên kết bạn click vào. Hoặc các trang web cũng có thể sử dụng chức năng này để tăng lượt hiển thị quảng cáo…

    Trong bài viết này, tôi sẽ hướng dẫn các bạn tạo trang chuyển hướng liên kết ngoài cho website WordPress. Ta sẽ sử dụng plugin Better WordPress External Links. Đây là một plugin miễn phí bạn có thể tìm và tải về từ thư viện plugins của WordPress hoặc tải trực tiếp bằng đính kèm bên dưới.

    Sau khi cài đặt và active plugin, bạn vào Settings > BWP External Links để thực hiện các tùy chỉnh. Plugin này cung cấp cho bạn rất nhiều tùy chỉnh liên quan đến external links như cài đặt cho subdomain, thêm rel=”external”, rel=”nofollow”, custom CSS cho liên kết ngoài… Bạn có thể xem đầy đủ các chức năng của plugin này đây đủ hơn. Ở đây tôi chỉ hướng dẫn các bạn tạo trang chuyển hướng khi click vào liên kết ngoài.

    Để làm được việc này, trước tiên bạn tạo một trang mới (Pages > Add New) với title tùy ýPermalink có dạng tenmien.com/redirect-to và nội dung để trống.

    [​IMG]

    Tiếp theo, bạn tạo một file trong thư mục theme của bạn và đặt tên là page-redirect-to.php với nôi dung dưới đây:

    PHP:
    <?php
    // get the redirection url from GET variable
    $redirect_to = !empty($_GET['url'])
     ? 
    trim(strip_tags(stripslashes($_GET['url'])))
     : 
    '';
     
    $wait_time    0// time to wait before redirection occurs, in milliseconds
    $wait_seconds $wait_time 1000;
     
    add_action('wp_head''redirect_to_no_index'99);
    function 
    redirect_to_no_index()
    {
     
    // this page should not be indexed at all
    ?>
     <meta name="robots" content="noindex, follow">
    <?php
    }
     
    add_action('wp_head''redirect_to_external_link');
    function 
    redirect_to_external_link()
    {
     global 
    $redirect_to$wait_seconds$wait_time;
     
     if (empty(
    $redirect_to) || empty($wait_time)) {
     return;
     }
     
    ?>
     <script>var redirect = window.setTimeout(function(){window.location.href='<?php esc_html_e($redirect_to); ?>'},<?php echo $wait_time?>);</script>
     <noscript><meta http-equiv="refresh" content="<?php echo $wait_seconds?>;url=<?php esc_attr_e($redirect_to); ?>">></noscript>
    <?php
    }
     
    //get_header();
    ?>
     <div id="page-content"  style="width: 100%; background: #fff; padding 30px; height: 100%; margin: 20px auto; text-align: center; font-size: 18px;">
     <div class="redirect-message">
     <?php if (!empty($redirect_to)) {
     echo 
    '<img src="' trailingslashitget_stylesheet_directory_uri()) . 'images/logo.png' '" alt="" />';
     
    _e('<p>Bạn đang chuyển hướng đến địa chỉ:</p>');
     
    printf(__('<strong>%s</strong>'),esc_html($redirect_to));
     
    ?><br /><?php
     _e
    ('<p>Click vào nút dưới đây để xác nhận chuyển hướng</p>'); ?>
     <button class="chuyenhuong" style="background: #009966; border: 1px solid #009933; color: #fff; cursor: pointer; font-family: 'Oswald', arial, serif !important;
        font-size: 12px ;  font-weight: bold ; padding: 5px 10px;text-decoration: none;text-transform: uppercase;text-shadow: none;
     " onclick="window.location.href='<?php esc_html_e($redirect_to); ?>';return false;"><?php _e('Chuyển hướng'); ?></button>
     <button class="chuyenhuong" style="background: #009966; border: 1px solid #009933; color: #fff; cursor: pointer; font-family: 'Oswald', arial, serif !important;
        font-size: 12px ;  font-weight: bold ; padding: 5px 10px;text-decoration: none;text-transform: uppercase;text-shadow: none;
     " onclick="self.close()"><?php _e('Hủy bỏ'); ?></button> <br /><br /><br /><?php
     
    } else {
     
    _e('Link chuyển hướng bị lỗi');
     }
     
    ?>
     </div>
     </div>
    <?php
    Giờ bạn vào lại Settings > BWP External Links, ở mục Link Settings, chọn A custom URL trong ở phần External link prefix và nhập đường link vào ô ngay bên dưới như trong hình.

    [​IMG]

    Và cuối cùng là lưu lại để hoàn tất. Giờ bạn hãy thử click vào một liên kết ngoài nào đó trên website của bạn để xem có đến trang chuyển hướng không nhé. Nếu không có vấn đề gì thì trang chuyển hướng của bạn sẽ giống như thế này:

    [​IMG]

    Bạn phải click chuyển hướng thì mới đến được trang cần đến. Nếu bạn muốn tự động chuyển hướng sau vài giây thì sử dụng đoạn code dưới đây thây cho đoạn code bên trên

    PHP:
    <?php
    // get the redirection url from GET variable
    $redirect_to = !empty($_GET['url'])
     ? 
    trim(strip_tags(stripslashes($_GET['url'])))
     : 
    '';
     
    $wait_time    5000// time to wait before redirection occurs, in milliseconds
    $wait_seconds $wait_time 1000;
     
    add_action('wp_head''redirect_to_no_index'99);
    function 
    redirect_to_no_index()
    {
     
    // this page should not be indexed at all
    ?>
     <meta name="robots" content="noindex, follow">
    <?php
    }
     
    add_action('wp_head''redirect_to_external_link');
    function 
    redirect_to_external_link()
    {
     global 
    $redirect_to$wait_seconds$wait_time;
     
     if (empty(
    $redirect_to) || empty($wait_time)) {
     return;
     }
     
    ?>
     <script>var redirect = window.setTimeout(function(){window.location.href='<?php esc_html_e($redirect_to); ?>'},<?php echo $wait_time?>);</script>
     <noscript><meta http-equiv="refresh" content="<?php echo $wait_seconds?>;url=<?php esc_attr_e($redirect_to); ?>">></noscript>
    <?php
    }
     
    get_header();
    ?>
     <div id="page-content">
     <div class="redirect-message">
     <?php if (!empty($redirect_to)) {
     
    printf(__('You are about to leave this site and will be automatically redirected to <strong>%s</strong> in %d seconds.'),
     
    esc_html($redirect_to), $wait_seconds);
     } else {
     
    _e('Invalid url to redirect to');
     }
     
    ?>
     </div>
     </div>
    <?php
    get_footer
    ();
    Bạn có thể thay con số 5000 ở giá trị của biến $wait_time thành thời gian khác mà bạn muốn (5000 ứng với 5 giây).

    Hy vọng bài viết này có thể giúp bạn tạo trang chuyển hướng liên kết ngoài cho website của bạn. Nếu thấy bài viết có ích cho bạn, hãy chia sẻ nhé!

    Chúc bạn thành công!
     

    File đính kèm :

    Bài viết cùng chủ đề

    Last edited: 24/3/18

trang này