بناء صفحات المتجر الالكتروني

بناء صفحات الموقع الالكتروني

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

-ننتقل الان لقسم الصفحات: في هذا القسم قد تجد صفحات جاهزة تم انشائها عند تنصيب وورد بريس معا ووكوكرس وهي أساسية لمتجرنا ولكن اذا لم تجد هذه الصفحات في هذا القسم ماذا تفعل؟ سوف نشرح كيف تضيف هذه الصفحات خصوصا وكيف تضيف صفحة جديدة لموقعك عمومًأ.

.لإضافة صفحة: لوحة التحكم← الصفحات← أضف جديدًا← تفتح كتابة صفحة جديدة← تكتب عنوان الصفحة← تكتب محتوى الصفحة.

الصفحات الرئيسية بالمتجر الالكتروني

-نحتاج الى بناء عدد من الصفحات لموقعنا وسوف نضع لكل صفحة عنوان ونضيف كود لبعض الصفحات لجلب ما تطلبه في الصفحة وهي:

1-صفحة سلة المشتريات (cart): هذه الصفحة مسؤولة عن جلب المنتجات عند طلبها.

نضع عنوان الصفحة cart))← في المحتوى فقط نضع الرمز [woocommerce_cart]← نشر

2-صفحة إتمام الطلب (checkout): في هذه الصفحة يستعرض العميل كافة المشتريات التي طلبها.

عنوان الصفحة (checkout)← في المحتوى الرمز [woocommerce_ checkout]← نشر

3-صفحة لوحة حسابي (my account): وفيها يسجل العميل حساب له في الموقع.

عنوان الصفحة (my account)← في المحتوى الرمز [woocommerce_my_account]← نشر

4-صفحة المتجر (store): وهذه اهم صفحة حيث يتم فيها عرض منتجاتنا.

عنوان الصفحة (store)← في المحتوى الرمز [woocommerce_store]← نشر

6-صفحة سياسة الخصوصية (Privacy Policy): ونضع حاليا فقط عنوان للصفحة ونعود لاحقًا لكتابة سياسة الخصوصية للموقع، عنوان الصفحة (Privacy Policy).

7-صفحة الاحكام والشروط (Terms and Conditions): وكذلك نكتب فقط عنوان الصفحة لنعود لاحقًا لكتابة الاحكام والشروط، عنوان الصفحة (Terms and Conditions).

-وبالتالي هذه الصفحات التي تلزمنا حاليًا:

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

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

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

-بعد ان انتهينا من انشاء الصفحات المتعلقة بضبط اعدادت ووكومرس وقمنا بتفعيلها نكمل انشاء صفحات الموقع الرئيسية وذلك بنفس طريقة انشاء صفحة:

صفحات← اضف جديدًا← نكتب عنوان للصفحة← ثم المحتوى

1-الصفحة الرئيسية:

2-حولنا:

3-اتصل بنا:

4-سياسة ترجيع المنتجات:

صفحات تصنيف المنتجات

-نقوم بانشاء صفحات لتصنيفات المنتجات:

1-البدلات الرسمية الرجالية: نقوم بانشاء صفحة للبدلات الرسمية الرجالية:

عنوان الصفحة (suits)← المحتوى هو هذا الكود [products limit=”8″ columns=4″ category=”suits”]

هذا الكود يطلب من الموقع احضار تصنيفات البدلات الرجالية فقط واحضار فقط 8 منتجات وتظهر على شكل 4 أعمدة وطبعا تستطيع تغيير الأرقام كما تريد.

2-تصنيفات الأحذية: بنفس الطريقة تمامًا نعمل تصنيفات للأحذية:

3-تصنيفات القمصان: كذلك بنفس الطريقة:

4-تصنيفات الاحزمة: بنفس الطريقة:

5-تصنيفات ربطات العنق: كذلك

6-تصنيفات المنتجات الجديدة (المنتجات التي وصلت حديثًا للمتجر): كما في المرات السابقة:

–ملاحظة: تستطيع جمع اكثر من تصنيف معا بعضها فقط اكتب الاكواد تحت بعضها في المحتوى.

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

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

-الان ماذا نفعل بكل هذه الصفحات وكيف نرتبها وأين مكانها؟

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

-ننشأ القائمة الرئيسية:

لوحة التحكم← المظهر← قوائم← تفتح صفحة انشاء قائمة من اسم القائمة نكتب (القائمة الرئيسية)← من اعدادت القائمة نختار (main)← إنشاء قائمة← عند الضغط على إنشاء قائمة تفتح بنفس الصفحة عمود عناصر القائمة وفيها كل الصفحات التي لدينا← نختار الصفحات التي نريدها بالقائمة الرئيسية← انا سوف اختار (صفحات التصنيفات جميعها معا الصفحة الرئيسية وصفحة حسابي وصفحة إتمام الطلب وسلة المشتريات)← اضف للقائمة← نرتب عناصر القائمة بعد اضافتها بالسحب والافلات← اذا اردنا ظهور عناصر من القائمة كعناصر فرعية من عنصر رئيسي بالقائمة فقط عند سحب العنصر نضعه تحت العنصر الرئيسي الذي نريده ونزيحه الى اليسار قليلًا فترى مكتوب جنبه عنصر فرعي

نستطيع اختيار رمز لاحد عناصر القائمة لتعطي منظر اجمل مثلا عنصر حسابي← نضغط على السهم جنب الكلمة← تظهر عدة خيارات← عند كلمة icon نضغط على اختيار ونختار الايقونة المناسبة

-نعدل كما نريد بالقائمة فالخيار لك← حفظ القائمة

-الان يجب ان نحدد الصفحة الرئيسية للموقع التي تمثل الصفحة الرئيسية:

لوحة التحكم← الاعدادات← القراءة← تظهر صفحة اعدادات القراءة← نحدد الصفحة الرئيسية كصفحة ثابتة← من خيارات الصفحة الرئيسية نحدد صفحتنا الرئيسية التي جهزناها بقسم الصفحات← حفظ التغيرات

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

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

-الان بعد ان ضبطنا اعدادات المتجر الرئيسية نذهب الى تخصيص قالب الموقع بما يناسب ذوقنا.