دائماً ما تجد أن الكثير من أصحاب المواقع الالكترونية عندما يتم وضع روابط خارجية يرغبون في جعلها تفتح في نافذة جديدة أو علامة تبويب جديدة وعدم الانتقال للموقع في نفس النافذة لعدة اسباب اهما بقاء نافذة موقعه في متصفح الزائر للعودة لها بدون فقدانه.
كل مستخدم من مستخدمي الووردبريس يعلم الطريقة التي يتم فيها جعل الروابط تفتح في نافذة جديدة من خلال خيارات الرابط ثم بعد ذلك وضع علامة صح على الخيار (فتح الرابط في علامة تبويب جديدة) كما بالصورة ادناه
لكن هناك مشكلة اذا كان لدى صاحب الموقع عدد من المدونين أو الكتاب لا يعرفون الطريقة أو ينسون تفعيل خيار فتح تبويب جديد للرابط , ويمكن تغطية ذلك من خلال استخدام بعض الاضافات (المكون الاضافي) في الووردبريس والتي سيتم التطرق لها أو أكواد لمن لا يريد تثبيت الاضافات في موقعه.
وبالتالي سيكون لديك احدى الطرق التالية التي يمكن استخدامها إما بإضافات الووردبريس أو احد الاكواد.
باستخدام المكون الاضافي للووردبريس
يمكن الاستفادة من الاضافات (المكون الاضافي) التالية لضبط اعدادات روابط مدونة الووردبريس وجعل إمكانية فتح الروابط في تبويبات جديدة :
ايضاً يمكن لاضافة Rank Math SEO ومن خلال الاعدادات الخاصة بها في General Settings تفعيل الخيار Open External Links in New Tab/Window ان يؤدي المهمة بدون الحاجة الى اضافة أو اكواد
بواسطة كود لملف functions.php
قم بتحرير ملف functions.php من لوحة تحكم المدونة > المظهر > محرر ملف القالب > خصائص القالب
الكود التالي يفتح الروابط الخارجية فقط (بمعنى ليست تابعة لنفس دومين الموقع) في تبويب جديد :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
/* OPEN ALL OUTBOUND LINKS IN NEW TAB 3*/ function ed_open_js() { ?> <script type="text/javascript"> jQuery(document).ready(function($){ $("a[href^=http]").each(function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr({ target: "_blank", title: "Opens in a new window" }); } }) }); </script> <?php } add_action( 'wp_footer', 'ed_open_js' ); |
الكود التالي يفتح جميع الروابط الداخلية والخارجية في تبويب جديد
|
1 2 3 4 5 6 7 8 9 10 11 12 |
/* OPEN ALL LINKS IN NEW TAB 3*/ function autoblank($text) { $return = str_replace('href=', 'target="_blank" href=', $text); $return = str_replace('target="_blank" href="https://ed3s.com', 'href="https://ed3s.com', $return); $return = str_replace('target="_blank" href="#', 'href="#', $return); $return = str_replace(' target = "_blank">', '>', $return); return $return; } add_filter('the_content', 'autoblank'); add_filter('comment_text', 'autoblank'); |
يمكن استخدام الكود التالي لكافة المواقع (الووردبريس وغيرها) ويجب أن يتم وضعه في ملف الحاشية السفلية footer قبل وسم الاغلاق <body/>
الكود يقوم بفتح الروابط الخارجية فقط في تبويب/نافذة جديدة ، أما الروابط الخاصة بالموقع يتم فتحها في نفس التبويب/النافذة
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function($) { $('a').each(function() { var a = new RegExp('/' + window.location.host + '/'); if(!a.test(this.href)) { $(this).click(function(event) { event.preventDefault(); event.stopPropagation(); window.open(this.href, '_blank'); }); } }); }); //]]> </script> |
