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

raheel · 27-03-2019, 06:01 PM

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

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

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

إعدادات إضافة WP-PostRatings
باقي اﻹعدادت هي اختيارية و يمكن ﻷي واحد ضبطها حسب ذوقه و رغبته.
عرض نظام التقييم للمقالات

اﻵن وصلنا ﻷهم مرحلة و هي عرض نظام التقييمات في أسفل المقالات. في صفحة اﻹضافة على المستدع الرسمي لووردبريس، المطور يوفر لنا أكواد جاهزة لكي نتمكن من استعمالها و عرض التقييمات في أي مكان نريده من القالب.
مثلا لعرض التقييمات في المقالات يمكننا وضع هذا الكود داخل اللوب (Loop):
if ( function_exists( 'the_ratings' ) ) { the_ratings(); }
PHP
Copy

الكود بكل بساطة يقوم بالتحقق من وجود الوظيفة 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().
PHP
Copy

في اﻷول قمت بالتحقق من وجود الوظيفة 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');
PHP
Copy

للمزيد من المعلومات حول Schema Microdata قم بزيارة مشروع schema.org.
كل الأكود التي ذكرت في هذه التدوينة يجب وضعها في ملف functions.php للقالب المفعّل أو إضافتك المخصصة.
إلى هنا أكون قد وصلت لنهاية هذه التدوينة، أتمنا أن تكون قد استفدت منها وإذا واجهتك أية مشكلة أو كان لديك أي استفسار المرجو تركه من خلال التعليقات.

المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress

27-03-2019, 06:01 PM	#1
raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10	raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10 كيفية إضافة نجوم تقييم المقالات في ووردبريس كيفية إضافة نجوم تقييم المقالات في ووردبريس منذ فترة و أنا أستقبل أسئلة عبر البريد اﻹلكتروني أو من خلال التعليقات حول الطريقة التي أستعملها لوضع نجوم تقييم المقالات و كيفية إظهارها في قوقل، لهذا السبب قررت كتابة هذه التدوين التي سأحاول من خلالها شرح الطريقة التي أستعملهابالتفصيل، اﻹضافة التي أستعملها أنا التي هي إضافة WP-PostRatings. مثال على ظهور مقالة أنواع المقالات المخصصة في قوقل إضافة WP-PostRatings ليست هي اﻹضافة المجانية الوحيدة التي تمكّن من وضع نجوم التقييم، لكن حسب رأيي هي أفضل إضافة في مجالها لكونها تمنح حرية كاملة في التخصيص و لا تثقل كاهل الموقع بكثرة اﻹعدادات و التنسيقات و ملفات الجافاسكربت كما هو الحال مع أغلب اﻹضافات … تنصيب و إعداد إضافة WP-PostRatings أول شيء نقوم به هو تنصيب اﻹضافة، بعدها نتوجه إلى التقييم => إعدادات التقييم و نقوم بإختيار صورة التقييم التي نريدها، ثم نقوم بتحديد رقم أعلى تقييم نريده لمواضيعنا و بعدها تفعيل خاصية Google Rich Snippets لكي تتمكن عناكب قوقل من أرشفة و عرض نجوم التقييمات بجانب روابط مقالاتنا في نتائج البحث. هذه صورة لﻹعدادات التي أعتمدها أنا في موقي إعدادات إضافة WP-PostRatings باقي اﻹعدادت هي اختيارية و يمكن ﻷي واحد ضبطها حسب ذوقه و رغبته. عرض نظام التقييم للمقالات اﻵن وصلنا ﻷهم مرحلة و هي عرض نظام التقييمات في أسفل المقالات. في صفحة اﻹضافة على المستدع الرسمي لووردبريس، المطور يوفر لنا أكواد جاهزة لكي نتمكن من استعمالها و عرض التقييمات في أي مكان نريده من القالب. مثلا لعرض التقييمات في المقالات يمكننا وضع هذا الكود داخل اللوب (Loop): if ( function_exists( 'the_ratings' ) ) { the_ratings(); } PHP Copy الكود بكل بساطة يقوم بالتحقق من وجود الوظيفة 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(). PHP Copy في اﻷول قمت بالتحقق من وجود الوظيفة 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'); PHP Copy للمزيد من المعلومات حول Schema Microdata قم بزيارة مشروع schema.org. كل الأكود التي ذكرت في هذه التدوينة يجب وضعها في ملف functions.php للقالب المفعّل أو إضافتك المخصصة. إلى هنا أكون قد وصلت لنهاية هذه التدوينة، أتمنا أن تكون قد استفدت منها وإذا واجهتك أية مشكلة أو كان لديك أي استفسار المرجو تركه من خلال التعليقات. المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress التعديل الأخير تم بواسطة raheel ; 27-03-2019 الساعة 06:04 PM
	اقتباس

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
نظرة شاملة على قاعدة بيانات ووردبريس	مهرة النجدية	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	1	27-07-2019 11:05 PM
كيفية إجراء عملية إعادة توجيه في ووردبريس – الأدوات والتقنيات	مهرة النجدية	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	1	22-07-2019 07:11 PM
كيفية التسجيل في موقع feedburner	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	01-04-2019 03:14 PM
دليلك الشامل لتأمين موقع ووردبريس	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	27-03-2019 06:58 PM
المقالات الفورية في فيسبوك \| كيفية إعداد مقالات فايسبوك الفورية للووردبرس	القيصر	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	11-03-2019 09:13 AM

اسم العضو		حفظ البيانات؟
كلمة المرور

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)