إنشاء صفحة تنبيه لروابط الخارجية واستغلالها في المدونة


مصنفة في قسم  : شروحات, نصائح
كتبت بتاريخ  : 2 ديسمبر 2010
عدد المشاهدات  : 
عدد التعليقات  : 16 تعليق 

إنشاء صفحة تنبيه لروابط الخارجية واستغلالها في المدونة

السلام عليكم ورحمة الله وبركاته

بينما اتجول في المنتديات لاحظت عند الضغط على بعض الروابط إما تحولك لصفحة تنبيه بأنك تغادر الموقع أو أن تنتظر حتى يتم عرض الرابط فأعجبتني الفكرة لكون هذه الصفحات لها دورين مهمين الدور الأول أنها تنبهك بأنك تغادر الموقع وأنها غير مسؤولة عن محتوى الموقع الذي أنت ذاهب اليه , أما الدور الثاني هو عرض اعلانات وهذا هو الاستغلال

وهذه الفكرة تحتاج برمجة اضافة وبعد بحث طويل في موقع ووردبريس وجدت هذه الاضافة WP Js External Link Info تقوم هذه الاضافة باعادة انشاء الروابط الخارجية وتوجيهها في التدوينات بصفحة خاصة تحتوي على معلومات المغادرة من الموقع و الاضافة تحتوي على صفحة عادية جدا, مثال لصفحة مغادرة المدونة

كما تلاحظون الصفحة بسيطة جدا لهذا سوف نقوم بعمل قالب لصفحة المغادرة لتناسب الموقع

اولا تنصيب الاضافة :

  1. نقوم بتحميل الاضافة من موقع لووردبريس من هنا
  2. قم فك الضغط عن الاضافة
  3. قم برفعها الى مجلد الاضافات هكذا : wp-content/plugins/wp-js-external-link-info
  4. بعد ذالك قم بتفعيلها من : لوحة التحكم > الإضافات > wp-js-external-link-info > تفعيل

الاضافة تحتوي 5 ملفات وهي :

js-external-link-info-de_DE.mo
js-external-link-info-de_DE.po
readme.txt
redirect.php
wp-js-external-link-info.php

الملف الذي يهما هو redirect.php سوف نقوم باستعمال بعض الاكواد منه

الان سوف نتحدث عن طريقة إنشاء قالب لصفحة مستقلة قم بانشاء ملف فارغ باسم redirection.php او ما تشاء وافتحه باي محرر انا استعمل notepad+ ولا تنسى الترميز (UTF-8) كي لا تواجهك مشكلة في الرموز عند ادخال كلمات باللغة العربية

اول خطوة نقوم بادراج الكود التالي :


<?php
/*
Template Name: Redirect Page
*/
?>

هنا نضع اسم قالب الصفحة كي يتعرف عليها الووردبريس ضروري اضافتها , سوف نتطرق لها لاحقا

تاني خطوة نفتح ملف الاضافة redirect.php وننسخ الكود التالي :

 $url  = $_GET['url'];
 $blog = urldecode($_GET['blog']);
 if ($blog == "") { $blog = "this Blog"; }

وندرجه مباشرة اسفل الكود السابق فيصبح الكود هكذا :

<?php
/*
Template Name: Redirect Page
*/
?>
<?php
 $url  = $_GET['url'];
 $blog = urldecode($_GET['blog']);
 if ($blog == "") { $blog = "this Blog"; }
?>

الان سوف نحتاج كود الترويسة (header.php) لاننا سنقوم بتعديله , قم بفتح ملف header.php وإنسخ الكود كامل وقم بلصقه مباشرة اسفل الاكواد السابقة اولا قبل ان أضع الكود سوف نأخد هذا القالب لتطبيق عليه Cyangant

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="description" content="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" />
<title><?php wp_title(''); ?><?php if(wp_title(' ', false)) { echo ' &ndash; '; } ?> <?php bloginfo('name'); ?> &ndash; <?php bloginfo('description'); ?></title>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.gif"/>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" type="text/css" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.flow.js" charset="utf-8"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/script.js"></script>
<?php require('wp-lightboxJS/wp-lightboxJS.php'); ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>

<div id="container">

<ul id="top-menu">
<li <?php if (is_home()){ echo "class=\"current_page_item\"";} ?>><a href="<?php echo get_option('home'); ?>">الصفحة الرئيسية</a></li>
<?php wp_list_pages('title_li'); ?>
</ul>

<div id="header">

<h1><a href="<?php echo get_option('home'); ?>/" class="header-title"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div><!-- END Header -->

لاحظ معي يجب تعديل هذا السطر  من

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

الى

<meta http-equiv="refresh" content="10; url=<?php echo $url; ?>">

نقوم بتغيره حتى يتم تحويلك بعد مرور الوقت المحدد

يمكنك تغير وقت الذي سيتم فيه تحويل الزائر الى الموقع الخارجي فقط قم بتغير رقم 10 الى الرقم الذي تريد والوقت هنا بالثواني

فيصبح الكود بالشكل التالي :

<?php
/*
Template Name: Redirect Page
*/
?>
<?php
 header('Content-Type:text/html; charset=UTF-8');
 $url  = $_GET['url'];
 $blog = urldecode($_GET['blog']);
 if ($blog == "") { $blog = "this Blog"; }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="refresh" content="10; url=<?php echo $url; ?>">
<meta name="description" content="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" />
<title><?php wp_title(''); ?><?php if(wp_title(' ', false)) { echo ' &ndash; '; } ?> <?php bloginfo('name'); ?> &ndash; <?php bloginfo('description'); ?></title>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.gif"/>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" type="text/css" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.flow.js" charset="utf-8"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/script.js"></script>
<?php require('wp-lightboxJS/wp-lightboxJS.php'); ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>

<div id="container">

<ul id="top-menu">
<li <?php if (is_home()){ echo "class=\"current_page_item\"";} ?>><a href="<?php echo get_option('home'); ?>">الصفحة الرئيسية</a></li>
<?php wp_list_pages('title_li'); ?>
</ul>

<div id="header">

<h1><a href="<?php echo get_option('home'); ?>/" class="header-title"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div><!-- END Header -->

الان يجب معرفة الوسوم المستعملة التدوينات او الصفحات المنفردة حتى تأخد صفحة التحويل شكل المدونة

نأخد طريقة سهلة نفتح ملف single.php ونستخرج الاوسمة التي نحتاجها او استعمل موديل الفيرفوكس firebug , وهذه الاكواد التي حصلنا عليها من القالب الذي نطبق عليه الشرح

<div id="content">
<div class="post" id="">
<div class="post-text">
<h2 class="post-title"></h2>
هنا سوف نضع الرسالة التي نريد والاعلانات
</div>
</div>
</div>

وهذه الرسالة قمت بترجمتها مع وضع صورة يمكنك تغيرها على جسب ما تريد

<div id="content">
<div class="post" id="">
<div class="post-text">
<h2 class="post-title">أنت الان تغادر المدونة</h2>
<p style="text-align: center;"><img class="aligncenter" src="http://img163.imageshack.us/img163/6784/1291276521warning48.png" alt="" /></p>
<p style="text-align: center;font-size:15px;">
ملاحظة : قمت بالضغظ على رابط خارجي وستقوم بمغادرة مدونة <b><?php echo $blog; ?></b>.<br>
<br>
الصفحات التالية ليست جزئا من <b><?php echo $blog; ?></b>!<br>
<br>
<br>
<br></p>
<p style="text-align: center;font-size:15px;">
نحن لسنا مسؤولين عن محتوى هذه الصفحة. إذا لم يتم إعادة توجيهك تلقائيا ، الرجاء انقر <a href="<?php echo $url; ?>">هنا</a>.<br>
</p>
</div>
</div>
</div>

بالنسبة للاستغلال يمكن وضع الاعلانات بين جمل الرسالة هكذا :

<div id="content">
<div class="post" id="">
<div class="post-text">
<h2 class="post-title">أنت الان تغادر المدونة</h2>
<p style="text-align: center;"><img class="aligncenter" src="http://img163.imageshack.us/img163/6784/1291276521warning48.png" alt="" /></p>
<p style="text-align: center;font-size:15px;">
ملاحظة : قمت بالضغظ على رابط خارجي وستقوم بمغادرة مدونة <b><?php echo $blog; ?></b>.<br>
<script type="text/javascript"><!--
google_ad_client = "pub-6138943747262727";
/* 468x60, تم إنشاؤها 08/09/10 */
google_ad_slot = "7095575573";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br>
الصفحات التالية ليست جزئا من <b><?php echo $blog; ?></b>!<br>
<div style=”display:block;float:right;margin: 5px 5px 5px 5px;”><script type="text/javascript"><!--
google_ad_client = "pub-6138943747262727";
/* 250x250, wpportal */
google_ad_slot = "9012847538";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div style=”display:block;float:left;margin: 5px 5px 5px 5px;”>
<script type="text/javascript"><!--
google_ad_client = "pub-6138943747262727";
/* 300x250, تم إنشاؤها 18/11/10 */
google_ad_slot = "0848147718";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<br>
<br>
<br></p>
<p style="text-align: center;font-size:15px;">
نحن لسنا مسؤولين عن محتوى هذه الصفحة. إذا لم يتم إعادة توجيهك تلقائيا ، الرجاء انقر <a href="<?php echo $url; ?>">هنا</a>.<br>
</p>
</div>
</div>
</div>

ينقصنا الان استدعاء القائمة الجانبية وأسفل الصفحة نقوم باستدعائهما بالشكل التالي :

<?php get_sidebar(); ?>
<?php get_footer(); ?>

وهذا الشكل الاخير لقالب الصفحة التي نشتغل عليها

<?php
/*
Template Name: Redirect Page
*/
?>
<?php
 $url  = $_GET['url'];
 $blog = urldecode($_GET['blog']);
 if ($blog == "") { $blog = "this Blog"; }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="refresh" content="10; url=<?php echo $url; ?>">
<meta name="description" content="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" />
<title><?php wp_title(''); ?><?php if(wp_title(' ', false)) { echo ' &ndash; '; } ?> <?php bloginfo('name'); ?> &ndash; <?php bloginfo('description'); ?></title>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.gif"/>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" type="text/css" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.flow.js" charset="utf-8"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/script.js"></script>
<?php require('wp-lightboxJS/wp-lightboxJS.php'); ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>

<div id="container">

<ul id="top-menu">
<li <?php if (is_home()){ echo "class=\"current_page_item\"";} ?>><a href="<?php echo get_option('home'); ?>">الصفحة الرئيسية</a></li>
<?php wp_list_pages('title_li'); ?>
</ul>

<div id="header">

<h1><a href="<?php echo get_option('home'); ?>/" class="header-title"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div><!-- END Header -->
<div id="content">
<div class="post" id="">
<div class="post-text">
<h2 class="post-title">أنت الان تغادر المدونة</h2>
<p style="text-align: center;"><img class="aligncenter" src="http://img163.imageshack.us/img163/6784/1291276521warning48.png" alt="" /></p>
<p style="text-align: center;font-size:15px;">
ملاحظة : قمت بالضغظ على رابط خارجي وستقوم بمغادرة مدونة <b><?php echo $blog; ?></b>.<br>
<script type="text/javascript"><!--
google_ad_client = "pub-6138943747262727";
/* 468x60, تم إنشاؤها 08/09/10 */
google_ad_slot = "7095575573";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br>
الصفحات التالية ليست جزئا من <b><?php echo $blog; ?></b>!<br>
<div style=”display:block;float:right;margin: 5px 5px 5px 5px;”><script type="text/javascript"><!--
google_ad_client = "pub-6138943747262727";
/* 250x250, wpportal */
google_ad_slot = "9012847538";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div style=”display:block;float:left;margin: 5px 5px 5px 5px;”>
<script type="text/javascript"><!--
google_ad_client = "pub-6138943747262727";
/* 300x250, تم إنشاؤها 18/11/10 */
google_ad_slot = "0848147718";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<br>
<br>
<br></p>
<p style="text-align: center;font-size:15px;">
نحن لسنا مسؤولين عن محتوى هذه الصفحة. إذا لم يتم إعادة توجيهك تلقائيا ، الرجاء انقر <a href="<?php echo $url; ?>">هنا</a>.<br>
</p>
</div>
</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

نقوم بحفظ الملف redirection.php ورفعه الى مجلد القالب الذي تستعمله

/wp-content/themes/your-theme-name/redirection.php

الان نتوجه الى لوحة التحكم لإضافة صفحة جديدة

 

قم بنشر الصفحة الان يجب اضافة الصفحة للاضافة نقوم بالتالي :

من لوحة التحكم > الاعدادات > WP Js External Link Info

 

[noteclassic]لاستبعاد اسم هذه الصفحة من القائمة العلوية يرجى مراجعة هذا الشرح : طريقة استبعاد صفحة من القائمة العلوية في الووردبريس[/noteclassic]

وهذا مثال للعمل الذي قمنا به :

والسلام عليكم ورحمة الله وبركاته

 

إنشاء صفحة تنبيه لروابط الخارجية واستغلالها في المدونة بواسطة مجلة ووردبريس, يمكنك نقل ومشاركة التدوينة مع ذكر المصدر الأصلي للموضوع ، مع رابطه, والتدوينة مرخصة بموجب المشاع الابداعي Creative Commons A-NC-SA 3.0.

الوسوم : , ,


عدد التعليقات على هذه التدوينة : 16 تعليق

  1. cashteck ديسمبر 10th, 2010

    انا كنت ببحث عن اطريقة دي قبل كده ولقيت الاضافة في موقع اجنبي بس ما جربتهاش وحطيتها في عرب ووردبريس في قسم الاضافات

    • admin ديسمبر 10th, 2010

      مشكور اخي العزيز وهل جربتها الان ؟

  2. maram يناير 21st, 2011

    اريد ان اسال اخى ادا قمت بنسخ ما فى مدونتك متلا او عن طريق التغدية هل ستبقى الصفحة او فى حالة ازلت الاضافة ..لانى اريد بقائها لاحافظ على روابطى

    • admin يناير 21st, 2011

      والله يا اخي ما فهمت عليك لو توضح شوية راح يكون احسن

  3. maram يناير 23rd, 2011

    يعنى لو نسخت احد مقالاتك فى موقعى وبه اى رابط متلا
    هل سيمر الزائر بموقعك مع العلم ان الرابط فى موقعى
    {طبعا نسخته من موقعك}

    • admin يناير 23rd, 2011

      يعني تبي تنسخ الموضوع كامل يعني وتضع رابط موقعي في المصدر هذا قصدك اخي, بس لماذا لا تقوم بالتحدث عن الموضوع الذي اعجبك وتضع رابط له, هذه الطريقة لها ميزتان وهما انا موضوعك راح يكون خاص بموقعك من ناحية والثانية راح يكون جيد بالنسبة لتحسين موقعك في محركات البحث, اما بالنسبة لنسخ للمقال من موقعي فلا مشكلة مع ذكر المصدر لانه الواحد بيتعب وممكن تشوف طريقة انا سويته لاحد المواضيع من هنا

  4. maram يناير 23rd, 2011

    شكرا الك اخى على الاهتمام

  5. bader مارس 5th, 2011

    حبيبي انا حملت البلنق وركبته في موقعي

    طبعا حاولت بشتى الطرق والوسائل اعربه ماضبط معي

    وابغى منك مساعده في التعريب ولو تعلمني كيف استغل الصفحه بالاعلانات اكون شاكر لك

    او فيه طريقة لو افك الرابط الخارجي عن طريق موقعي واتصفحه برابط موقعي

    • admin مارس 23rd, 2011

      اسف على التأخيير اخي العزيز في الرد
      المهم سوف اقوم باعادة صايغة الشرح حتى تفهم لانه غابت عني احدى الطرق السهلة في عمل الصفحة ببساطة
      سوف اقوم بشرحها لك عن قريب

  6. نجم المحبه نوفمبر 24th, 2011

    رائع ,,, أشكركـ … وهل يمكن القيام بذلكـ بدون الإضافة ؟

    • معاذ نوفمبر 30th, 2011

      اخي العزيز نجم المحبة هذه الطريقة تجعل جميع روابط موقعك nofollow وهذا قد يؤتر على البيج رانك تبع موقعك
      اقرا رد الاخ رشيد في متدى عرب ووردبريس من هنا بخصوص nofollow
      اما باستعمال الطريقة بدون اضافة لا ادري اخي العزيز ولم ابحث عنها من قبل فقد تخليت عن هذه الفكرة

  7. saher13 مارس 25th, 2012

    تحياتي لك اخي

    هل ممكن وضع التعديل الاخير للقالب ضمن ملف للتحميل

    وشكرا لك

    • معاذ مارس 28th, 2012

      اخي ان شاء الله اعدل الموضوع كتبته منذ مدة لم اكن على دراية كبيرة بووردبريس والحمد لله الان تعلمنا الكتير
      راح اضع طريقة سهل للموضوع بدون تعب

  8. اون لاين يناير 2nd, 2014

    اضافة اكثر من رائعه بالفعل
    انا استخدمت اضافه مبرمجه من طرف احد الاخوة سابقا
    ولكن المشكلة انها تختصر جميع الروابط في الووردبريس سواء الخارجية او الداخلية اوحتي الصور !!!
    فهل عمل هذه الاضافة مقصور علي الروابط الخارجية فقط ام مثلها مثل الاخري

    • معاذ يناير 3rd, 2014

      على ما اذكر الروابط الخارجية فقط


  • مجلة الوردبريس
    يناير 3rd, 2014




1. المرجوا الابتعاد عن كتابة تعليقات بنمط (يعطيك العافية)، (روعة)، (ممتاز)، (مشكوووور)، (ابداع).

2. زاوية التعليقات هي جزء مكمّل للموضوع الذي قرأته للتو. حاول أن تحصر تعليقك في صلب الموضوع حتى نستثمر هذا التعليق لكسب المزيد من الفائدة سواءً عن طريق مناقشة الموضوع أو عن طريق إضافة معلومات مكمّلة أو إبداء ملاحظات أخرى في نفس السياق.