img
Jun 03.2021

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

Sorry, this entry is only available in Arabic.

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

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

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

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

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

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

  • استضافة موقع الكتروني من ال مواقع :

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

  • نظام إدارة محتوى :

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

 

ل طريقة تصميم المواقع الالكترونية ، سوف تحتاج إلى حجز استضافة مع دومين (ستحصل على الدومين مجانا).
ببساطة، فأن استضافة دومين لل موقع مثل قطعة الارض، بدونها لن تستطيع إنشاء أو بناء منزل ..فالمنزل مثل أي موقع من الـ مواقع .اما الدومين فهو العنوان الذي سيستخدمه زوار ال موقع أو ال مواقع للولوج اليه و التواجد فيه (أي لل موقع أو ال مواقع )مثل google.com او twitter.com.
يمكنني أن اقول لك ان بمجرد الحصول على الدومين والاستضافة، يمكنك تصميم أو إنشاء أفضل موقع إلكتروني (ويب) أو أي مواقع عن طريق ووردبريس المجانية بسهولة وبأسلوب احترافي..و لتصميم أي موقع على WordPress وهو يكون  مجاني … حيث أنه مجاني 100%.
جاهز؟ هيا بنا ننطلق – نقدم لك

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

  • خطوة 1: اختيار اسم لـ تصميم ال موقع أو ال مواقع بشكل عام (الدومين) أي اسم ال تصميم
  • الخطوة 2: حجز استضافة ودومين لل موقع وتثبيت الووردبريس
  • خطوة 3: ضبط اعدادات ووردبريس
  • الخطوة 4: تغير قالب الووردبريس (المظهر أو ال تصميم)
  • خطوة 5: تنصيب الإضافات الضرورية
  • الخطوة 6: إضافة محتوى الى ال موقع ال الكتروني أو المواقع الخاصة بك ب احترافية وبأسلوب احترافي
ل انشاء أو تصميم أو برمجة موقع إلكترونى لل شركة الخاصة بك ب احترافية وبأسلوب احترافي ، أنت بحاجة الى جميع الأشياء التالية
أنت بحاجة الى 3 خطوات وعناصر أساسية : هما :
تعتبر الخطوة الأولى من ال خطوات هي:

اختيار اسم ال موقع (الدومين)

لبناء أو إنشاء أو تصميم موقع الكتروني بشكل احترافي ومميز ..فأنت في حاجة إلى اسم نطاق (domain name).
نقدم لك اسم النطاق وهو عنوان ال موقع ال الكتروني الذي ستقوم بإنشائه أو تصميم ـه بأسلوب احترافي وهو العنوان الذي سيستخدمه جميع مستخدمو الانترنت للدخول و التواجد في الموقع الالكتروني أو ال مواقع الخاصة بك (ويب).
مثلا عنوان موقع جوجل الالكتروني هو google.com وغيره من المواقع الخاصة باي شركة من الشركات . وعنوان موقع الفيس بوك الالكتروني على انترنت هو facebook.com.
كل المواقع على الانترنت لها عنوان خاص بها . لذلك حتى تقوم ب انشاء أو تصميم مواقع على الإنترنت سوف تحتاج أن تقوم ب إنشاء و حجز اسم نطاق لل موقع أو ال مواقع …. هو كما قلنا بمثابة عنوان المواقع الالكترونية وباسلوب احترافي
حجز اسم نطاق ل تصميم ال موقع الخاص بك أو لل مواقع على ال انترنت من الممكن أن يكلفك بين 9 إلى 50 دولار في السنة (و لتحقيق هذا… سأريك شرح ذلك في الخطوة الثانية).
إذا لم تقم باختيار اسم نطاق ل تصميم ال موقع ال إلكتروني أو المواقع الخاصة بك على الانترنت بعدـ هذه بعض النصائح التي من الممكن أنها سوف تساعدك في اختيار اسم نطاق ل تصميم الموقع ال إلكتروني بشكل احترافي.
حاول اختيار اسم قصير ل تصميم ال موقع بقدر الإمكان بحيث يسهل تذكره وحفظه
لا تستخدم الكثير من الأرقام وعلامة الشرطة “–” في اسم النطاق ب ال موقع ال الكتروني ( ال موقع على الإنترنت)
حاول ان يكون تصميم ال موقع الخاص بك بامتداد .com لأنه الأكثر استخدام او .net و.org في حالة كنت تريد انشاء أو تصميم موقع إلكتروني بطريقة احترافية لمنظمة أو شركة على الانترنت
لا تقم بتسجيل اسم نطاق الآن للموقع. لأنني في الخطوة الثانية سأريك كيف تسجل اسم نطاق لل تصميم الخاص بك مجانا لأول سنة بأسلوب احترافي .
الخطوة 2 هى

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

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

هى خدمة أو خطوة ضبط اعدادات ووردبريس

 وبعد ان قمت ب إنشاء و تصميم موقع إلكتروني (ويب) بنجاح و بكل احترافية، يجب ان تتعلم ضبط اعدادات ال موقع أو ال مواقع بالتفصيل، الامر يكون بسيط جدا و احترافي فقط تابع ال شرح.
 تحتاج للدخول و التوجه الى لوحة تحكم ووردبريس ال إلكتروني
للدخول الى لوحة تحكم ال موقع ال إلكتروني الخاص بك (وهو المكان الذي تقوم من خلاله بكل بادرة ال موقع ال الكتروني الخاص بك) كل ما عليك القيام به هو إضافة /wp-admin الى رباط ال موقع أو ال مواقع
مثلا في حال كنت تمتلك موقع الكتروني بعنوان safwa-tech.com للدخول الى لوحة تحكم موقعك ال الكتروني تقوم بإضافة /login ليصبح الرابط ال الكتروني safwa-tech.com/login
الخطوة 7: تصميم ال موقع ال الكتروني (موقع ويب) بشكل احترافي
بعد تسجيل الدخول الى الموقع أو المواقع ال الكتروني الخاصة بك ( موقعك )ستجد لوحة تحكم مثل في الصورة في الأسفل

خطوات تغير خدمة لغة الموقع أو المواقع

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

تغير قالب الووردبريس (المظهر أو ال تصميم)

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

تنصيب الإضافات الضرورية

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

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

Elementor وهي خدمة تساعدك على تصميم أو إنشاء وبرمجة ال موقع ال الكترونى (ويب)…فيكون الموقع جذاب وفي غاية التميز
Contact Form 7 تمكنك من إضافة نموذج اتصل بنا الى موقعك ال الكتروني
Yoast SEO بفضل هذا يمكنك تحسين ال موقع أو ال مواقع لمحركات البحث وبشكل احترافي
WooCommerce تمكنك من إضافة متجر الكتروني الى ال موقع  الالكتروني
WP Super Cache بفضل هذا تقوم بتسريع ال موقع ال الكترونى
لتنصيب إضافة جديدة ل تصميم الموقع و أقوى .
 اذهب الى قسم الإضافات ثم اضغط على اضف جديد وستظهر لك صفحة مثل الصورة في الأعلى.
اكتب أحد الإضافات التي ترغب تنصيبها لموقعك أي ل تصميم ال موقع أو ال مواقع في خانة البحث بسهولة
ثم تستطيع أن تضغط على تنصيب الان انتظر قليلا حتى يتم تنصيب الإضافة ثم اضغط على تفعيل حتى يتم تفعيلها على ال تصميم
في حالة كنت تمتلك إضافة من الانترنت يمكنك رفعها من الضغط على اضف إضافة
تصميم موقع الكتروني
الخطوة 6 من ال خطوات:

إضافة افضل محتوى

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

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

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

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

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

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

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

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

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

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

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

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

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

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

مجتمع صفوه التقني

جدة_البغدادية الشرقية_شارع المدارس

ذات صله

(العربية) انواع المواقع
Jun 19.2021

Sorry, this entry is only available in Arabic.انواع المواقع الالكترونية اولا هل تعرف انواع المواقع الالكترونية websites؟ الكثير من الـ

(العربية) موقع حراج
Jun 01.2021

Sorry, this entry is only available in Arabic.كيف تساعدك شركة مجتمع صفوة التقني في تصميم و برمجة موقع مثل موقع