صاحبة عمل عربية بحجاب تقارن تصميم الموقع على هاتفها بمعاينة الجوال على الحاسوب، بجوار قائمة تحقق وقلم، لاختيار مصمم ووردبريس.

This article is available in English — Read in English

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

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

ما الذي يقدمه مصمم ووردبريس فعلًا

يشمل لقب «مصمم ووردبريس» أعمالًا مختلفة تمامًا. بعض المصممين يكتفي بإعداد تصميمات مبدئية في برنامج تصميم وينتظر أن يبنيها شخص آخر. وبعضهم يأخذ قالبًا جاهزًا، ويغيّر ألوانه وخطوطه، ثم يضيف محتواك. وآخرون يصممون قوالب خاصة بنشاطك ويبنونها، ويكتبون الشيفرة البرمجية حين لا يستطيع القالب تنفيذ ما تحتاج إليه، ويضبطون الإضافات والنماذج وأدوات التحليل حولها. قد يكون أي خيار من الثلاثة هو المناسب لك، لكن المشكلة تبدأ حين تظن أنك تشتري الخيار الثالث ثم تتسلم الأول أو الثاني.

اسأل في بداية الحديث عن أي هذه الخيارات سيقدمه لك المصمم:

  • التصميم فقط: تخطيط الصفحات، ودليل للهوية البصرية (الألوان والخطوط والأزرار)، ونسخ الجوال، وتُسلَّم في صورة ملفات تصميم.
  • إعداد قالب جاهز وتخصيصه: قالب موجود يُعدَّل ليناسب علامتك التجارية، مع إضافة صفحاتك ومحتواك.
  • تصميم وبناء خاصان: قوالب صُممت لنشاطك وبُنيت في صورة قالب مخصص، أو قالب فرعي، أو قالب كتل مع أنماط مخصصة.

وهناك تفصيلة أهم مما يتوقعه أغلب أصحاب المواقع: كيف ستعدّل الموقع لاحقًا؟ يتيح محرر الموقع في ووردبريس تعديل الترويسة والتذييل والقوالب باستخدام الكتل، لكن التوثيق الرسمي واضح في أنه لا يتوفر إلا مع قالب كتل. فإذا بنى المصمم موقعك على قالب كلاسيكي أو على أداة بناء صفحات، فطريقة التعديل ستكون مختلفة. لا يوجد طريق خاطئ هنا، لكن من حقك أن تعرف أيهما ستحصل عليه، وأن ترى شاشة التعديل قبل الإطلاق لا بعده.

مصمم أم مطور أم وكالة: من تحتاج؟

سواء كنت تبحث عن تصميم موقع ووردبريس في مصر، أو عن مطور في السعودية لأن عملاءك في الرياض، فالسؤال الأول واحد: ما حجم العمل الذي يستطيع شخص واحد أن يتحمله؟ يقارن الجدول التالي بين الخيارات الشائعة لموقع شركة صغيرة أو متوسطة.

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

لم يعد الموقع الجغرافي للمصمم مهمًا كما كان، لكنه ما زال مهمًا في ثلاثة أمور: فهمه الحقيقي للخط العربي وللتصميم من اليمين إلى اليسار، وتوافق ساعات عمله مع ساعات عملك، ومعرفته ببوابات الدفع وطرق الفوترة التي يتوقعها عملاؤك في بلدك.

ما الذي يحدد تكلفة موقع ووردبريس

كثيرًا ما يكون أول سؤال يطرحه صاحب النشاط هو سعر تصميم موقع ووردبريس، ولن أذكر هنا أرقامًا، لأن أي نطاق سعري يُذكر دون الاطلاع على نطاق مشروعك مجرد تخمين. ولصورة أشمل عما يحدد تكلفة موقع ووردبريس، راجع دليلنا المخصص لذلك. لكن يمكنني أن أوضح العوامل التي ترفع حجم العمل أو تخفضه. وحين ترى عرضين مختلفين جدًا، فالسبب في أغلب الحالات أن كل مقدم خدمة فهم نطاق المشروع بطريقة مختلفة، لذلك استخدم هذه القائمة لتتأكد من أن الجميع يسعّرون المشروع نفسه.

  • عدد القوالب المختلفة. موقع من عشر صفحات تشترك في ثلاثة تخطيطات أقل جهدًا بكثير من موقع من عشر صفحات تحتاج كل واحدة منها إلى تصميم مستقل.
  • تصميم خاص أم قالب معدّل. التصميم من الصفر يستغرق وقتًا أطول من تعديل قالب جيد البناء، وتحويل هذا التصميم إلى قالب يستغرق وقتًا إضافيًا.
  • اللغات واتجاه الكتابة. الموقع العربي الإنجليزي يحتاج إلى إعداد متعدد اللغات، وقوائم ونماذج مترجمة، واختبار كل قالب في الاتجاهين.
  • خصائص المتجر الإلكتروني. ووكومرس وبوابات الدفع المحلية وقواعد الشحن والفواتير كلها تضيف وقتًا للإعداد والاختبار.
  • الربط مع أنظمة أخرى. مثل أنظمة إدارة العملاء، وأنظمة الحجز، وأزرار واتساب، وأنظمة تخطيط الموارد، أو واجهات برمجية خاصة.
  • المحتوى. من يكتب النصوص، ومن يترجمها، ومن يوفر الصور، وكم منتجًا أو مقالًا يجب إدخاله.
  • التراخيص المدفوعة. القوالب وأدوات بناء الصفحات والإضافات المدفوعة، وعلى أي حساب تُشترى.
  • أهداف الجودة. الوصول إلى نتائج سرعة متفق عليها في PageSpeed Insights وإلى أساسيات إتاحة الوصول يحتاج إلى وقت للتنفيذ والاختبار.
  • الجدول الزمني والتعديلات. المواعيد الضيقة وجولات التعديل غير المحدودة تكلف جهدًا في الحالتين.
  • الدعم بعد الإطلاق. هل تشمل الخدمة التحديثات والنسخ الاحتياطية والإصلاحات، ولأي مدة؟
العامل جهد أقل جهد أكبر
التصميم قالب جيد البناء بعد تعديله قوالب مصممة بالكامل
اللغات لغة واحدة العربية والإنجليزية في الاتجاهين
الخصائص صفحات ونموذج تواصل متجر وحجوزات وربط مع أنظمة
المحتوى أنت توفر النصوص والصور النهائية المصمم يكتب ويترجم ويوفر الصور

أسئلة تطرحها على مصمم مواقع ووردبريس قبل التعاقد

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

  1. هل ستقدم التصميم فقط، أم ستخصص قالبًا جاهزًا، أم ستصمم قالبًا خاصًا وتبنيه؟
  2. ما القالب أو أداة البناء التي ستستخدمها، ولماذا اخترتها لموقعي تحديدًا؟
  3. هل أستطيع تعديل الترويسة والقوائم والصفحات والنماذج بنفسي بعد الإطلاق؟ وهل يمكنك أن تريني كيف؟
  4. هل بنيت مواقع بالعربية والإنجليزية من قبل؟ وهل يمكنني رؤية روابط حية للنسختين؟
  5. ما القوالب أو الإضافات المدفوعة التي سيحتاج إليها الموقع، وعلى أي حساب ستُسجل تراخيصها؟
  6. هل ستكون حسابات الاستضافة والنطاق والبريد وأدوات التحليل باسمي؟
  7. ما نتائج السرعة التي تستهدفها في PageSpeed Insights على الجوال، وهل ستريني التقرير قبل الإطلاق؟
  8. كيف تتعامل مع أساسيات إتاحة الوصول، مثل تباين الألوان، وإبراز التركيز عند التنقل بلوحة المفاتيح، والنص البديل للصور؟
  9. كم جولة تعديل يشملها العرض، وما الذي يُعد طلبًا جديدًا؟
  10. هل ستعمل على نسخة تجريبية من الموقع، أم مباشرة على الموقع الحي؟
  11. ماذا يحدث بعد الإطلاق: التحديثات، والنسخ الاحتياطية، والإصلاحات، ولأي مدة؟
  12. ماذا سأتسلم عند التسليم: بيانات الدخول، والملفات، ومفاتيح التراخيص، ونسخة احتياطية، وتدريبًا قصيرًا؟

والمصمم الجيد يطرح عليك أسئلة هو الآخر: من عملاؤك، وأي الصفحات تجلب لك العملاء المحتملين، وماذا يفعل منافسوك، وما الذي تريد من الزائر أن يفعله في كل صفحة. فإذا كان الاتصال الأول كله عن باقاته وعروضه فقط، فدوّن ذلك في ملاحظاتك.

كيف تفحص معرض الأعمال بطريقة صحيحة

الصور والتصميمات المبدئية تكشف الذوق، لا الجودة. أنت تحتاج إلى مواقع حية، وإلى نحو خمس عشرة دقيقة لكل موقع. اطلب ثلاثة روابط حية لمشروعات تشبه مشروعك، ويُفضّل أن يكون أحدها على الأقل باللغة العربية.

1. افتح المواقع الحية لا الصور

تنقّل في القائمة، وافتح عدة صفحات داخلية، وأرسل نموذج التواصل إن كان ذلك آمنًا، وانظر إلى التذييل. تأكد من أن الموقع ما زال يعمل، وأنه يستخدم HTTPS، وأن محتواه لم يُستبدل به عمل فريق آخر. وإن كانت كل روابط المعرض صورًا لتصميمات مبدئية، فاسأل عن السبب.

2. اختبر الموقع على الجوال بعرض 360 بكسل

تعتمد جوجل على نسخة الجوال من الموقع في الفهرسة والترتيب، وتوصي بالتصميم المتجاوب. لذلك فعرض الموقع على الهاتف ليس تفصيلة ثانوية. افتح الموقع على هاتفك أولًا، ثم افتح Chrome DevTools على الحاسوب، وشغّل شريط الأجهزة، واختر Responsive، واكتب العرض 360. ابحث عن نصوص تخرج عن حدود الشاشة، وجداول تكسر التخطيط، وأزرار متلاصقة، وقوائم لا تُفتح. ويصف توثيق كروم وضع الأجهزة بأنه تقريب أولي لشكل الصفحة على الهاتف، لذلك تحقق دائمًا على هاتف حقيقي أيضًا. وللمقارنة، يطلب معيار إعادة التدفق (Reflow) في WCAG 2.2 أن يعمل المحتوى على عرض يعادل 320 بكسل CSS دون الحاجة إلى التمرير في اتجاهين، أي أن اختبار 360 ليس اختبارًا متشددًا.

3. افحص جودة النسخة العربية واتجاه RTL

افتح النسخة العربية واقرأها كما يقرؤها العميل. نصيحة W3C بسيطة: حين تكون الصفحة من اليمين إلى اليسار، توضع الخاصية dir="rtl" على الوسم html، ولا يُضبط الاتجاه الأساسي للصفحة باستخدام CSS. كما ينبغي أن تُكتب المسافات والمحاذاة بالخصائص المنطقية في CSS (مثل margin-inline-start بدلًا من margin-left) حتى تتبع اتجاه النص. وعمليًا، ابحث عن هذه العلامات:

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

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

4. شغّل PageSpeed Insights على صفحتين أو ثلاث

الصق رابط الصفحة الرئيسية ورابط صفحة داخلية في PageSpeed Insights. تعرض الأداة النتائج على الجوال وسطح المكتب، وتقدم نوعين من البيانات. البيانات الميدانية مصدرها مستخدمو كروم الحقيقيون خلال الأيام الثمانية والعشرين السابقة، ولا تظهر إلا إذا كان للصفحة أو للموقع عدد كافٍ من الزيارات. أما البيانات المعملية فمصدرها Lighthouse، الذي يحاكي هاتفًا متوسط الإمكانات على شبكة جوال. وفي النتيجة المعملية، تُعد 90 فأكثر نتيجة جيدة. وبالنسبة إلى البيانات الميدانية، فأهداف جوجل لمؤشرات Core Web Vitals هي: ظهور أكبر عنصر في الصفحة (LCP) خلال 2.5 ثانية، وزمن الاستجابة للتفاعل (INP) بحد أقصى 200 ملي ثانية، ومقدار تحرك التخطيط (CLS) بحد أقصى 0.1، وتُقاس عند الشريحة المئوية الخامسة والسبعين من الزيارات.

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

5. جرّب أساسيات إتاحة الوصول

لا تحتاج إلى أن تكون خبيرًا لتلاحظ الأساسيات. تسرد صفحة Easy Checks من W3C اختبارات يستطيع أي شخص إجراءها: النص البديل للصور، وعناوين الصفحات، والعناوين الداخلية، وتباين الألوان، ورابط التخطي إلى المحتوى، وإبراز التركيز عند التنقل بلوحة المفاتيح، ولغة الصفحة، والتكبير، وتسميات حقول النماذج. جرّب الضغط على مفتاح Tab في أحد مواقع المعرض: يجب أن ترى موضعك في الصفحة في كل خطوة. ويطلب WCAG 2.2 نسبة تباين لا تقل عن 4.5 إلى 1 للنص العادي، و3 إلى 1 للنص الكبير، والنص الرمادي الفاتح على خلفية بيضاء من أشهر حالات الإخفاق. كما يشترط دليل القوالب الرسمي في ووردبريس وجود روابط التخطي وإبراز التركيز في القوالب التي يقبلها، وهذا يوضح أن هذه الخصائص من الأساسيات.

الملكية والتراخيص والتسليم

هنا تبدأ أغلب الخلافات بين أصحاب المواقع والمصممين، وغالبًا بعد الإطلاق بأشهر. اتفق على هذه النقاط كتابةً قبل أن يبدأ العمل.

الاستضافة والنطاق والحسابات

يجب أن يُسجل النطاق باسمك أنت بصفتك صاحب التسجيل، وفي حساب تتحكم فيه. وتذكّر هيئة ICANN أصحاب النطاقات بأنهم يتحملون وحدهم مسؤولية تسجيل النطاق واستخدامه، وأن عليهم الحفاظ على دقة بيانات التواصل وتحديث بيانات حسابهم لدى المسجل، والرد على استفسارات المسجل خلال خمسة عشر يومًا. ولن تستطيع فعل أي من ذلك إذا كان النطاق في حساب المصمم. والأمر نفسه ينطبق على الاستضافة، والبريد الإلكتروني للشركة، وGoogle Search Console، وأدوات التحليل: يجب أن تكون كلها باسمك، ويحصل المصمم على حساب مستخدم فيها. وفيما يخص الاستضافة، يوصي ووردبريس بإصدار PHP 8.3 أو أحدث، وMySQL 8.0 أو أحدث (أو MariaDB 10.11 أو أحدث)، مع دعم HTTPS، فاطلب من المصمم أن يتأكد من أن خطة الاستضافة تلبي ذلك.

تراخيص القوالب والإضافات المدفوعة

يصدر ووردبريس بترخيص GPLv2 (أو أحدث)، ويرى موقع WordPress.org أن القوالب والإضافات أعمال مشتقة ترث ترخيص GPL. ويجب أن تكون القوالب الموجودة في الدليل الرسمي متوافقة مع GPL بالكامل. لكن هذا لا يعني أن تقبل نسخًا «مكسورة الحماية» من قوالب مدفوعة مصدرها مجهول. فالترخيص المدفوع يمنحك عادة التحديثات والدعم من الشركة المطورة، بينما لا تمنحك النسخة المقرصنة أيًّا منهما. اطلب قائمة بكل منتج مدفوع على الموقع، مع تسجيل ترخيصه على بريدك الإلكتروني أو نقله إليك.

الصيانة بعد الإطلاق

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

قائمة العقد والتسليم

  • نطاق عمل مكتوب: الصفحات، والقوالب، واللغات، والخصائص، ومن يوفر المحتوى.
  • عدد جولات التعديل، ومراحل الدفع، وما يحدث إذا تأخر الجدول الزمني.
  • حساب مدير (Administrator) خاص بك، لأن ووردبريس يصف المدير بأنه الدور الذي يملك صلاحية الوصول إلى كل خصائص الإدارة في الموقع. وامنح المساهمين أدوارًا أقل، مثل المحرر (Editor)، حين يكفي ذلك.
  • تسليمك كل بيانات الدخول ومفاتيح التراخيص وملفات التصميم.
  • نسخة احتياطية كاملة عند الإطلاق، مع تصدير للمحتوى من أدوات ثم تصدير، ويحفظه ووردبريس في ملف WXR يضم المقالات والصفحات والتعليقات والتصنيفات والوسوم وغيرها.
  • شاشة صحة الموقع (أدوات ثم صحة الموقع) بلا مشكلات، أو ملاحظة تشرح أي تحذيرات متبقية.
  • جلسة تدريب قصيرة أو مقطع فيديو يشرح تعديل الصفحات والقوائم.

علامات تحذير تستدعي الانسحاب

  • النطاق أو الاستضافة «ضمن العرض» لكنهما مسجلان باسم المصمم.
  • لا توجد روابط حية، بل صور فقط، أو كل رابط حي يحوّلك إلى موقع مختلف.
  • لا إجابة واضحة عن التراخيص، أو عرض لإضافات مدفوعة «مجانًا».
  • النسخة العربية مؤجلة إلى «وقت لاحق»، أو ستُنفذ بالترجمة الآلية.
  • العمل يجري مباشرة على موقعك الحي دون نسخة احتياطية أو نسخة تجريبية.

أسئلة شائعة

أيهما أفضل لموقع شركة: مستقل أم وكالة؟

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

كم يستغرق مشروع موقع ووردبريس؟

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

هل أستطيع نقل موقعي إلى مطور آخر لاحقًا؟

نعم، إذا كنت تملك النطاق والاستضافة والتراخيص، ولديك حساب مدير. ولهذا تهم قائمة التسليم. ومع نسخة احتياطية كاملة من الملفات وقاعدة البيانات، يستطيع أي مطور كفء أن يتسلم الموقع.

هل يتولى المصمم تحسين محركات البحث أيضًا؟

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

خطوتك التالية

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

المراجع