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

الاستعانة بمبرمج أو شركة تصميم مواقع الكترونية أمر قد يكلفك آلاف الدولارات، في حين انه يمكنك القيام بـ تصميم موقع الكتروني احترافي بنفسك وبأقل تكلفة ومجهود، فتابع معنا السطور التالية

متطلبات إنشاء أو تصميم موقع إلكتروني

من أجل تصميم موقع الكتروني أو برمجة موقع ويب أو موقع الكتروني ، انت بحاجة إلى توفير 3 أشياء أساسية ولا غنى عنها.

دومين أو اسم النطاق للموقع الإلكترونى :

وهو عرض عنوان ال موقع ال إلكتروني أو المواقع مثل google.com الذي سيستخدمه الناس للدخول إلى ال موقع الالكتروني أو ال مواقع.
استضافة موقع الكتروني من ال مواقع :

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

مثل ووردبريس وهو البرنامج الذي ستستخدمه ل تصميم موقع الكتروني وادارته بشكل احترافي .

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

.اما الدومين فهو العنوان الذي سيستخدمه زوار الموقع للولوج اليه و التواجد فيه (أي لل موقع أو ال مواقع )مثل google.com او twitter.com.

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

طريقة تصميم المواقع الالكترونية

– خطوة 1: اختيار اسم الموقع (الدومين)

– الخطوة 2: حجز استضافة ودومين لل موقع وتثبيت الووردبريس

– خطوة 3: ضبط اعدادات ووردبريس

– الخطوة 4: تغير قالب الووردبريس (المظهر أو ال تصميم)

– خطوة 5: تنصيب الإضافات الضرورية

– الخطوة 6: إضافة محتوى الى ال موقع ال الكتروني أو المواقع الخاصة بك ب احترافية وبأسلوب احترافي

الخطوة 1 : اختيار اسم الموقع (الدومين)

لبناء أو إنشاء أو تصميم موقع الكتروني احترافي ومميز ..فأنت في حاجة إلى اسم نطاق (domain name).

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

مثلا عنوان موقع جوجل الالكتروني هو google.com وغيره من المواقع الخاصة باي شركة من الشركات . وعنوان موقع الفيس بوك الالكتروني على انترنت هو facebook.com.

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

حجز اسم نطاق ل تصميم موقع الكتروني خاص بك و من الممكن أن يكلفك بين 9 إلى 50 دولار في السنة (و لتحقيق هذا… سأريك شرح ذلك في الخطوة الثانية).

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

– حاول اختيار اسم قصير ل تصميم ال موقع بقدر الإمكان بحيث يسهل تذكره وحفظه من قبل زوار الموقع

– لا تستخدم الكثير من الأرقام وعلامة الشرطة “–” في اسم النطاق في موقعك الالكتروني

– حاول ان يكون تصميم ال موقع الخاص بك بامتداد .com لأنه الأكثر استخدام او .net و.org في حالة كنت تريد انشاء أو تصميم موقع إلكتروني احترافي لمنظمة أو شركة على الانترنت

الخطوة 2 : حجز استضافة ودومين للموقع وتثبيت الووردبريس

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

الخطوة 3: خطوة ضبط اعدادات ووردبريس

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

تحتاج للدخول و التوجه الى لوحة تحكم ووردبريس ال إلكتروني للدخول الى لوحة تحكم ال موقع ال إلكتروني الخاص بك

(وهو المكان الذي تقوم من خلاله بكل بادرة ال موقع ال الكتروني الخاص بك) كل ما عليك القيام به هو إضافة /wp-admin الى رابط الموقع

مثلا في حال كنت تمتلك موقع الكتروني بعنوان safwa-tech.com للدخول الى لوحة تحكم موقعك ال الكتروني تقوم بإضافة /login ليصبح الرابط ال الكتروني safwa tech.com/login
بعد تسجيل الدخول الى الموقع أو المواقع ال الكتروني الخاصة بك ( موقعك )ستجد لوحة تحكم مثل في الصورة في الأسفل

كيفية تصميم المواقع الالكترونية

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

الخطوة 4 : تغير قالب الووردبريس (المظهر أو التصميم)

بعد ان تقوم بتنصيب الووردبريس وضبط الاعدادات الرئيسية اول شيء يجب عليك القيام به هو تغير القالب الافتراضي للموقع ال الكتروني على الانترنت

لكن ماهي القوالب في الووردبريس؟

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

ببساطة فهي التي تتحكم في مظهر و شكل الموقع ال الكتروني الخاص بك مثل : الألوان والخطوط وتنسيق الصفحات والمقالات كما ان هناك بعض القوالب التي تأتي مع بعض المميزات

ابحث على أفضل قوالب الووردبريس ال الكتروني الاحترافية التي تدعم العربية
والتي تساعدك على اختيار تصميم الموقع الخاص بك

تغيير قالب الووردبريس الالكتروني بأسلوب احترافي

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

قم بالبحث عن قالب astra في خانة البحث وهو القالب الذي انصحك به وقم بتنصيبه ثم قم بتفعيله على ال تصميم الخاص بك لل موقع أو ال مواقع

اما في حالة انك تمتلك قالب بالفعل او قمت بشراء قالب ف يمكنك تنصيبه عن طريق الضغط على رفع القالب لإنشاء ه وتفعيله على ال تصميم.

الخطوة 5 : تنصيب الإضافات الضرورية

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

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

افضل الإضافات والتي انصحك بتنصيبها

– Elementor وهي خدمة تساعدك على تصميم موقع الكترونى بشكل احترافي فيكون الموقع جذاب وفي غاية التميز

– Contact Form 7 تمكنك من إضافة نموذج اتصل بنا الى موقعك ال الكتروني

– Yoast SEO بفضل هذا يمكنك تحسين ال موقع أو ال مواقع لمحركات البحث وبشكل احترافي

– WooCommerce تمكنك من إضافة متجر الكتروني الى ال موقع الالكتروني

– WP Super Cache تساعدك هذه الاضافة على تقوم بتسريع ال موقع ال الكترونى

لتنصيب إضافة جديدة في موقعك الالكتروني .

اذهب الى قسم الإضافات ثم اضغط على اضف جديد .

اكتب أحد الإضافات التي ترغب تنصيبها لموقعك أي ل تصميم ال موقع أو ال مواقع في خانة البحث بسهولة

ثم تستطيع أن تضغط على تنصيب الان انتظر قليلا حتى يتم تنصيب الإضافة ثم اضغط على تفعيل حتى يتم تفعيلها على ال تصميم

في حالة كنت تمتلك إضافة من الانترنت يمكنك رفعها من الضغط على اضف إضافة

الخطوة 6 : شمل ومحتوى صفحات الموقع

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

فمن المهم أن يكون لدينا تصور واضح عن تصميم الموقع الالكتروني مثل شكل الصفحات ومحتواها وغيرها من الأمور.

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

الأن بعد أن قمتم ب انشاء و تصميم وبرمجة ال مواقع ال الكتروني الخاصة بكم أو مدونتكم فأنتم ستحتاجوا إلى إضافة و امتلاك بعض المحتوى الي الموقع أو ال مواقع

نشر مقالات لبناء و تصميم وبرمجة المواقع الالكترونية

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

محرر الووردبريس هو المكان الذي ستكتب فيه المقالة وبعد ان تنتهي اضغط على نشر لنشر المقالة ( التي قمت ب تصميم ـها ).

و يعد محرر الووردبريس، والذي يسمى gutenberg سهل الاستخدام، وعند التعود عليه ستكتشف قوته. لكن في حالة كنت تريد و تعلم تغيره هنا إضافة تسمي Classic Editor يمكنك تنصيبها لتغير المحرر الى المحرر التقليدي.

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

ما هو الفرق بين الصفحات والمقالات؟

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

الخطوة أو ال مرحلة 7:

تصميم المواقع (موقعك ال الكتروني الخاص)

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

خطوات تعديل شعار ال موقع أو المواقع بأسلوب احترافي

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

أو يمكنك الذهاب الى قسم مظهر ثم اختيار خيارات astra والضغط على رفع قالب وبالتالي سيكون
جاهز لل انشاء

تصميم قائمة التصفح ب الموقع أو ال مواقع الخاصة بك

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

خطوات تعديل قائمة التصفح بال موقع باسلوب احترافي .

اذهب الى قسم مظهر ثم اختر قوائم من هذا القسم يمكنك تعديل, انشاء و تصميم او حذف القوائم
في موقعك ال الكتروني بكل احترافية.

بعد الدخول الى قسم قوائم فسوف تحتاج للقيام ب إنشاء و تصميم قائمة جديدة لل موقع كما
هو مبين في الصورة

بعد ان تقوم بإنشاء أو تصميم قائمة لل موقع أو لل مواقع قم بالتالي

حدد الصفحات التي تريدها أن تظهر في القائمة

اضغط على اضف للقائمة

قم بترتيب الصفحات ثم حدد مكان ضهورها (اختر القائمة الرئيسية)

ثم قم بحفض القائمة

افضل شركة تصميم مواقع في جدة

نقدم لك طريقة تصميم المواقع الالكترونية

تغير الصفحة الرئيسية

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

أولا قم ب انشاء أو تصميم صفحة عادية

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

ثانيا اذهب الى اعدادات ثم قراءة

في صفحة اعدادات القراءة اختر صفحة ثابتة بدل اخر المقالات.

وفي الصفحة الرئيسية قم باختيار الصفحة التي قمت بإنشائها أو قمت ب تصميم ـها

ولا تنسى ان تضغط على زر “حفظ التغييرات” التي قمت ب انشاء ها في تصميم موقعك

كيفية انشاء أو تصميم أفضل متجر إلكتروني على الإنترنت وبشكل احترافي و مجاني

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

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

في حال كنت مهتم بـ طريقة تصميم المواقع الالكترونية اكثر يمكنك مراجعة مقال كيفية انشاء أو
تصميم متجر الكتروني تجاري على الانترنت بشكل احترافي حيث شرحت الامر بالتفصيل و أكبر قدر
ممكن من المعلومات.

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

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