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

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

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

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

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

 التي يتم تضمينها افتراضياً، وكذلك تلك التي يمكن إضافتها من خلال الإضافات والقوالب كما إنه نظام مجانــي، لذا يمكن لأي شخص تنزيله من

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

وعملائك، حيث يحتوي WordPress على العديد من القوالب والإضافات وأدوات التخصيص، بما في ذلك قابلية التخصيص العالية.

محتوى الموقع الالكتروني

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

المقالات


إنشاء موقع من الصفر

بداية نقوم بكتابة التصنيفات (خدمات الموقع الخاص بك) من:

  1. مقالات
  2. تصنيفات
  3. اضف تصنيفاً جديداً
كيفية تصميم الموقع الالكتروني
كيفية تصميم الموقع الالكتروني

 

إنشاء قائمة التنقل  (Navigation Menu)

  1. من لوحة التحكم، اذهب إلى مظهر < قوائم
  2. أنشئ قائمة جديدة وأضف الصفحات المطلوبة.
  3. ثم اضبط ترتيب القائمة واحفظ التغييرات.

التصميم التقليدي للموقع

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

الاضافتين بعنوان Classic Editor وأيضاً Advanced Editor Tools

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

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

ويعمل ووردبريس على تثبيت بعض القوالب في الموقع ويعين أحدها كقالب افتراضي للموقع. كما لا يؤثر القالب نفسه على المحتوى الذي تقوم 

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

 المحتوى الذي قمت بإضافته في موقعك.

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

  1. المظهر
  2. قوالب
  3. اختر القالب المناسب لك.
كيفية تصميم الموقع الالكتروني

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

لتفعيل تصميم الموقع الاحترافي بداية ابدأ بتفعيل قالب “ASTRA” 

من المظهر < قوالب من لوحة تحكم ووردبريس. ثم أيضاً قم بتفعيل

اضافات القوالب الاحترافية والادوات الاحترافية.

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

ثم قم باتباع الخطوات الاتية:

  1. اضافات
  2. اضف اضافة جديدة
  3. Elementor (ادوات التصميم الاحترافية)
  4. Starter (القوالب الاحترافية)
starter
elementor

تصميم الموقع بواسطة Elementor

ثم بمجرد تثبيت ملحق Elementor، اختر قالباً مناسباً من قوالب البداية،

وتجنب القوالب المميزة، وهي قوالب مدفوعة. ثم سيتم تحميل القالب 

بالصفحات المناسبة لتصميمك، ثم قم بتعديل أسماء الصفحات لتناسب

مجال عملك. كما يحتوي موقع الخدمة على الصفحات الأساسية:

  1. الصفحة الرئيسية
  2. الخدمات
  3. من نحن
  4. اتصل بنا
  5. المدونة
  6. سياسة الخصوصية

تصميم الصفحات في Elementor: افتح الصفحة التي تريد تصميمها

وانقر على ”تحرير بواسطة Elementor“. ثم يجب استخدام واجهة السحب

والإفلات في Elementor لإضافة أقسام، وصور، ونصوص، وأزرار، وما

إلى ذلك. ويمكن إضافة تصاميم من خلال المكون Starter Templates.

الموقع الالكتروني

ثم حدد صفحة القالب المراد تحريرها، أو حدِّد قسمًا فقط من Pages

أو Blocks.

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

ثم عمل Import Block  أو Import Template.

طريقة انشاء مدونة المقالات

للتحكم في عرض المقالات في اي صفحة داخل الموقع من خلال

The Post Grid. كما يمكن اختيار الشكل والتحكم في إعداداته

وشكله وتنسيقه من خلال:

موقع
موقع

ثم نشر لحفظ التصميم  بعد أي تعديل للحفاظ علي التصميم الخارجي .

محتوى الصفحات

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

مقدمة الشركة، والشعار، والنظرة العامة، وأبرز معالم الخدمة، وقسم الملف الشخصي للشركة، وصفحة الاتصال.

صفحة ”من نحن“:

تحتوي على نبذة عن الشركة، وأهم الأسئلة، وتاريخ الشركة، وبيان مهمة الشركة، ومعلومات عن فريق العمل.

صفحة الخدمات:

تحتوي على وصف للخدمات وعرض لجميع الخدمات وصور للخدمات.

صفحة المشاريع:

تحتوي على الأعمال السابقة.

صفحة المدونة:

تحتوي على جميع المنشورات.

صفحة الاتصال:

تحتوي على خريطة ووسائل التواصل الاجتماعي وتفاصيل الاتصال ونموذج.

صفحة سياسة الخصوصية:

تصف خصوصية العميل على الموقع.

للتواصل والاستفسار

 روابط جميع المحاضرات “All Lectures Links”:

1. المحاضرة الأولى

2. المحاضرة الثانية

3. المحاضرة الثالثة

4. المحاضرة الرابعة

5. المحاضرة الخامسة

6. المحاضرة السادسة

7. المحاضرة السابعة

8. المحاضرة الثامنة

0/5 (0 Reviews)

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Call Us Now
WhatsApp
شريط إخباري متحرك