فتح جميع روابط المدونة في صفحة جديدة
سوف نتعرف على طريقة بسيطة لفتح جميع رابط
المدونة في صفحة جديدة وسوف نتعرف كدلك على طريقة يدوية وهي الجيدة بنظري
,في الكثير من الاحيان تدرج رابط لصفحة ما في مقالتك او موضوعاتك وقد يكون
هدا الرابط مجرد رابط عادي مثلا لصفحة حسابك على التويتر لكنك لاتدري انك
اقرأ ايضا
عند
النقر عليه سينقلك من مدونتك الى حسابك وهكدا تكون قد اغلقت صفحة مدونتك
بشكل غير مباشر ,طبعا هدا الكلام ينطبق على الزائر فعند نقره على رابط ما
يمكنك خسارة دلك الزائر بسبب هذا الامر البسيط ,الحل يكمن في فتح مثل هذا
الرابط في صفحة جديدة مثلا انقر على الرابط التالي الفايسبوك سيفتح في صفحة جديدة وستبقى صفحة المدونة كما هي .هده المشكلة كانت تعاني منها منصة الورد بريس وتمت معالجتها بإضافة Open in New Window Plugin
ادعم صفحة المدونة بنقر زر جزاك الله خيرا
كيف نضيف هدا الكود الى المدونة
كما دكرت سابقا هناك طريقتان الية ويدوية سنشرح كليهما نبدأ بالطريقة اليدوية :
عند ادراجك لرابط في موضوعك ,قم بوضع علامة صح على فتح الرابط في “صفحة جديدة” او بالنقر على تحرير Html واضافة الكود التالي الى دلك الرابط مثال:
ماقمنا بإضافته هو هدا الكود " target="_blank"> مكان site ضع الرابط الخاص بك
هده الطريقة ستقوم بإضافة الكود السابق الى جميع روابط مدونتك لكن المشكلة هو انه سيتم اضافة دلك الكود حتى لصفحات المدونة مثلا اتصل بي او عن المدونة ..كل رابط سيفتح في صفحة جديدة من ناحية جيد ومن ناحية اخرى سلبي .
ابحث عن الكود التالي <head> واضف بعده الكود التالي
ادعم صفحة المدونة بنقر زر جزاك الله خيرا
كيف نضيف هدا الكود الى المدونة
كما دكرت سابقا هناك طريقتان الية ويدوية سنشرح كليهما نبدأ بالطريقة اليدوية :
عند ادراجك لرابط في موضوعك ,قم بوضع علامة صح على فتح الرابط في “صفحة جديدة” او بالنقر على تحرير Html واضافة الكود التالي الى دلك الرابط مثال:
ماقمنا بإضافته هو هدا الكود " target="_blank"> مكان site ضع الرابط الخاص بك
الطريقة الثانية والاتوماتكية :<a href="http://site" target="_blank">
هده الطريقة ستقوم بإضافة الكود السابق الى جميع روابط مدونتك لكن المشكلة هو انه سيتم اضافة دلك الكود حتى لصفحات المدونة مثلا اتصل بي او عن المدونة ..كل رابط سيفتح في صفحة جديدة من ناحية جيد ومن ناحية اخرى سلبي .
ابحث عن الكود التالي <head> واضف بعده الكود التالي
وابحث عن الكود التالي </body> واضف قبله الكود التالي<base target='_blank'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("target", "_blank");
}
});
//]]>
</script>
من فضلك ادا استفدت من الموضوع وتظنه يستحق التقييم ,فادعمه بالنقر على احد الازرار جزاك الله كل خير
في حال نسخت الموضع اخي الكريم جزاك الله خيرا ادكر المصدر وانصحك بالبحث عن “جوجل البطريق” “جوجل باندة”
إرسال تعليق