قبل اشرح كيفية استخدام الوردبريس كنظام ادارة محتوى كل موقع له طريقته الخاصة في التصميم والاضافات

يعني كل موقع له بصمته الخاصة حسب متطلباته

انا راح اشرح الخطوات التي اتبعتها لإنشاء موقع الدورة التاسعة عشر لمجمع الفقه الاسلامي بـالوردبريس WordPress

اول شيء راح نقسم مراحل انجاز الموقع ثلاثة مراحل

1. تحليل الموقع
2. بناء الموقع
3. تجربة الموقع اصلاح الاخطاء

وبعد انجاز الموقع يبقى التطوير

المرحلة الاولى: تحليل الموقع

هذي المرحلة من اهم المراحل وهي التي تحدد هل الوردبريس مجدي مع الموقع ام لا
اول شيء تقعد مع صاحب فكرة الموقع ( نقدر نسميه العميل ) تخلي يشرح اش يبغى في الموقع
ملاحظة بعض الاحيان تحتاج تكتشف من كلام العميل ماذا يريد لأن بعضهم ليس لديه خبرة تقنية
مثلاً سألت العميل ماذا تريد من الموقع ؟
قاعد يشرحلي ان الموقع راح يكون لعرض ماذا يحدث في الدورة التاسعة عشر لمجمع الفقه الاسلامي ( راح اذكرها في المرات المقبلة بإسم المؤتمر )

الموقع عبارة عن تغطية لفعاليات الدورة التاسعة عشر للمجمع
يحتوي على
كلمات رئيسية لابد ان تبقى دائماً
كلمات لضيوف المؤتمر نبغى آخر وحدة بس
واخيراً الاخبار بنغى آخر الأخبار ( يعني 4 أو 5 )

هذه هي تصنيفات المقالات الي راح تكون
بالاضافة الى معرض للصور المؤتمر

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

مثلاً موقع المؤتمر لدينا 3 انواع من المقالات فراح نخلي الانواع الثلاثة عبارة عن تصانيف يعني كل واحد نعطيه تصنيف
اما معرض الصور عندنا خيارين يا نستخدم معرض الصور حق الوردبريس ( المعرض الافتراضي ) أو استخدم اضافة لعمل ذلك
انا اخترت الاضافة لأن الافتراضي ليس باحترافية الاضافة والعديد من المميزات الاخرى

المرحلة التانية: بناء الموقع

بالنسبة للوردبريس الموقع يعتمد 80% تقريباً على القالب
لذلك اختيار القالب المناسب او تصميم القالب المناسب هو اساس الموقع
انا بما انو ماعندي وقت اصمم قالب + وجود قوالب جميلة جداً واحترافية هو الي خلاني اختار قالب جاهز وعدل عليه
انا اخترت قالب epsilon

المقالات في القالب مقسمة الى 3 أقسام لذلك فهو المناسب للموقع

افرض انك اخترت مثلي قالب احترافي جاهز هذا ليس كل شيء فمن الصعب جداً ان تجد قالب يناسب ماتريده تماماً لذلك لابد ان تجري عليه بعض تعديلات ، الكثير من القوالب بها مشاكل مثل عدم عمل الاضافات التابعة للقالب أو حتى وجود أخطاء في HTML أو CSS
هذا شيء عايدي فلا يوجد شيء في الكون كامل
مثلاً القالب الي اخترته كان به اخطاء في البرمجة وعدم توافق مع الاضافات

اخطاء القالب مع الاضافات:
اضافة عدد الزوار
الاضافة المرفقة مع القالب للاسف لا تعمل الا على الاصدار 2.5 من الوردبريس
لذلك استبدلت الكود بكود اضافة WP-PostViews
عرفت مكان الكود طبعاً من تتبع القالب في الملف tab.php
قمت بإسبدال الكود

< ?php if(function_exists('akpc_most_popular')) { akpc_most_popular(8); } ?>

بالكود

< ?php if (function_exists('get_most_viewed')): ?>

< ?php get_most_viewed('both',5); ?>

< ?php endif; ?>

الكود الثاني اتيت به صفحة الاضافة في موقع المبرمج حيث انها تقوم بمقام الاضافة القديمة

اضافة معرض الأوسمة
الاضافة تعمل على الاصدار 2.7 لكن المشكلة لا تعرض الوسوم العربية لذلك استعضت عنها بمعرض الاوسمة الافتراضي

بعد هذه المشاكل طلعت مشكلة
الروابط الدائمة مغيرها الي هي ليست الروابط الافتراضية

المشكلة عدم ظهور التدوينات في التصانيف !

لا ادري السبب الحقيقي لكن لم تعمل لذلك غيرت الأكواد

راح احط مثال والبقية عليها

في ملف featured.php حيث تعرض التدوينة الوحيدة ( المقال الذي خلفيته خضراء في موقع المؤتمر )
تجد هذا الكود:

< ?php
$featcat = get_option('ep_feat_category');
$my_query = new WP_Query('category_name='. $featcat .'&showposts=1');
while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate =
$post->ID;?>

المهم استبدلت الكود بهذا الكود

< ?php $my_query = new WP_Query('category_name=duofe&showposts=1');
while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate =
$post->ID; ?>

لو تلاحظو الكودين زي بعض التغير في القيمة للدالة WP_Query
( يمكنك استخدام الدالة query_posts )
دعنا ننحلل القيمة
category_name=duofe&showposts=1
الي باللون الأحمر دا اسم التصنيف الي نبغى التدوينات الي تحتو تظهر
الي باللون الأزرق عدد التدوينات
وهذي الصفحة تشرح بالتفصيل كيفية اظهار تصنيف معين والكثير من الخيارات الأخرى ( اضغط هنا)
هناك امر آخر الصور الي تكون على يسار الكلام في الصفحة الرئيسية زي الصورة الي تحت

كانت في مشكلة اذا ماعندي صورة في التدوينة يظهر مكان الصورة بوجود صورة مفقودة ودا الشيء مو حلو
لذلك استعنت بإضافة More Fields ( الاضافة سبق ان شرحت كيفية عمل اشياء بها في هذه التدوينة )
هذا هو كود الصورة الي استخدمتو

< ?php $my_query = new WP_Query('category_name=duofe&showposts=1');
while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate =
$post->ID; ?>

لو تشوفو يسير كده اذا فيه صورة تطلع اما اذا مافي صورة مايسير شيء

بعد كده جيت لمعرض الصور
انا استعنت بإضافة NextGEN Gallery واضافة NextGEN FlashViewer لعمل المعرض

الاضافة سهلة التعامل وذات منتجات رائعة جداً
طبعاً الاضافة انجليزية لذلك اطريت اعرب بعض الكلمات الي تظهر بالواجهة

في بناء الموقع في البداية لا تنظر للأشياء الصغيرة اهم شيء الاشياء الكبيرة
لا تلتفت للون الخط أو الصورة دي كبيرة أو دي الصورة مشوهة المظهر اهم شيء الامور الاساسية عشان لا تشتت ذهنك

بعد ما تنتهي من الأمور الأساسية ابدأ في الاشياء الصغيرة اللون الصور
حاول لمن تعمل شيء تعملو تخلي مرن باكبر حد
يعني مثلاً في موقع المؤتمر
الصور ( نفس الصور الي شرحت عليها فوق ) كانت تطلع كبيرة جداً وبشكل مشوه
طبعاً ماجيت قلت لصاحب الموقع خلي الصور بدا المقاس !
رحت اضفت في ملف css لوسم الصور

max-height:150px;
max-width:240px;

لو تلاحظو حاطط max اي للكاتب حرية اختيار الصورة لكن عن العرض مارح تكون اكبر من الابعاد الي انا حطيتها

المرحلة الثالثة:تجربة الموقع اصلاح الاخطاء

هذه المرحلة غالباً تأخذ وقت طويل
اول شيء تسوي تضيف مقالات وصور وهمية ( اي مجرد كلام وصور )
جرب كل وضعيات الصور وانماط الخط

ثم ابدأ في تصفح الموقع
في البداية انصحك تشتغل على الفايرفوكس لوجود اضافة تساعدك في معرفة الاخطاء ( اضافة Firebug )
بعد ان تتأكد من عدم وجود اخطاء في الموقع على متصفح الفايرفوكس
ابدأ في المتصفحات الأخرى
اهم المتصفحات من وجهة نظري

1. انترنت اكسبلور Internet Explorer
2. فايرفوكس Mozilla Firefox
3. قوقل كروم Google Chrome
4. اوبرا Opera
5. سفاري Safari

يفضل ان تعطي الموقع لأصحابك يجربوا في مشكلة أيضاً صاحب الموقع

المرحلة الاخيرة والمهمة: التطوير
العالم يتطور والحاسب يتطور والمواقع تتطور لذلك ابقي الموقع على تطوير دائم كي لا يصبح من المواقع التي قضى عليها الدهر

في النهاية كل هذا اجتهاد شخصي فما كان من صواب فمن الله وما كان من خطأ فمن نفسي