طريقة إضافة نجوم تقييم المقالات في ووردبريس

محتوى المقالة إخفاء

1 تنصيب و إعداد إضافة WP-PostRatings
2 عرض نظام التقييم للمقالات
3 تغيير Schema تقييم المقالات

منذ فترة و أنا أستقبل أسئلة عبر البريد اﻹلكتروني أو من خلال التعليقات حول الطريقة التي أستعملها لوضع نجوم تقييم المقالات و كيفية إظهارها في قوقل، لهذا السبب قررت كتابة هذه التدوين التي سأحاول من خلالها شرح الطريقة التي أستعملهابالتفصيل، اﻹضافة التي أستعملها أنا التي هي إضافة WP-PostRatings.

مثال على ظهور مقالة أنواع المقالات المخصصة في قوقل

إضافة WP-PostRatings ليست هي اﻹضافة المجانية الوحيدة التي تمكّن من وضع نجوم التقييم، لكن حسب رأيي هي أفضل إضافة في مجالها لكونها تمنح حرية كاملة في التخصيص و لا تثقل كاهل الموقع بكثرة اﻹعدادات و التنسيقات و ملفات الجافاسكربت كما هو الحال مع أغلب اﻹضافات …

تنصيب و إعداد إضافة WP-PostRatings

أول شيء نقوم به هو تنصيب اﻹضافة، بعدها نتوجه إلى التقييم => إعدادات التقييم و نقوم بإختيار صورة التقييم التي نريدها، ثم نقوم بتحديد رقم أعلى تقييم نريده لمواضيعنا و بعدها تفعيل خاصية Google Rich Snippets لكي تتمكن عناكب قوقل من أرشفة و عرض نجوم التقييمات بجانب روابط مقالاتنا في نتائج البحث.

هذه صورة لﻹعدادات التي أعتمدها أنا في موقي

باقي اﻹعدادت هي اختيارية و يمكن ﻷي واحد ضبطها حسب ذوقه و رغبته.

عرض نظام التقييم للمقالات

اﻵن وصلنا ﻷهم مرحلة و هي عرض نظام التقييمات في أسفل المقالات. في صفحة اﻹضافة على المستدع الرسمي لووردبريس، المطور يوفر لنا أكواد جاهزة لكي نتمكن من استعمالها و عرض التقييمات في أي مكان نريده من القالب.

اقرأ أيضا: جديد ووردبريس 4.3 “Billie”

مثلا لعرض التقييمات في المقالات يمكننا وضع هذا الكود داخل اللوب (Loop):

if ( function_exists( 'the_ratings' ) ) {
    the_ratings();
}
Code language: PHP (php)

الكود بكل بساطة يقوم بالتحقق من وجود الدالة the_ratings() و بعدها تفعيلها في القالب.

لكن، رغم بساطة الكود قد يواجه البعض، خصوصا المبتدئين في ووردبريس صعوبة في إضافته إلى قالبهم، لهذا قمت بعمل كود خاص لكي يتمكن أي شخص من إضافة التقيمات لموقعه بطريقة أبسط و أسهل.

الكود الذي عملته هو التالي:

if ( function_exists( 'the_ratings' ) && ! function_exists( 'sb_post_ratings' ) ) {

	function sb_post_ratings( $content ) {

		if ( is_singular( 'post' ) ) {
			ob_start();
			echo '<div class="sb-post-ratings">';
			echo '<h3 class="sb-post-ratings-title">لا تذهب دون ترك تقييمك للموضوع</h3>';
			the_ratings();
			echo '</div>';

			$output = ob_get_clean();
		}

		$content = $content . $output;

		return $content;
	}//end sb_post_ratings()

	function sb_ratings_styles() {
		echo '<style>
				.sb-post-ratings {<br />
					background: #E5E5E5;<br />
					border: 0.125em solid #666666; /* 2/16 */<br />
					border-radius: 0.313em; /* 5/16 */<br />
					text-align: center;<br />
					padding: 1.25em; /* 20/16 */<br />
				}<br />
			</style>';
	} // End function sb_ratings_styles.

	add_action( 'wp_head', 'sb_ratings_styles' );
	add_filter( 'the_content', 'sb_post_ratings', 10, 1 );
}// End if().

Code language: PHP (php)

في اﻷول قمت بالتحقق من وجود الدالة the_ratings() لتفادي حدوث خطأ إذا تعطّلت اﻹضافة ﻷي سبب، أي أن هذا الكود فقط سيعمل إذا كانت إضافة WP-PostRatings مفعّلة، و في نفس الوقت تأكدت من عدم وجود دالة بإسم sb_post_ratings() لتفادي حدوث تظارب الدالة التي سأقوم بإنشائها مع دالة أخرى موجودة بنفس اﻹسم.

محتوى الدالة اﻷولى و هذفها مفهوم، في اﻷول قمت بالتحقق من ظهور التقييمات فقط في المقالات بواسطة الدالة is_singular() و و بعدها وضعت التقييمات داخل div و إعطائه class أسميته sb-post-ratings لكي أتمكن من التحكم في تنسيقاته عن طريق ال css تم وضعت عنوان للتقييمات و بعدها عرض قمت التقييمات، و في اﻷخير قمت بتخزين محتوى الدالة في متغيّر أسميته $output و بعدها قمت بإضافة هذا المتغّر في آخر محتوى المقالات. الدالة الثانية الهدف منها هو إضافة التنسيقات حيث يمكنك التعديل عليها حسب رغبتك، في اﻷخير قمت بإضافة الدالة اﻷولى إلى فلتر the_content و الدالة الثانية للخطاف wp_head.

تغيير Schema تقييم المقالات

اﻹضافة افتراضيا تستعمل ال http://schema.org/Article و هذا شيء جيد إذا كان محتوى موقعك عبارة عن مدونة، لكن يمكنك تغيير ذلك بسهولة بإستعمال الفلتر wp_postratings_schema_itemtype

مثلا إذا كان موقعك محتواه إخباري يمكنك تغيير Article إلى NewsArticle بهذا الكود:

function wp_postratings_schema_itemtype($itemtype) {
    return 'itemscope itemtype="https://schema.org/NewsArticle"';
}
add_filter('wp_postratings_schema_itemtype', 'wp_postratings_schema_itemtype');
Code language: PHP (php)

للمزيد من المعلومات حول Schema Microdata قم بزيارة مشروع schema.org.

كل الأكود التي ذكرت في هذه التدوينة يجب وضعها في ملف functions.php للقالب المفعّل أو إضافتك المخصصة.

إلى هنا أكون قد وصلت لنهاية هذه التدوينة، أتمنا أن تكون قد استفدت منها وإذا واجهتك أية مشكلة أو كان لديك أي استفسار المرجو تركه من خلال التعليقات.

شكراً على الزيارة 🙂

37 تعليق

يقول yahya:

18 فبراير، 2016 الساعة 10:56 مساءً

عزيزي شكراً لك على الشرح , هل يوجد تعليمة في قاعدة البيانات تعطي كل المقالات تقييم مرة وحدة

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  18 فبراير، 2016 الساعة 11:10 مساءً
  
  العفو أخي، الإضافة تعتمد في عملها على الحقول المخصصة، إبحث في قاعدة البيانات عن ال post_meta الخاص باﻹضافة و استخدم وضيفة update_post_meta ﻹضافة ما تريد.
  
  بالتوفيق.
  
  رد
يقول هرفي:

20 فبراير، 2016 الساعة 12:46 مساءً

شكرا جزيلا استاذ سعيد
اصبحت تعمل في موقعي

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  20 فبراير، 2016 الساعة 3:17 مساءً
  
  العفو أخي، يسعدني ذلك 🙂
  
  رد
يقول نتاوي:

22 فبراير، 2016 الساعة 4:27 مساءً

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

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  23 فبراير، 2016 الساعة 11:56 مساءً
  
  العفو أخي
  
  لا أظن أن التقييم هو مخصص فقط لمراجعة للمنتجات فقط، مثلا أنا يمكنني أن أنشر تدوينة حول إضافة أو حول كود عملته و أطلب من الزوار تققيم ذلك، ربما تكون على حق وأنا أيضا رأيت مواضيع تتكلم على نفس اﻷمر لكن أيضا قرأت مقالات أخرى تكذبه…
  
  إذا تمت معقبتي من طرف قوقل يوما ما سيتضح لي اﻷمر و سأخبرك، لكن في انتظار ذلك سأتابع استعمالها 🙂
  
  رد
يقول Khaled Arab:

23 فبراير، 2016 الساعة 2:21 مساءً

السلام عليكم ورحمة الله وبركاته
أخي الكريم هل من الممكن ان تراعي وجود ناس لا تعرف الكثير في البرمجة , يعني مثلا الكود الذي قلت ان نكتبه في الـ Function
ولكن أين أجد الـ Function
لو سمحت ممكن تكتب من البداية أين يجب أن أدخل الى ان اصل الى مكان كتابة الكود
وشكراً

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  29 فبراير، 2016 الساعة 7:04 مساءً
  
  السلام عليكم أخي،
  
  ملف functions.php دائما يكون في جدر القالب أي المجلد الرئيسي للقالب، لكن لا أنصحك بإضافة أي كود إلية قبل ان تتعرف على اﻷقل على أساسيات لغة ال php، ﻷنك إذا أضفت كود خاطئ أو في مكان خاطئ يمكن أن يجلب لك مشاكل مثل توقف موقعك عن العمل.
  
  بالتوفيق.
  
  رد
يقول Mega:

29 فبراير، 2016 الساعة 11:43 مساءً

قرأت ان وضع النجوم في كل المواضيع من الممكن ان يتسبب في عقابك من جوجل هل هذا الكلام صحيح؟ لان جوجل تريد وضع النجوم في المقالات الخاصه بالبرامج والمراجعات وما الي ذلك وليس كل المقالات

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  1 مارس، 2016 الساعة 12:45 صباحًا
  
  أنا أستعملها منذ أكثر من سنة و لم تتم معاقبتي … الناس تقول الكثير و غالبا الكلام يكون من فراغ.
  
  هل تعرف أحد تمت معاقبته بسبب هذه المسألة؟
  
  رد
  1. يقول Mega:
    
    2 مارس، 2016 الساعة 12:59 صباحًا
    
    لا ولكني اتابع المواقع الكبري الاجنبيه كانت تتكلم عن هذا الموضوع وانه عندما تكتشف جوجل انك تضع النجوم الخاصه بالمراجعات والبرامج والحفلات وما الي ذلك في كل المقالات التي لا تستلزم التقييم فانه سيتم معاقبتك
    
    رد
    1. يقول سعيــــد البقـــــــــــــــالي:
      
      3 مارس، 2016 الساعة 9:18 صباحًا
      
      صراحة انا لا أتق بما يقال هنا و هناك ﻷن ما يقال كثير، فقط أثق باﻷشياء التي أجربها وبهذا إن تمت معاقبتي في يوم من اﻷيام سأقوم بإعلامك بذلك.
      
      رد
يقول الصفحة:

12 مارس، 2016 الساعة 7:50 مساءً

طبقت كل الطرق ولكن لم يظهر لي اي شيء ؟
لم اعرف ماهو السبب في ذلك

رد
يقول Mega:

27 مارس، 2016 الساعة 4:32 صباحًا

لم افهم ما معني اللوب؟

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  27 مارس، 2016 الساعة 12:16 مساءً
  
  يمكنك التعرف عليه من هذا الرابط: لوب ووردبريس
  
  رد
يقول أم خالدة:

28 مارس، 2016 الساعة 7:25 مساءً

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

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  28 مارس، 2016 الساعة 8:47 مساءً
  
  السلام عليكم أخي،
  
  هل موقعك على WordPress البرنامج أم منصة wordpress.com؟
  
  لمعرفة الفرق بينهما راجع هذه التدوينة: الفرق بين wordpress.com و wordpress.org
  
  بالتوفيق.
  
  رد
  1. يقول أم خالدة:
    
    30 مارس، 2016 الساعة 9:12 مساءً
    
    شكرا لك على الرد.
    
    هذه أول مرا اعلم به الفرق. وأنا مبتدئة في عالم المدونات لا اعلم الكثير عنها…
    
    كيف اتعامل معها أو كيف يتم تحويلها؟؟
    
    رد
    1. يقول سعيــــد البقـــــــــــــــالي:
      
      30 مارس، 2016 الساعة 10:45 مساءً
      
      لتحويلها أول شيء عليك فعله هو شراء نطاق و استضافة و بعدها تنصيب ووردبريس البرنامج عليها وفي اﻷخير تصدير مواضيع مدونتك المجانية و استرادها في استضافتك الخاصة.
      
      بالتوفيق
      
      رد
يقول رحلاتك:

15 مايو، 2016 الساعة 1:47 صباحًا

عزيزي ، هل قام جوجل في تحديثه الأخير بإلغاء هذه النجوم ام ماذا حصل ؟

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  18 مايو، 2016 الساعة 1:15 صباحًا
  
  لا أخي و لا أظن أن ذلك سيحدث ﻷن Schema أصبحث اﻵن جزء مهم و جيد للسيو
  
  رد
  1. يقول yahya:
    
    18 مايو، 2016 الساعة 1:25 صباحًا
    
    عزيزي لماذا اذاً اوقفت الاضافة في موقعك ؟ و اختفت النجوم من نتائج البحث على موقعك ! ، و من موقعي اختفت نفس الشيئ !
    
    رد
    1. يقول سعيــــد البقـــــــــــــــالي:
      
      28 مايو، 2016 الساعة 9:37 مساءً
      
      أهلا بك أخي
      
      ليس هناك أي سبب وراء حذفي لﻹضافة، أنا أقوم بتجارب من حين ﻵخر لهذا لا يجب أن تأخد موقعي كنمودج في اﻷرشفة ﻷنني صراحة لا أهتم كثيرا بأرشفة الموقع قدر ما أهتم بتجربة اﻷشياء و تطوير نفسي في مجال الويب.
      
      رد
يقول صلاح الدين:

22 مايو، 2016 الساعة 8:47 مساءً

شكرا للموضوع القيم ،
لكن لدي استفسار حول ظهور نجوم التقييم بمحرك البحث
هل سيكون ذلك بشكل فوري ( أو شبه فوري ) ، أم أنها تحتاج أيام حتى اعادة زحف عناكب البحث على صفحاتك ؟

و شكرا

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  28 مايو، 2016 الساعة 9:33 مساءً
  
  السلام عليكم أخي،
  
  ظهور نجوم التقييم بمحركات البحث يحتاج إلى أن تدخل عناكب محركات البحث للموقع لكي تتمكن من جلب و أرشفة بيانات ال Schema و عرضها
  
  على جد علمي المدة التي يستغرقها عرض النجوم في محركات البحث تتغيّر من موقع ﻵخر حسب جودة المحتوى و ثقة محركات البحث في الموقع.
  
  تحياتي
  
  رد
يقول samir:

24 مايو، 2016 الساعة 10:46 مساءً

سلام عليكم محتوى التقييم في المقالات يظهر رموز في مكان الكلمات هل السبب المدونة معربة

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  28 مايو، 2016 الساعة 9:23 مساءً
  
  السلام عليكم أخي، يمكن أن يكون السبب هو ترميز الموقع فيجب أن يكون utf-8
  
  تحياتي
  
  رد
  1. يقول samir:
    
    29 مايو، 2016 الساعة 10:25 صباحًا
    
    أنا استخدم قالب صحيفة ما هو الحل ؟
    
    رد
    1. يقول سعيــــد البقـــــــــــــــالي:
      
      29 مايو، 2016 الساعة 9:13 مساءً
      
      قالب صحيفة أخي قالب مدفوع و له دعم فني خاص به، إذا كنت قد اشتريت القالب و تستعمله بشكل مرخّص يمكنك الاتصال بالدعم الفني و هم سيدلّونك على الحل، أنا شخصيا ليس عندي أي فكرة ﻷني لم أستعمل هذا القالب من قبل.
      
      شكرا على الزيارة 🙂
      
      رد
يقول عبد الكريم:

29 مايو، 2016 الساعة 6:18 مساءً

اشكرك اخي على طرحك المميز
الان نسخت الكود الموجود وذهبت الى مظهر – محرر -Sahifa: loop.php

ووضعت الكود بالملف ولكن لم يظهر في المقالات شئ

رد
1. يقول سعيــــد البقـــــــــــــــالي:
  
  29 مايو، 2016 الساعة 9:23 مساءً
  
  العفو أخي، لكن لأسف ليس عندي أيه فكرة حول قالب صحيفة …
  
  رد
  1. يقول عبد الكريم:
    
    30 مايو، 2016 الساعة 1:07 مساءً
    
    بشكل عام اخي الكريم
    انسخ الكود واين اضعه بالضبط ؟
    ارجو الشرح وفقك الله
    
    رد
    1. يقول سعيــــد البقـــــــــــــــالي:
      
      31 مايو، 2016 الساعة 12:42 صباحًا
      
      يمكنك وضع الكود في ملف [code lang=”php” inline=true]functions.php[/code] و قد ذكرت ذلك في نهاية التدوينة
      
      بالتوفيق أخي
      
      رد
يقول apk4down:

23 أبريل، 2017 الساعة 4:05 مساءً

السلام عيكم ورحمة الله، شكرا لك علي الإضافة والموضوع الجميل

من فضلك أين اقوم بوضع هذا الكود تحديداً ؟

رد
1. يقول سعيد البقالي:
  
  23 أبريل، 2017 الساعة 4:57 مساءً
  
  لقد ذكرت الجواب في آخر التدوينة، يمكنك وضع الكود في ملف [code lang=”php” inline=”true”]functions.php[/code] ويجدر بالذكر أن محتوى هذا الملف يتغير من قالب ﻵخر.
  
  رد
يقول Emad:

10 أكتوبر، 2018 الساعة 1:14 مساءً

تحية طيبة أخي سعيد!
اشكرك على موضوعك المميز، لقد عملت على تنزيل الاضافة في موقعي وقد ظهرت نجوم التتقيم في بحث جوجل بعد خمسة ايام، لكن بعد فترة عادت واختفت وتظهر فقط عند كتابتي مثلا: طريقة إضافة نجوم تقييم المقالات في ووردبريس/site:my site.com بعد كتابة كلمة site قبل المواضيع تظهر النجوم لكن في حالة كتابة فقط كلمات البحث يظهر الموضوع على بحث جوجل دون ظهر نجوم التقييم. هل يوجد حل لهذه المشكلة اخي الكريم وشكرا لك.

رد
يقول sohaip:

8 يونيو، 2019 الساعة 2:51 مساءً

بدون مجاملة يا صديقي لم اكتب تعليق في اليوتويب او المواقع منذ أكثر من 8 اشهر

شكرا لك على هذا المحتوى الرائع و من الواضح أنك شخص يتقن عمله ❤ . قمت بشراء العديد من المشاريع على موقع مستقل بأسعار عالية فيما يتعلق بالورد برس و تطويرها . و الآن أعتقد أنه سيكون بيننا عمل في المستقبل.

رد

تنصيب و إعداد إضافة WP-PostRatings

عرض نظام التقييم للمقالات

تغيير Schema تقييم المقالات

37 تعليق

اترك تعليقًا إلغاء الرد