لوحة المتصدرين

الانتشار الكبير في استخدام لغات تصميم الويب أدى إلى ظهور بعض إطارات العمل (Frameworks) الجاهزة التي تسهل وتسرع عملية تطوير الواجهات كذلك فإن الانتشار الواسع لووردبريس والطلب الكبير لقوالبه دفع بعض المطورين والشركات إلى تطوير العديد من الأدوات الجاهزة التي تسهل بصورة أو أخرى عملية تطوير قوالب ووردبريس، إحدى هذه الأدوات الجيدة جدا هي قالب Underscores _s والذي يتمتع بمجموعة من المميزات (كما سنرى) تجعله من أفضل الأدوات المعينة لمطور قوالب ووردبريس. وفي هذا المقال سنتعرف على بعض مميزات قالب _s وطريقة استخدامه والاستفادة منه، لكن دعنا في الأول نلقي نظرة سريعة على بعض الأدوات المتاحة لمطوري قوالب ووردبريس (من قبل شركات أو مطورين أخرين) وأنواعها وفي أي الأنواع يمكن تصنيف قالب Underscores _s. أطر عمل قوالب ووردبريس WordPress Theme Frameworksأتذكر أنه عند بداية دراستي لتطوير قوالب ووردبريس شكل هذا المصطلح بعض الصعوبة بالنسبة لي ليس لأنه يحتوي على كلمة إطار عمل (Framework) فقط بل لأنه في مجتمع ووردبريس يطلق هذا المصطلح على عدة معاني حيث يختلف المعنى الذي يستخدم لأجله من بعض المطورين، لذا دعنا نحاول تجنيبك الوقوع في مثل هذا الإشكال بتعريف مبسط لكلمة إطار عمل وكذلك الإشارة الى بعض المعاني التي تستخدم لها هذه الكلمة في مجتمع ووردبريس. التعريف المبسط لإطار العمل Framework في مجال تطوير الويبهو عبارة عن مجموعة من الأدوات الجاهزة (عادة شيفرات برمجية) تؤدي بعض المهام الشائعة وتغنيك هذه الإطارات من كتابة هذه الشيفرات بنفسك. بالطبع فإن التعريف يمكن أن يكون أعم من ذلك لكن هذا ما نحتاجه في هذا المقال. إطارات عمل قوالب ووردبريس Themes Frameworkيطلق هذا المصطلح عادة على أربعة معاني في مجتمع ووردبريس (موقع ووردبريس الرسمي ذكر ثلاثة ودعني أضيف لها رقم 2 في قائمتنا هذه). القالب الأب Parents Themes (البعض يطلق عليها Themes Framework) هذا النوع من الأدوات عبارة عن قالب جاهز يمكنك الاستفادة منه من خلال صنع قالبك كقالب ابن Child Theme له وذلك بالاستفادة من هذه الميزة (القالب الابن) التي يوفرها ووردبريس. عادة عند إطلاق كلمة إطار عمل قوالب Themes Framework فإن المقصود هو هذا النوع من القوالب، ومن أشهر هذه القوالب هو إطار العمل Genesis ومن الإطارات ذات التطوير العربي هنالك إطار العمل ممتاز وليس المقام هنا لسرد القوالب المتوفرة تحت هذا النوع من الأدوات.إطارات عمل لوحة تحكم القوالب Theme Options Framework هذا النوع من الأدوات كما يظهر من أسمه يستخدم لتسهيل مهمة إنشاء لوحة تحكم للقالب فهو يسهل عملية إضافة واسترجاع خيارات القالب وعادة ما يوفر مجموعة من الحقول المتقدمة التي تتطلب برمجتها بدونه بعض الوقت والجهد. البعض أيضا يطلق كلمة إطار عمل (هكذا بإطلاقها) على هذا النوع من الأدوات، ومن أشهر هذه الإطارات إطار عمل Redux.المكتبات المساعدة Dropin Libarary هذه مجموعة من الملفات التي تقوم بتضمينها في قالبك للاستفادة من الدوال والأصناف الموجودة فيها وبالرغم من أن كثير من إطارات عمل لوحة التحكم يمكنها العمل بنفس الطريقة (تضمين ملفاتها في قالبك) لكن هذه المكتبات توفر عادة أكثر من مجرد تسهيل لعمل لوحة التحكم بل تتيح لك المزيد من التسهيلات فيما يتعلق بتطوير القالب ككل. من هذه المكتبات إطار العمل Hyprid.القالب الابتدائي Starter Theme عبارة عن قالب جاهز بنسبة كبيرة تقوم بتطوير قالبك بالتعديل عليه مباشرة لا عن طريق استخدام قالب ابن كما في الرقم 1 من هذه القائمة، ويوفر هذا القالب عادة التركيبة الأساسية لملفات قوالب ووردبريس وبعض الدوال والإعدادات الأساسية للقالب بحيث يجعل المصمم يركز على التصميم (CSS) أو تحويل التصميم الجاهز. قالب Underscores والذي نحن بصدد التعرف عليه يقع تحت هذا النوع من إطارات العمل وتستطيع استخدامه في تطوير قالبك من الخلال التعديل المباشر عليه كما سنرى لاحقا إن شاء الله.مميزات قالب Underscoresهنالك عدة مميزات تجعل من الجيد إختيار هذا القالب كنقطة بداية لتطوير قالبك، ومن هذه المميزات: القالب مفتوح المصدر ومطور من قبل مجموعة من المبرمجين المحترفين وعلى رأس التطوير شركة Automatic الراعية لووردبريس، وهذا يضمن لك توافقية عالية بين ووردبريس وقالب Underscores وكذلك احترافية في تطويره.القالب يعتمد على HTML5 كما أنه موثق بصورة جيدة ويحتوي على نسبة مناسبة من الشيفرات (بالتالي لن تفقد الكثير من الأساسيات الموجودة في أي قالب كما أنك لن تضطر لمسح الكثير من الشيفرات).يحتوي على مثال لتطبيق خاصية الترويسة المخصصة Custom header التي يوفرها ووردبريس.مجموعة مخصصة من وسوم القالب Template Tags (يشير هذا المصطلح الى مجموعة من الدوال تستخدم في جلب بيانات المقال) يمكنك استخدامها لتجنب تكرار الشيفرات البرمجية.مجموعة من تنسيقات CSS الأساسية تحتوي على توضيح لبعض فئات العناصر CSS Classes التي يولدها ووردبريس.يتبع الCoding standard الخاصة بووردبريس وموثق بصورة ممتازة، حيث يمكنك أن تتعلم الكثير منه.مجموعة من الدوال والإعدادات الأساسية في ملف functions.php.يشجع على استخدام مخصص القوالب Theme Customizer وهذا أمر مهم جدا خصوصا وأنه قبل أيام قليلة من نشر هذا المقال أصبح إستخدام مخصص القوالب لإعدادات القالب أمر إجباري لكل القوالب في مستودع القوالب الخاص بووردبريس وهذا قد يشير إلى توجه في مجتمع ووردبريس نحو المخصص ومحاولة جعلها Standerd في مسألة خيارات القالب، ولذلك في نهاية هذه السلسلة سنلقي نظرة إلى طريقة إستخدام مخصص القوالب في خيارات القالب.طريقة استخدام Underscoresفي البداية عليك التوجه لموقع القالب وقم بكتابة اسم القالب الذي تود تطويره في الخانة المخصصة ويمكنك الضغط على Advanced Options لإدخال المزيد من الخيارات مثل اسم المطور ورابط موقعه ووصف القالب، وسيقوم الموقع باستخدام هذه المعلومات ويولد لك القالب والذي سيبدأ التحميل مباشرة فور الضغط على Generate. طبعا ستجد أن المعلومات التي قمت بكتابتها تم استخدامها في الترويسة الأساسية للقالب والموجودة في ملف style.css وكذلك في اسم مجلد القالب. بعد ذلك يمكنك تنصيب القالب على الموقع الذي قمت بإعداده لتطوير القالب ومن الجيد أن تقوم بفتح مجلد القالب على محرر الشيفرات المفضل بالنسبة لك حتى تتابع معنا شرح بعض خصائص القالب. التركيبة الأساسية للقالب (المجلدات والملفات)ستلاحظ أن مجلد القالب يحتوي على الملفات الأساسية لقوالب ووردبريس وهي: Style.css, index.php, functions.php, single.php, page.php, archive.php, search.php, 404.php, header.php, footer.php, sidebar.php, comments.php, rtl.css بالإضافة الى مجموعة من الملفات التي يبدأ اسمها بـ content وهي: Content.php, content-single.php, content-page.php, content-search.php, content-none.phpوهذه الملفات تستخدم لوضع محتويات الحلقة The Loop لبعض ملفات القالب الأساسية التي تحتوي على حلقة لجلب المقالات مثل ملف single.php مثلا، حيث يتم تضمين ملف conent المناسب (مثلا content-single.php) في ملف القالب المناسب (single.php) من خلال إستخدام الدالة get_template_part وتستخدم بهذه الطريقة: <?php get_template_part( 'content', 'single' ); ?> حيث أن المعامل الأول للدالة هو بداية اسم الملف والمعامل الثاني هو نهايته (ما بعد الفاصلة) وهذا يوضح لك سبب تسمية الملفات التي تبدئ بـ content بهذه الطريقة. واستخدام هذه الدالة من الأمور الجيدة في هذا القالب لما تتميز به من مميزات وحتى تحافظ على مقروئية جيدة للشيفرة البرمجية فبدلا من وضع كل الشيفرات في ملف single.php او index.php يتم فصل محتويات الحلقة -والتي عادة ما تحتوي على الكثير من شيفرات html- في ملف لوحدها ثم تضمينها. وأيضا يمكنك استخدامها مع الدالة get_post_format لتضمين الملفات اعتمادا على بنية المقال. من الملفات أيضا في المجلد الرئيسي للقالب ملف README.md وصورة screenshot.png ولا أظن أنهما يحتاجان إلى شرح. مجلد incهذا أو المجلدات التي سنتحدث عنها ، حيث يحتوي على خمسة ملفات الجامع بينها أنه يتم تضمينها داخل ملف function.php كما ترى في نهاية هذا الملف من خلال استخدام الدالة بهذه الطريقة: require get_template_directory() . '/inc/template-tags.php'; حيث أن الدالة ()get_template_directory ترجع مسار القالب الحالي ومن الجيد استخدام دوال ووردبريس التي يوفرها فيما يتعلق بمسارات القالب، وهذه أحد الأشياء التي عليك تعلمها من قالب Underscores بالإضافة الى العديد من الممارسات الجديدة Best Practice الأخرى كما سنرى. تضمين هذه الملفات في ملف functions.php بدلا عن كتابة كل الشيفرات الوظائفية الخاصة بالقالب في ملف functions.php يجعل القالب أكثر تنظيما ويسهل التعديل عليه فيما بعد بالإضافة لفصل الدوال والشيفرات على حسب وظائفها. لاحقا سنتطرق الى تفاصيل بعض هذه الملفات بعد أن نلقي نظرة سريعة على ملف functions.php، لكن الأن دعنا نكمل الاطلاع على تركيبة القالب. مجلد jsواضح من اسمه أنه يحتوي على ملفات الجافا سكربت الخاصة بالقالب، وبه ثلاث ملفات سنطلع على وظائفها فيما الدرس القادم إن شاء الله. وبالطبع يمكنك إضافة ملفات جافا سكربت الخاصة بك في هذا المجلد. لاحظ أنك فيما بعد قد تحتاج لإضافة مجلد لملفات CSS واخر للصور وفي هذه الحالة ربما تفضل وضع هذين المجلدين مع مجلد js في مجلد جديد باسم assest أو static مثلا. بقية المجلداتكما تلاحظ هنالك أيضا مجلد language الذي به ملفات اللغة، وملف layout وهو يحتوي على ملفي CSS يستخدمان لتوفير خيارين في تخطيط الموقع، وملف sass وبه بعض الملفات المفيدة في حالة كنت تستخدم SASS. خاتمة كانت هذه مقدمة سريعة على أنواع الإطارات الخاصة بعمل قوالب ووردبريس، ونظرة على طريقة تحميل قالب _s وتركيبة الملفات والمجلدات فيه، وتبقى لنا الكثير لمعرفته حول قالب _s وإستخدامه في تطوير قوالب ووردبريس وهو ما سنتطرق إليه في المقالات القادمة من هذه السلسلة إن شاء الله.

جرى على مسامعي في السنوات الأخيرة الكثير من آراء العُملاء، ولكن أكثرها تكرارًا كان: يا لها من مُصيبة تلك الّتي وقع بها هذا العميل، فلتكن آخر المصائب. لا أُريد أنّ يُساء فهمي هنا، فما أريد قوله هو أنّ من وجهة نظر العميل، هو قد دفع مالًا لشخص ما لكي يبني له موقعًا أو تطبيق ويب، وهرب هذا الشخص، ولكن وعلى الجهة الأخرى، فمعظمنا نحن معشر المطورين نحاول دائمًا أنّ نعمل بشرفٍ واضعين نُصب أعيننا الصدق الأمانة في التعامل، مع ذلك دائمًا ما نواجه أشخاصًا قد يفعلون الفعلة السابقة بنا. وحتّى إن جاء شخصٌ ما إلينا بهدف توظيفنا لإكمال هذه المهمّة، سيكون لديه على الأرجح بعض الشكوك فيما إذا كان من المُمكن الوثوق بنا بالفعل لإنهاء ما كان يجب أنّ يكون مُنتهيًا من الأساس. وعلى الرغم من أنّني أعلم بالضَّبط أن موضوع المؤهلات قد تمّ الحديث عنه سابقًا مرات عدّة، ولكنّي أريد أنّ أكون واضحًا منذ البداية، لست هنا لتكرار تلك المؤهلات. سأحاول بدلًا من ذلك توضيح حقيقة المُطوّر، والنقاط الأبرز الّتي يجب توفّرها لبناء شيء مُخصّص لأحد العُملاء، وما يجب على العميل أنّ يأمل في الحصول عليه في نهاية المشروع. أظن أنّ سطوري هذه ليست موجّهة إلى مُطوّري ووردبريس بالتحديد، بل هي موجّهة إلى هؤلاء الذين يبحثون عن أشخاصٍ لتوظيفهم في تطوير مشروعٍ مبنيٍّ على سكريبت إدارة المُحتوى ووردبريس (WordPress)، وليسوا متأكّدين من اختيار الشخص المُناسب بعد. توظيف مُطوّر ووردبريس WordPressأعتقد أنّه من المُهم بدايةً توضيح رأي حول الفرق بين ذلك الشخص الّذي يبحث عنه الزبون، وذلك الشخص الّذي يحصلون عليه بالفعل، طبعًا هذا رأي الشخصي في نهاية الأمر، والناس أجناس بطبيعة الحال. إن السيناريو المعروف هو أنّ يكون لدى العميل فكرة مشروعٍ ما، وهو بحاجة إلى شخص لتطبيقها، فإن كان العميل من العُملاء الجديين، فستكون لديه الفكرة على الورق (بشكل أو بآخر)، وميزانيّة جاهزة ومحدّدة، بمعنى آخر أنّه قام بواجب التحضير للمشروع مُسبقًا على أكمل وجه، وستكون الخطوة التّالية بالنسبة لهم هي الشروع في البحث على الإنترنت عن مُطوّر ووردبريس، وذلك بعد أنّ سمعوا من هنا وهناك عن سهولة هذا النّظام في إدارة المُحتوى، وعن قوّته في إنشاء مواقع ويب. قام العميل في البحث، ليجد الكثير من الأشخاص الذين يبدو أنّهم مطوّري ووردبريس، وعليه سيوظّف الزبون المُطوّر، ويدفع مُقدمًا، وعلى ما يبدو أنّ الأمور تجري كما هو مُخطّط لها (في البداية فقط). سيبدأ العميل بعد ذلك الطلب من المُطوّر في إضافة ميزةٍ ما لا يعرف المُطوّر كيف يفعلها (بمعنى آخر هو لا يعرف أية إضافات تقوم بهذه الوظيفة أو الميّزة) وبدلًا من تحمّل مسؤوليته كمطوّر، سيأخذ النقود ويتوارى عن الأنظار. قد يقول البعض: أنّ المُطوّر يملك جزء من الدفعة، وقد قام بتنفيذ جزءً مما هو مُتّفق عليه، فهو بشكل أو بآخر يستحق هذا المبلغ، صحيح؟ لم يوظّف العميل مُطوّرًا في حقيقة الأمرما قام به العميل بالفعل هو توظيف شخص يعرف كيف يستخدم ووردبريس، بمعنى آخر هو قام بتوظيف شخص يعرف كيف يستخدم تطبيقًا العميل نفسه لا يعرف كيف يستخدمه، أو سأقولها بشكل آخر، ما تمّ توظيفه هو شخص مُتمرّس فقط. إن مُطوّر ووردبريس هو الشخص الّذي يعرف كيف يستخدم مجموعة محدّدة من الأدوات ويُنشئ من خلالها شيئًا ما يُكمّل منصّة ووردبريس ويوسّع إمكانياتها، أما هذا المُستقل الذي قام صاحبنا بتوظيفه هو شخص يعرف كيف يعطي موقع العميل هيئة معيّنة (عبر تنصيب قالب المدوّنة)، وكيف يُنصّب إضافة معيّنة (بهدف تقديم وظيفة ما)، ولكنّه في نفس الوقت غير قادر على كتابة شيفرة بأنامل أصابعه ليضيف خصائص إلى المشروع أو يُدخل تعديلات عليه. يوجد طرقٌ عدّة لتحديد المُطوّر الحقيقي، ولكن أفضل ما سمعت: رغم ذلك فإنها ليست أداة قياس جيّدة للعُملاء العاديين، وذلك بسبب أنّ العُملاء أصلًا لا تعرف ما هو المُشيّد. عوضًا عن ذلك، على صاحب المشروع أنّ يبحث عن الشخص الّذي يعرف المُصطلحات الصحيحة، الّذي يملك البراعة الفنيّة (التقنية)، ويعرف أيضًا كيف يسير بالمشروع إلى بر الأمان، والنبش هنا وهناك، عندها من المُفترض عليه أنّ يكون قادرًا بنفسه أو مع بقيّة أفراد فريقه على بث الروح في المشروع وتحويل الفكرة إلى كيان يُمكن الاستفادة منه. يجب على المُطوّر أنّ يكون قادرًا على الإجابة بسهولة على الأسئلة مثل: ما هي النماذج السابقة لمشاريع ووردبريس كنت قد عملت عليها؟هل لديك مُدوّنة، صفحة أعمال خاصّة (portfolio)، مقالات، أو شيفرة (كود) أستطيع الاطلاع عليها؟هل لديك مرجع للأعمال الّتي عملت عليها، ويستطيع أصحابها أو حتّى زملائك الحديث عن جودة هذه الأعمال؟وإن كان لدى العميل بعض الخبرة التقنيّة، فمن المُمكن أنّ يسأل المُطوّر الأسئلة من النوع التّالي: ما هو نمط التصميم المدفوع بالأحداث (event-driven)؟ما هو الفرق بين الأفعال (actions) وبين المرشّحات (filters)؟لماذا ليس من المُستحسن استخدام بعض مزايا PHP الجديدة عند التعامل مع شيفرة مبنيّة على سكريبت WorePress؟هل الإضافات (Plugins) مكتوبة بأسلوب البرمجة الكائنيّة (object-oriented) أم بأسلوب إجرائي (procedural)؟ما هي الخمس واجهات برمجيّة (API) المتوفّرة لسكريبت WordPress؟إن الأسئلة السابقة هي أبعد ما تكون من كونها عميقة أو شاملة، ولكنّها بداية جيّدة، وأنا متأكّد أنّ البعض قد يقول أنّ هذه الأسئلة ليست بتلك الأسئلة الصعبة. وكما هو الحال في العثور على الموهبة المُناسبة، أو الشخص المُناسب للعمل معه، فإن السعر أيضًا عامل مُهم، وذلك بسبب أنّ الزبون لديه ميزانيّة محدّدة ولا يُريد أنّ يبزّر ماله على أيًا كان. ولكن يوجد بالفعل عمالة رخيصةيوجد بالتأكيد، حيثُ مع توفّر العمالة تتوفّر النتائج بطبيعة الحال. ولكن وكما هو الحال في العديد من الأعمال، ترتبط العمالة الرخيصة عادةً مع نتائج ليست بتلك الجودة، وطبعًا لا يرغب أحد بالحصول على جودة مُنخفضة، وأيضًا لا يرغب أحد بصرف الآلاف لتحويل فكرتهم إلى موقع. ولكن هناك الكثير من يُمكن له بناء موقع كامل وشامل باستخدام سكريبت ووردبريس وبأرخص الأسعار. يوجد بالفعل من يفعل الكثير مقابل خمسة دولارات، ولكنّه لا يطوّر، يوجد فرق بين هذا وذاك. يوجد بالفعل مطورين حقيقين لسكريبت WordPressما أحاول قوله هو وجود هذا النوع من مطوري WordPress، وهم ليسوا من ذلك النوع الّذي يُنصّب سكريبت ووردبريس مع القالب والإضافة، ومن ثُمّ يدعون أنّهم "طوّروا" مشروع ويب، هم فقط مُستخدمين مُتمرسين فقط. يجب على مُطوّري ووردبريس أنّ يتمتّعوا بالتفكير التحليلي، وأن يكونوا قادرين على بث الروح في الموقع مُستخدمين مُختلف الأدوات والشيفرات، وأن يكونوا قادرين على تفسير وشرح ما طلبه العميل، ولهم القدرة على تقديم نمط عمل واضح في سبيل الحصول على مُنتج يتحدّث عن نفسه. يجب أنّ يكون سير العمل بين المطوّر والعميل قائم على مبدأ تنفيذ الطلب ومن ثُمّ مراجعته ونقاشه فيما بينهم، وهكذا إلى تسليم المُنتج، ولذلك عند يأتي وقت إطلاق الموقع، ستكون العملية سلسلة ومرنة للطرفين إلى أبعد الحدود، وذلك بسبب التدقيق والمراجعة المُسبقة، وما تمّ من الاختبارات على الموقع قُبيل الانطلاق. يُمكن للمزايا أنّ تُضاف وتُحذف من خلال استخدام نظام التحكم في النسخ (source control) ويجب على العميل أنّ يطلب وبدون تردّد من المُطوّر أي شيء من المُمكن تعديله، وأيضًا على المُطوّر أنّ يوضّح للعميل وبالأسباب الصريحة والواضحة لماذا لا يُمكن القيام بالتعديل، أو أنّ التعديل هو خارج مجال الميزانيّة المُقترحة. ولكن الآن، نحن لا نرى هذا النوع من أسلوب العمل، على الأقل ليس مع ووردبريس، وذلك من خلال تجربتي وخبرتي على أقل تقدير. إن كان العميل يبحث عن موقع يُمكن أن يُبنى على سكريبت إدارة المُحتوى ووردبريس، بشكل أو بآخر، فيجب على الأقل عليه أنّ يأخذ بعين الاعتبار الأسئلة والمُحادثات المطروحة هنا، وربما عليه أنّ يقوم بمقابلة مُصغّرة مع عدد مع الأشخاص المُحتملين للوظيفة، واختيار الشخص المُناسب للمُهمّة، وإلا سينتهي المطاف بالعميل مع شيء يُشبه الموقع. ترجمة –وبتصرّف- للمقال ?What is a WordPress Developer.