كيفية تصميم موقع الكتروني في 3 خطوات
سواء ما إذا كنت تريد تصميم موقع لعملك وتجارتك أو تصميم موقع شخصي، فإننا في هذا المقال سوف نشرح لك بالتفصيل طريقة تصميم موقع الكتروني في 3 خطوات رئيسية فقط. وفي حين أنه يظن الكثيرون أن تصميم موقع إلكتروني هو أمر صعب ويحتاج إلى خبرة المحترفين، لكننا نؤكد لك أن الأمر سهل للغاية حتى أنه يتلخص في 3 خطوات فقط ولن يحتاج الأمر منك إلى الكثير من الوقت أو المجهود.
الخطوة الأولى: اختيار المنصة المناسبة عند تصميم موقع الكتروني
في البداية، يجب أن تختار المنصة المناسبة التي سوف تبني بها موقعك وتقوم من خلالها بـ تصميم موقع الكتروني. ويعتبر الووردبريس هو أشهر وأقوى منصة يمكنك بناء موقعك من خلالها، ولكن ما الذي يميزه عن غيره من المنصات التي تقوم بـ تصميم موقع الكتروني؟ سوف نشرح لك ذلك في السطور التالية:
الووردبريس برنامج مجاني بالكامل ويمكنك تحميله بسهولة.
يتميز بأنه سهل الاستخدام ويمكنك تخصيصه بسهولة ليناسب استخدامك ويناسب حجم تجارتك.
يناسب الاستخدام على كافة الأجهزة سواء الموبايل أو الجهاز اللوحي أو الكمبيوتر.
بدائل الووردبريس
ولكن هذا الكلام لا يعني أن تصميم موقع الكتروني يقتصر فقط على منصة الووردبريس ولكن هناك الكثير من البرامج الأخرى المتاحة، ومنها:
دروبال (Drupal).
سكوير سبيس (Squarespace).
جملة (Joomla).
الخطوة الثانية: العثور على اسم قطاع ومستضيف لموقعك
يوجد أمران أساسيان تحتاج إليهم حتى تتمكن من وضع وتصميم موقع الكتروني على شبكة الإنترنت، وهما:
اسم القطاع وهو الـ (Domain Name) ويأتي بالصيغة التالية:
www.yourname.com
استضافة الموقع (Host) وهي الخدمة التي تربط موقعك بشبكة الإنترنت.
يعتبر اسم الدومين مجاني وبالتالي يمكنك الحصول عليه بسهولة ولكن الاستضافة أو الهوست هي خدمة مدفوعة يمكنك الحصول عليها مقابل مبلغ من المال يدفع شهريًا وغالبًا ما يكون هذا المبلغ بسيط وتختلف التكلفة من شركة إلى أخرى.
ومن النقاط الأساسية أيضًا أن تحصل على اسم قطاع خاص بك عند تصميم موقع الكتروني بدلًا من الحصول على أسماء القطاعات المجانية التي يظهر فيها اسم مزودها بالعنوان الإلكتروني.
بعد الحصول على اسم القطاع سوف يصبح بإمكانك الحصول على بريد الكتروني مهني يتضمن اسم شركتك، ويكون بالصيغة التالية:
Yourname@YourWebsite.com
نصائح حول اختيار عنوان مناسب للموقع الإلكتروني
أولًا، اختر اسم احترافي يحمل اسم شركتك أو علامتك التجارية عند تصميم موقع الكتروني.
أما إذا كان الموقع خاص بك أي أنه شخصي، فاحرص على اختيار اسم يعبر عنك تمامًا.
غالبًا ما تنتهي عناوين المواقع الإلكترونية بـ (.com) أو (.org) أو (.net) ونرشح لك استخدام أحد هذه النهايات وعدم استخدام غيرها لأنها معروفة وأكثر شهرة.
الخطوة الثالثة: إعداد والبدء في تصميم موقع الكتروني
أولًا: تثبيت الووردبريس قبل تصميم موقع الكتروني
وهو أمر سهل يمكنك إنجازه بسرعة عند تصميم موقع الكتروني، ويتلخص في الخطوات التالية:
زيارة موقع الاستضافة الذي ترغب به.
اختيار نظام الدفع المناسب لك ولا ضرر إذا قمت باختيار الاشتراك الأقل تكلفة.
كتابة عنوان الموقع الالكتروني الذي اخترته لنفسك.
تعبئة جميع المعلومات المطلوبة وتحديد مدة الاستضافة المناسبة لك والتي تريدها.
استكمال عملية الدفع والتسجيل للحصول على حسابك في موقع الاستضافة.
بعد أن تنتهي من هذه الخطوات، قم بالضغط على خيار التحميل لتثبيت الووردبريس على جهازك والبدء في تصميم موقع الكتروني.
ثانيًا: اختيار التصميم المناسب
يوفر الووردبريس لمستخدميه 8000 قالب جاهز ومجاني يمكنك تطبيقه على موقعك بكل سهولة من خلال نقرة زر واحدة. ويوجد أيضًا تصاميم وقوالب مدفوعة يمكنك الحصول عليها عن طريق مواقع أخرى وتطبيقها على الوورد بريس بكل سهولة.
وبافتراض أنه لم يعجبك أي من القوالب المجانية على الووردبريس. فيمكنك اختيار أحد المواقع التالية المتخصصة في هذا الأمر. وأهم هذه المواقع:
ThemeForest.
CreativeMarket.
MOJO Marketplace.
Elegant Themes.
Themify.
StudioPress.
ثالثًا: إضافة المحتوى عند تصميم موقع الكتروني
يجب إضافة المحتوى قبل مرحلة تخصيصه عند تصميم موقع الكتروني. وعلى الرغم من أنه تختلف صفحات المواقع الإلكترونية باختلاف أهدافها وطبيعتها إلا أنه يوجد بعض الصفحات الأساسية التي يجب أن توجد في موقعك مهما اختلفت أهدافه. وهذه الصفحات هي:
الصفحة الرئيسية (Homepage).
صفحة حول (About Page).
صفحة معلومات التواصل (Contact Page).
رابعًا: ترتيب وتنظيم موقعك الإلكتروني
وفي الخطوة التالية يجب تنظيم وترتيب موقعك عند تصميم موقع الكتروني بطريقة مناسبة حتى يلائم زوارك وحتى يمكنهم من التنقل فيه وتصفحه بسهولة. وبدوره، يجب عمل قائمة تصفح (Navigation Menu) تقوم بتوضيح الصفحات المتاحة في الموقع.
أضف هذه القوائم من خلال الضغط على (Appearance) ثم على (Menus).
بعدها قم بتسمية القائمة الجديدة التي قمت بإضافتها ثم إضغط على زر (Create Menu).
ثم قم بتحديد الصفحات التي سوف يتم تصنيفها تحت هذه القائمة الجديدة من خلال الصندوق الموجود على اليسار. وقم باختيار الصفحة التي تريد أن تضيفها إلى القائمة وبعدها قم بالضغط على زر (Add to Menu).
وهنا أصبح بإمكانك ترتيب العناصر في القائمة، وإضافة عناصر فرعية وتحويل بعض من العناصر الموجودة إلى عناصر فرعية عن طريق سحبها وإعادة ترتيبها.
وفي النهاية، إضغط على زر الحفظ حتى تنتهي هذه الخطوة وننجح في تصميم موقع الكتروني.
خامسًا: خيارات التخصيص والتنسيق الإضافية
حتى يظهر لك خيارات التنسيق الإضافية عند تصميم موقع الكتروني، قم بالضغط على (Appearance) ثم إضغط على (Customize) ومن بعدها سوف تظهر لك العديد من الخيارات لتعديل أجزاء أخرى من الموقع ومنها: اللون، القوائم، شكل الخط والعناوين الرئيسية.
وعلى غرار التنسيق الخارجي لشكل الموقع، فإنه يوجد العديد من الإضافات (Plugins) التي يمكنك أيضًا استخدامها والإستفادة منها. يوجد بالووردبريس أكثر من 60 ألف إضافة تتيح لك الفرصة لإضافة وظائف جديدة.
وحتى تتمكن من الوصول إلى هذه الإضافات يمكنك الضغط على كلمة Plugins الموجودة في صفحة الوورد بريس الرئيسية وبعدها الضغط على كلمة New. وبعدها، ستنسدل أمامك قائمة بأشهر الملحقات وأكثرها استخدامًا. ولتثبيت أحد الملحقات عند تصميم موقع الكتروني، اضغط على زر Install.
وفي السطور التالية سوف نشرح لك أهم وأشهر الإضافات على الووردبريس، وهي:
Yoast SEO: تساعدك هذه الإضافة على تحسين المحتوى ليتوافق مع قواعد الـ SEO.
Jetpack: تعمل هذه الإضافة بشكل أساسي على زيادة سرعة الموقع كما أنها تحسن من أشكال المحتوى وعملية البحث على الموقع.
Smuch: تعمل هذه الإضافة على ضغط الصور المرفوعة على الوورد بريس وهذا يساهم في توفير مساحة أكبر وزيادة سرعة تحميل صفحات الموقع.
WooCommerce: تسهل هذه الإضافة عملية إنشاء المتجر وإدارته وهو من أهم الإضافات وأكثرها شيوعًا.
MoonterInsights: تساعد هذه الإضافة في ربط تحليلات Google وإضافتها إلى لوحة التحكم في الووردبريس.
سادسًا: إضافة مدونة
لا تعتبر المدونة من العناصر الأساسية عند تصميم موقعك، ولكن على الرغم من ذلك، فإن إضافتها غالبًا ما يعود بفائدة على موقعك الإلكتروني. وهذا لأنها دائمًا ما تتيح الفرصة لك لإنشاء محتوى متجدد عند تصميم موقع الكتروني بشكل منتظم.
يعتبر أمر إنشاء مدونة على موقعك سهل للغاية، حيث أنه يتطلب فقط الخطوات التالية:
إنشاء صفحة ويب جديدة من Pages ثم الضغط على خيار Add New.
تسمية هذه الصفحة باسم Blog.
اضغط على زر النشر Publish.
قم بتحديد هذه الصفحة لتقوم بعرض المقالات التي تنشرها من خلال الضغط على زر Appearance ثم Customize.
بعدها قم بالنقر على زر Homepage Settings.
ثم قم بتحديد الصفحة التي تريد أن تكون المدونة من خلال اختيار صفحة Blog الموجودة في خانة Posts Page.
وبهذه الخطوات سوف تجد أن جميع المقالات التي تضيفها سوف تظهر في الصفحة التي قمت باختيارها.
سابعًا: اجعل موقعك آمنًا
تعتبر هذه الخطوة هي واحدة من الخطوات الأساسية التي يجب أن تحرص على تطبيقها عند قيامك بـ تصميم موقع الكتروني. ويمكنك تنفيذها وجعل موقعك آمنًا عن طريق إضافة رمز SSL وهو اختصار لـ Secure Socket Layer ويعرف بالعربية باسم بروتوكول طبقة المقابس الآمنة.
تكمن أهمية حماية الموقع في أنها تضمن حفظ جميع البيانات المرسلة إلى موقعك الإلكتروني من الزوار وأنها ستبقى آمنة ضد خطر الاختراق. وبالإضافة إلى ذلك فإن الحماية تتسبب في زيادة موثوقية موقعك وهذا يساهم بدوره في زيادة ترتيبه في محركات البحث أيضًا.
والآن السؤال الهام وهو كيف أفعل بروتوكول الـ SSL؟ والإجابة هي من خلال منصة الاستضافة Bluehost، وذلك عن طريق الخطوات التالية:
قم أولًا بتسجيل الدخول إلى الحساب الخاص بك في Bluehost عند تصميم موقع الكتروني.
ثم اضغط على خيار My Sites واختر بعدها Manage Site.
بعدها انقر على زر الأمان في الصفحة التي سوف تظهر لك.
وبعد ذلك تأكد من أن خيار SSL Certificate: Let's Encrypt Status مفعل.
ثامنًا: الموقع جاهز للانطلاق
والآن، أصبح الموقع جاهز للانطلاق بعد الانتهاء من تصميم موقع الكتروني وتحقيق الهدف الذي تطمح إليه. ويمكنك تفعيله من خلال الضغط على أيقونة Coming Soon Active الموجودة في أعلى لوحة التحكم في الوورد بريس. ومن ثم أضغط على زر الإطلاق Launch Your Site.
وبعد هذه الخطوة سوف يصبح موقعك جاهزًا بشكل كامل للظهور للزوار. تصفح بين صفحات الموقع وتأكد من أنها تعمل بشكل جيد دون وجود أي مشكلات. ايضًا في مجال آخر
وفي النهاية، نتمنى أن تكون قد عرفت كيفية تصميم موقع الكتروني بطريقة سهلة وبسيطة دون الحاجة إلى أن تكون على دراية كاملة بأمور البرمجة وتفاصيلها. بالإضافة إلى ذلك، نود أن نفيدك أيضًا في مجال آخر، وهو مجال التعليم والخدمات التعليمية. يقدم لك موقع دوافير كافة الخدمات التي تحتاجها بخصوص التعليم. تصفح الموقع واختر منه الخدمة التي تحتاجها لتحصل على أفضل الخدمات.
