Unlimited PowerPoint templates, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Business
  2. Web Design

كيف تختار قالب موقعٍ إلكتروني (ما هو الخيار الافضل لموقعك؟)

by
Length:LongLanguages:

Arabic (العربية/عربي) translation by Mohammad Al Tahan (you can also view the original English article)

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

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

كيف تختار قالباً

قبل اختيار قالب موقع ويب، هنالك بعض النقاط الأساسية التي تحتاج إلى التفكر فيها:

1. ما هو نوع موقع الويب الذي ترغب ببنائه؟

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

يجب أن تتذكر مجال عملك واختصاصك المهني لكي تختار أفضل قالب للموقع. القالب المخصص للمصورين لن يكون مناسباً لأعمال المحاسبة والعكس صحيح.

2. ما هو نوع المخطط والتصميم الذي يلائم إحتياجاتي؟

المخطط (بالإنجليزية Layout) والتصميم يحددان كيف ستتم هيكلة المعلومات عندما تصمم موقع ويب. هنالك 5 نقاط أساسية تتعلق بالتصميم وسهولة الاستعمال يجب عليك أن تأخذها بعين الاعتبار عند اختيار قالب الموقع الإلكتروني الصحيح:

  • مقدار عرض* المحتوى  (*المترجم: العرض هنا ليس الإظهار، بل الطول أفقياً.)
  • مخطط الرأسية
  • تصميم التنقل
  • مكان الشعار
  • سهولة الإستعمال وتجربة المستخدم بالمجمل

مقدار عرض المحتوى

معظم قوالب المواقع الإلكترونية اليوم توفر نوعين من عرض المحتوى: عرض كامل وعرض مقيد.

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

يمتلك قالب Canvas HTML5 تصميماً جميلاً بعرض كامل (لاحظ كيف تمتد صورة الرأسية على كامل شاشة الرؤية من الحافة إلى الحافة):

Example of a full-width layout
قالب Canvas للمواقع الإلكترونية - مثال على مخطط عرض كامل.

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

Example of a boxed-width design
قالب Brandon لـ WordPress - مثال على مخطط عرض مقيد.

مخطط الرأسية

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

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

استخدام صورة آسرة لخلق تجربة بصرية مذهلة هو أمر مفيدٌ جداً لأعمال مثل الفنادق، المطاعم، أو المنتجعات.

لكن من ناحية أخرى، إذا كان يَصعُبُ شرح نوع عملك باستخدام الصور فقط، فإن عليك اختيار تصميم للرأسية يحتوي على صورة مع غطاء نصي (بالإنجليزية Text Overlay). تأكد من تضمين العنوان الرئيسي الخاص بك، فقرة داعمة أوشعارك الإعلاني، وأزرار تدعو المستخدم إلى اتخاذ فعل (بالإنجليزية Call to Action) في هذا الغطاء.

هذا أيضاً أكثر نوعٍ مستعمل من تصاميم الرأسيات، والذي يظهر في الأسفل في قالب Foundry لـ WordPress:

Foundry WordPress Theme
ثيمة Foundry لـ WordPress - مثال على رأسية موقع مع غطاء نصي بارز.

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

Porto Site Template
ثيمة Porto لمواقع الويب - مثال على موقع مع تصميم رأسية عرض شرائح.

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

تصميم شريط التنقل

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

موقع شريط التنقل هامٌ أيضاً. قائمة التنقل الأفقية العلوية هي التصميم الكلاسيكي والذي اعتاد عليه معظم الناس.

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

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

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

مكان الشعار

مكان الشعار سيقول الكثير عن أهداف عملك. الشعار الذي يتم وضعه في نفس مستوى شريط تنقلك الأساسي سيناسب كثيراً الأ‘مال التي تركز أكثر على منتجاتها وخدماتها ولا تعطي الكثير من الأهمية للترويج لعلامتها التجارية. هذا الموقع مناسب بأفضل شكل للشركات التي تعمل في سوق الأعمال للأعمال*.    (*المترجم: الأعمال للأعمال أو Business-to-Busines، وتشير إلى العمليات التجارية التي تجري بين الأعمال المختلفة مثل المصنع وبائع الجملة، على عكس الأعمال الموجهة للشخص العادي.)

الشعار الموضوع في الوسط، سواءً فوق أو تحت شريط التنقل الأساسي، يناسب كثيراً الأعمال التي تركز على بناء هوية لعلامتها التجارية وهو شائعٌ أكثر شيء في أعمال البيع بالتجزئة.

سهولة الاستعمال وتجربة المستخدم بالمجمل

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

3. الميزات والتخصيص

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

تذكر أن تخصيص قالب موقع الويب يجب أن يحسن الموقع لا أن يتطلب إعادة تصميم شامل للقالب.

قوالب موقع الويب توفر أيضاً مدىً واسعاً من الميزات التي يمكن إما أن تكون موجهة لتخصصٍ ضيق جداً مثل تضمين نموذج حجز أو معرض صور وإلى الميزات العامة التي يمكن استعمالها في عدد كبير من التخصصات المهنية.

فكر بالميزات التي ستحتاجها من قالب موقع الويب وتخلص من الوقالب التي تحتوي على ميزات لا تحتاجها ولن تستعملها أبداً.

3. دعم الزبائن واعتبارات تتعلق بالميزانية

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

عدد كبير من قوالبنا يوفر دعماً لستة شهور والذي يتضمن:

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

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

أنواع القوالب

هنالك نوعان أساسيان من قوالب المواقع الإلكترونية التي يجب أن تفكر فيها لموقع الويب الخاص بعملك. النوعان هما القوالب الثابتة (أو قوالب HTML) وقوالب WordPress. لنلقي نظرةً أقرب على كلٍ منهما. لنلق نظرةً أقرب على كلٍ منهما.

1. القوالب الثابتة

القوالب الثابتة تشير إلى قوالب المواقع الإلكترونية التي تستعمل في الدرجة الأولى مزيجاً من HTML وCSS لكي تعرض تصميم ومحتوى موقعك الإلكتروني؛ وJavaScript لإضافة ميزات إضافية مثل معرض الشرائح أو التحقق من النماذج.

تمتلك القوالب الثابتة عدداً من المحاسن والمساوئ.

محاسن قوالب المواقع الثابتة

  • القليل من الصيانة أو لا صيانة أبداً - حالما قمت بإطلاق موقعك، فإنه ليس هنالك حاجة لتنصيب أي تحديثات أو لتنفيذ نسخ إحتياطية منتظمة. في معظم الحالات، النسخة الإحتياطية الأولية هي أكثر من كافية.
  • متطلبات منخفضة - طالما أن القوالب الثابتة لا تستعمل PHP أو قاعدة بيانات مثل MySQL، فإن بإمكانها العمل على خادمٍ أرخص مع القليل من الموارد الضرورية مما يقلل من تكاليف الإستضافة.

مساوئ قوالب المواقع الثابتة

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

الآن وبعد أن عرفت محاسن ومساوئ القوالب الثابتة، من الجدير أن نذكر متى يكون استعمال القالب الثابت خياراً حكيماً.

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

إليك قالباً ثابتاً شهيراً - Pillar، والذي يتضمن بانٍ للصفحات لكي يساعدك على تصميم عددٍ متنوع من مواقع HTML.

Pillar Website Template
قالب Pillar مع بانٍ للصفحات - متوفر على متجر Envato.

2. قوالب WordPress

WordPress هي نظام إدارة محتوى (بالإنجليزية Content Management System).

نظام إدارة المحتوى مثل WordPress يتم بناؤه باستخدام لغة برمجة مثل PHP مع استخدام MySQL كقاعدة بيانات، والتي تحتوي على كل بياناتك. يتم بعد ذلك عرض البيانات ديناميكياً على النهاية الأمامية لموقعك عن طريق HTML\CSS وJavascript.

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

وبعد ما قلناه، دعنا نطلع على حسنات ومساوئ استعمال WordPress.

محاسن استعمال WordPress

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

مساوئ استعمال WordPress

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

إليك أشهر ثيمات WordPress على متجر Envato (ثيم Avada)، بسبب تصميمه المرت وخياراته كاملة المواصفات:

Avada WordPress Template
Avada هو أفضل ثيمات WordPress مبيعاً على متجر Envato.

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

تعلم كيف تقوم بتنصيب ثيمة WordPress، بالبدء بمدونة عمل، وباكتشاف المزيد من ثيمات WordPress الرائعة الموجهة للأعمال:

اختر القالب الصحيح لموقعك الإلكتروني

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

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

تأكد من الإطلاع على العروض الكاملة لقوالب مواقع الويب على متجر Envato للحصول على المزيد من الخيارات الإحترافية.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.