إظهار شريط تقدم تحميل الصفحات تلقائياً

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

اليوم سأشرح لك طريقة إظهار شريط تقدم تحميل الصفحات تلقائياً بواسطة Pace.js.

ما هو Pace.js؟

Pace.js هو عبارة عن إضافة jQuery تقوم بإظهار مأشر تقدم جميل بينما يتم تحميل الموقع في المتصفح و الجميل في الأمر هو أن تفعيلها لا يتطلب معرفة متقدمة بالبرمجة.

طريقة الإستعمال.

من أجل إستعمال هذه الإضافة فقط عليك إضافة ملف Pace.js و ملف CSS الخاص بالتصميم الذي تريده (ستجده في ملف themes الخاص بالإضافة) إلى القالب المفعَّل و بعدها وضع رابط الملفّين داخل وسم head.

مثال:

في هذا المثال سنستعمل تصميم Corner Indicator.

1- نقوم بإنشاء ملف جديد داخل المجلد الرئيسي للقالب المفعَّل نسميه مثلاً pace ثم نضع داخله ملف pace.js و ملف css.
2- نقوم بوضع رابطي الملفَّين في وسم head.

1	<script src="/wp-content/themes/yourtheme/pace/pace.js"></script>

2	<link href="/wp-content/themes/yourtheme/pace/pace-theme-corner-indicator.css" rel="stylesheet" />

يجب عليك إستبدال yourtheme بإسم قالبك.

بهذه الطريقة السهلة نكون قد قمنا بإضهار شريط تقدم تحمل الصفحات تلقائياً إلى موقعنا.

يمكنك معاينة النتيجة عند الإنتقال إلى مقالة أخرى أو تحديث هذه المقالة.

أنقر هنا لتحميل ملف الإضافة.

أنقر هنا لمشاهدة الديمو.

شاهد في Git Hub.

إخفاء إضافات معينة من لائحة الإضافات

إذا كنت قد قمت بإنشاء موقع لأحد العملاء بواسطة ووردبريس, أكيد أنك قد نصَّبت العديد من الإضافات و لا تحب أن يتم تعطيل إضافات معينة عنن طريق الخطأ خاصةإن لم تكن لصاحب الموقع دراية بنظام ووردبريس.

أقصد الإضافات التي تندمج بشكل كامل مع النظام و تعطيلها يمكن أن يأثر بشكل سلبي على شكل الموقع أو أدائه.

إضافات مثل, نظام التعليقات Disqus, إضافة Worpress Seo, أحد الإضافات التي تضيف متجر إلكتروني إلى الموقع مثل Woocommerce, إضافة Contact Form 7, إضافة Google XML Sitemaps…

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

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

01	function hide_plugins($plugins) {

02

03	//  "Contact Form 7" إخفاء إضافة

04	if (is_plugin_active( 'contact-form-7/wp-contact-form-7.php' ) ) {

05	unset( $plugins['contact-form-7/wp-contact-form-7.php'] );

06

}

07

08	// Disqus إخفاء إضافة

09	if(is_plugin_active('disqus-comment-system/disqus.php')) {

10	unset( $plugins['disqus-comment-system/disqus.php'] );

11

}

12	// "Google XML Sitemaps" إخفاء إضافة

13	if ( is_plugin_active( 'google-sitemap-generator/sitemap.php' ) ) {

14	unset( $plugins['google-sitemap-generator/sitemap.php'] );

15

}

16

17	//  "WordPress SEO by Yoast" إخفاء إضافة

18	if ( is_plugin_active( 'wordpress-seo/wp-seo.php' ) ) {

19	unset( $plugins['wordpress-seo/wp-seo.php'] );

20

}

21

22	//  "WooCommerce" إخفاء إضافة

23	if ( is_plugin_active( 'woocommerce/woocommerce.php' ) ) {

24	unset( $plugins['woocommerce/woocommerce.php'] );

25

}

26

27	return $plugins;

28

}

29	add_filter( 'all_plugins', 'hide_plugins' );

في هذا المثال قمنا بإخفاء إضافة Contact Form 7, إضافة Google XML Sitemaps, إضافة Wordpress Seo, إضافة Disqus و إضافة Woocommerce, يمكنك التعديل على هذا الكود لإخفاء أي إضافة من إختيارك.

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