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

مدموج مع Elementor Pro ، تساعدك هذه السمات على البدء بسرعة مع كل جزء من موقع الويب الخاص بك ، بما في ذلك:

صالأعمار الثابتة ، مثل الصفحة الرئيسية ،

  • رأس
  • التذييل
  • صفحة 404
  • قسم الأرشيف 
  • المدونة
  • النوافذ المنبثقة وغيرها

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

ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ثم عد إلى سبب وجودنا هنا.

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

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

بتعبير أدق ، الموضوع وكالة رقمية.

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

  • الصفحة الرئيسية
  • نبذة عنا
  • خدمات
  • العملاء
  • المدونة
  • اتصل بنا

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

كيفية إنشاء عنصر موقع ويب كامل أو blogpascher 1

حتى هنا كيفية إنشاء موقع على شبكة الانترنت مع سمة Elementor:

1. قم بتثبيت وتنشيط سمة Elementor Hello 

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

بدلاً من ذلك ، ستحتاج فقط إلى موقع ويب خفيف الوزن ومحسّن للأداء ، والذي توفره سمة Elementor Hello.

لتبدأ ، انتقل إلى المظهر ← ثيمات ← إضافة والبحث " مرحبًا Elementor". ثم قم بتثبيت وتنشيط السمة. 

2. تكوين الصفحات الثابتة الأساسية لموقع الويب الخاص بك

ثم اذهب إلى القائمة الصفحات ← إضافة لإنشاء الصفحات الأساسية لموقع الويب الخاص بك.

أولاً ، قم بإنشاء صفحة تسمى " الصفحة الرئيسية وانقر على الزر تحرير مع إليمنتور لإطلاق Elementor.

انقر تعديلاة لفتح ملف إعدادات الصفحة وتغيير تخطيطها ليكون مساويًا لـ عنصر عرض كامل.

ثم افتح مكتبة قوالب Elementor وابحث عن "Digital Agency" ضمن الصفحات :

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

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

بعد ذلك ، أضف صفحة أخرى لاستخدامها مع " نبذة عنا".

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

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

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

لإنهاء إعداد صفحاتك الثابتة ، تحتاج إلى إخبار تثبيت WordPress الخاص بك باستخدام صفحة رئيسية ثابتة. لفعل هذا…

  • الذهاب إلى الإعدادات → التشغيل
  • اختار  صفحة ثابتة (اختر أدناه) ضمن إعدادات صفحتك الرئيسية 
  • حدد الصفحة التي تتضمن قالب الصفحة الرئيسية للنسق

3. قم بإنشاء الأجزاء الأخرى من موقع الويب الخاص بك

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

باستخدام Elementor ، يمكنك أيضًا تصميم أقسام مثل: eن رئيس. التذييل ، إلخ ...

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

للوصول إلى منشئ العنصر المرئي ، انتقل إلى قوالب → منشئ الموضوع. ستحتاج إلى تثبيت Elementor Pro لتتمكن من الوصول إليه.

حان الوقت الآن لإنشاء أقسامك

في الراس

للبدء ، انتقل إلى علامة التبويب رأس لواجهة Visual Builder ، ثم انقر فوق إضافة جديد. في الشاشة التالية ، سترى مجموعة مختارة من القوالب في مكتبة Elementor. مثلما فعلت مع الصفحات الثابتة ، ابحث عن "Digital Agency" ، ثم أدخل:

العنصر - إدراج قالب الرأس

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

إذا كنت تريد تغييره

  • الذهاب إلى  المظهر → القوائم في لوحة تحكم WordPress الخاصة بك
  • قم بإنشاء قائمة جديدة

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

اقرأ أيضا: 10 أدوات أتمتة لتسويق الأعمال الصغيرة

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

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

ثم اضغط حفظ وإغلاق

أسفل الصفحة

حان الوقت الآن لإنشاء تذييل موقع الويب الخاص بك:

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

الآن يجب أن ترى قائمة من قوالب التذييل كما فعلت مع رأس الصفحة. ابحث عن "وكالة رقمية" وأدخل قالب التذييل.

بمجرد إدراج قالب التذييل ، يجب أن تشاهد معاينة للتذييل الخاص بك:

ثم ينشر قالب التذييل الخاص بك واستخدم شروط العرض لعرضه على موقع الويب الخاص بك بالكامل.

صفحة المدونة

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

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

اكتشف كيفية إضافة جدول محتويات في WordPress باستخدام Elementor

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

للبدأ…

  • افتح واجهة Theme Builder
  • انتقل إلى علامة التبويب الأرشيف
  • انقر فوق إضافة جديد
  • أعطه اسمًا وانقر على إنشاء قالب

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

الآن يجب أن تشاهد التصميم الأساسي لصفحة مقالاتك.

وتجدر الإشارة إلى أنه إذا رأيت مقالة واحدة فقط فهذا أمر طبيعي ، لأن WordPress يأتي فقط مع مثال افتراضي وهو "Hello World! ".

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

اقرأ دليلنا على كيفية ترحيل موقع WordPress يدويًا

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

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

إنشاء صفحة قالب منشور المدونة

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

لحل هذه المشكلة ، تحتاج إلى إنشاء قالب "فريد" باستخدام Elementor:

  • افتح Elementor visual builder
  • اذهب إلى علامة التبويب غير متزوجة منشور
  • انقر إضافة جديد

في النافذة المنبثقة قالب جديد :

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

مرة أخرى ، سترى مكتبة قوالب Elementor. ابحث عن قالب المقالة الفريد لقالب "Digital Agency" وأدخله.

اقرأ أيضا وضع الصيانة على ووردبريس: الشرح والتكوين

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

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

  • الكاتب
  • تاريخ النشر
  • تعليقات
  • إلخ

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

  • حدد من ملف فئة
  • اختر الفئة الأخبار

ثم اضغط حفظ وإغلاق.

الآن يجب أن تحتوي جميع مشاركات المدونة الخاصة بك على تصميم يطابق بقية موقع الويب الخاص بك.

لإنهاء الأمور ، اذهب إلى المظهر → القوائم وأضف صفحة المدونة الخاصة بك إلى قائمة التنقل الخاصة بك. للقيام بذلك ، يمكنك إضافة ارتباط إلى فئة "الأخبار" في القسم التصنيفات.

الصفحة 404

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

اكتشف أيضا لدينا الإضافات 5 ورد لإدارة الأخطاء أفضل 404

لإنشاء صفحة 404 الخاصة بك ، استخدم Elementor visual builder لإضافة قالب فريد آخر.

  • افتح Elementor visual builder
  • اذهب إلى علامة التبويب خطأ 404
  • انقر إضافة جديد
  • أدخل قالب الوكالة الرقمية من صفحة 404
صفحة 404 - إنشاء موقع ويب كامل

بعد ذلك ، قم بنشر القالب الخاص بك لإكمال موقع الويب الخاص بك.

احصل على Elementor Pro الآن!

وفي الختام

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

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

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة

...