سعيد البقالي

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

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

36 تعليق

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

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

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

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

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

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

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

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

إعدادات إضافة WP-PostRatings
إعدادات إضافة WP-PostRatings

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

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

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

اقرأ أيضا: كيفية التعديل على الودجة “منوعات”

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

if ( function_exists( 'the_ratings' ) ) {
    the_ratings();
}

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

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

اقرأ أيضا: طريقة إضافة خاصية nofollow للروابط الخارجية تلقائيا

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

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().

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

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

اقرأ أيضا: شرح إضافة WP Super Cache

تغيير 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');

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

اقرأ أيضا: كيف أستفيد بشكل كامل من محرر ووردبريس؟

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

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

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

اقرأ أيضا: إنشاء حساب برتبة مدير دون الدخول إلى لوحة التحكم ووردبريس

عن سعيد البقالي

من مواليد 1984م بالمغرب, مطور قوالب وإضافات ووردبريس و مبرمج php بخبرة تفوق 8 سنوات، أكتب تدوينات في موقعي هذا بين الفينة و الأخرى حول تطوير الويب وووردبريس على وجه الخصوص منذ سنة 2012، لدي مساهمات في تطوير نواة ووردبريس والترجمة إلى اللغة العربية. أتمنا أن يروق لكم كل ما أقدمه.

أضف رأيك حول الموضوع


المرجو الكتابة باللغة العربية الفصحى لكي يفهم الجميع و شكرا

  3. نتاوي قال

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

    رد

    • سعيــــد البقـــــــــــــــالي قال

      العفو أخي

      لا أظن أن التقييم هو مخصص فقط لمراجعة للمنتجات فقط، مثلا أنا يمكنني أن أنشر تدوينة حول إضافة أو حول كود عملته و أطلب من الزوار تققيم ذلك، ربما تكون على حق وأنا أيضا رأيت مواضيع تتكلم على نفس اﻷمر لكن أيضا قرأت مقالات أخرى تكذبه…

      إذا تمت معقبتي من طرف قوقل يوما ما سيتضح لي اﻷمر و سأخبرك، لكن في انتظار ذلك سأتابع استعمالها 🙂

      رد

  4. Khaled Arab قال

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

    رد

  5. Mega قال

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

    رد

  8. أم خالدة قال

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

    رد

  10. صلاح الدين قال

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

    و شكرا

    رد

    • سعيــــد البقـــــــــــــــالي قال

      السلام عليكم أخي،

      ظهور نجوم التقييم بمحركات البحث يحتاج إلى أن تدخل عناكب محركات البحث للموقع لكي تتمكن من جلب و أرشفة بيانات ال Schema و عرضها

      على جد علمي المدة التي يستغرقها عرض النجوم في محركات البحث تتغيّر من موقع ﻵخر حسب جودة المحتوى و ثقة محركات البحث في الموقع.

      تحياتي

      رد

  12. عبد الكريم قال

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

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

    رد

  14. Emad قال

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

    رد

أضف رأيك حول الموضوع

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *