WordPress Plugins

كيف تقلل من عدد الطلبات requests في صفحتك الالكترونيه بنسبة 39% لتقلل الوقت المطلوب لتحميل موقعك – الجزء الثاني

WordPress Plugins

السلام عليكم

تلك هي التدوينه السابعة/الثامنة حيث كتبت في اليوم السابع و تم تعديلها في اليوم الثامن بدلا من كتابه جزء ثالث لها هذا ضمن تحدي التدوين لمدة 30 يوم  وكما وعدت أن في الفترة القادمة ستتخذ التدوينات طابع تقني أكثر اليوم اكمل الجزء الثاني لتدوينه أمس عن كيف يمكن تقليل عدد الطلبات التي ترسلها صفحات موقعكم بنسبة 39% عبر استبدال أزرار المشاركة التي طورتها الشبكات الاجتماعية -أزرار الإعجاب من فيسبوك و تويتر …- بروابط مشاركة ثابتة لمشاركة المحتوي علي تلك الشبكات, و بالتالي تقليل الوقت اللازم للانتهاء من تحميل صفحات موقعكم.

امس كنت كتبت الأكواد ألازمه لذلك ولكن بملاحظتها  يمكنك أن تستنج أن يجب أضافه تلك الأكواد بشكل يدوي داخل صفحات القالب الخاص بمدونتك إذا كنت نتحدث عن مدونه ووردبريس (ووردبريس هو برنامج لإنشاء وإدارة المدونات، أو ما يسمى باللغة الإنجليزية Blog أو Weblog، وهو برنامج حر ومجاني، يمكنك استخدامه وتعديله ونسخه كما تشاء،) وهوا البرنامج الذي أستخدمه في مدونتي هذه , إما إذا كنت تستعمل صفحات مبرمجه بشكل خاص لك يمكنك إضافة تلك الأكواد بشكل مباشر مع مراعاة تعديل المسار الذي تتواجد فيه الصور.

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

social

الإضافة تعتمد علي داله function واحدة هي ما تقوم بإضافة المحتوي المكتوب مسبقا في داخل الإضافة و إضافة الأزرار تكون وقت الاستعراض كل مره أي لا يتم حفظ تلك الأزرار في قاعدة البيانات, و هذا هوا الكود الخاص بتلك ألداله

//check if the function was not already defined
if( !function_exists("eslam_me_wordpress_post_suffix")){
function eslam_me_wordpress_post_suffix($content){
$post_link = get_permalink($GLOBALS['post']->post_id);
$post_title = $GLOBALS['post']->post_title;
$suffix = '
<div class="eslam_me_wordpress_post_suffix">
<a target="_blank" href="' . $post_link . '">
<img style="margin: 0 5px;" alt="Comments button" src="'.plugins_url( 'images/comments.png', __FILE__).'">
</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=' . $post_title . ' by @eslam_mahmoud&url=' . urlencode($post_link) . '">
<img style="margin: 0 5px;" alt="Twitter button" src="'.plugins_url( 'images/twitter.png', __FILE__).'">
</a>
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=' . urlencode($post_link) . '">
<img style="margin: 0 5px;" alt="Facebook button" src="'.plugins_url( 'images/facebook.png', __FILE__).'">
</a>
<a target="_blank" href="http://www.linkedin.com/shareArticle?url=' . urlencode($post_link) . '&title=' . $post_title . '&summary=' . $post_title . '">
<img style="margin: 5px;" alt="LinkedIn button" src="'.plugins_url( 'images/linkedin.png', __FILE__).'">
</a>
<a target="_blank" href="https://plus.google.com/share?url=' . urlencode($post_link) . '">
<img style="margin: 0 5px;" alt="Google+ button" src="'.plugins_url( 'images/googleplus.png', __FILE__).'">
</a>
</div>
';
//to change the posts only
if( !is_page( ) ){
// append the $suffix text to the end of `the_content`
return $content . $suffix;
} else{
return $content;
}
}
//add our filter function to the hook
add_filter('the_content', 'eslam_me_wordpress_post_suffix');
}

 كما هوا ملاحظ لمن لديه خبرة في تطوير الإضافات للوردبريس الإضافة تعتمد علي مجموعة من الصور موجودة في نفس المجلد الخاص بالإضافة تحت مجلد آخر اسمه images ويمكنكم أستبدال تلك الصور بالصور التي تريدون و موجود نسخ عن تلك الصور في مجلد الإضافة علي GitHub. الإضافة تعمل علي إضافة أزرار الشبكات الاجتماعية للتدوينات فقط ولا تعمل علي الصفحات و تضيفها لهم في صفحة التدوينه أو داخل ما يعرف بالـ loop.

يمكنكم تحميل الإضافة من علي GitHub و سيتم تطويرها إن شاء الله لتحمل المزيد من الخصائص و إضافتها علي الموقع الرسمي لوردبريس, حتي هذا الوقت لمتابعه باقي التدوينات في التحدي يمكنك متابعة المدونة من خلال الـ RSS او متابعتي علي تويتر @eslam_mahmoud

الصورة من onlinemediamasters.com
Comments button Twitter button Facebook button LinkedIn button Google+ button

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload the CAPTCHA.