كيفية إنشاء تنويعات العناصر في Divi Cloud

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

أفضل الممارسات لتنويعات العناصر

عند إنشاء أشكال مختلفة للعنصر ، من المهم أن تعرف بسهولة أن العنصر عبارة عن تباين وما هو تباين وما هو مختلف عن العنصر الأصلي. يمكن القيام بذلك باستخدام الأسماء والفئات والعلامات. ستقوم Divi تلقائيًا بإنشاء اللقطة لك ، لذا ستتمكن من رؤية التخطيط بصريًا كصورة مصغرة وصورة أكبر في عرض تفاصيل التخطيط.

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

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

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

قم بإنشاء تخطيط الرأس

سنبدأ بكيفية إضافة تخطيط رأس إلى Divi Cloud. يمكنك استخدام تخطيط مسبق الصنع أو إنشاء رأس الصفحة من البداية. أنا أستخدم Header & Footer المجاني لحزمة تخطيط الخدمات الكهربائية لديفي لأمثلة. سأتصل بهذا العنوان رأس الخدمات الكهربائية. سأحدد الرؤوس للفئة وأختار واحدة من علامتين.

قم بإنشاء الرأس في منشئ القوالب

أولاً ، قم بإنشاء الرأس في Divi Theme Builder. لمزيد من المعلومات حول استخدام Divi Theme Builder ، ابحث عن "مُنشئ السمات" في مدونة Elegant Themes. ستجد الكثير من المنشورات التي تنقلك عبر مختلف جوانب أداة إنشاء السمات. العملية بسيطة ، لكنني قسمتها إلى خطوات أصغر لإبقائها قابلة للإدارة.

1. أولاً ، قم بتمكين Visual Builder بالانتقال إلى "Divi"> "Theme Builder" في لوحة معلومات WordPress.
2. قم ببناء الرأس بإحدى الطرق الثلاث. حدد "إضافة رأس عام" ، أو إضافة "قالب جديد" ، أو اختر خيار "قابلية النقل" وقم بإنشاء أو استيراد تخطيط العنوان الخاص بك.
3. انقر فوق أيقونة تحرير للرأس الذي تريد إضافته إلى Divi Cloud.

احفظ الرأس في Divi Cloud

بعد ذلك ، قم بتحرير رأسك وحفظ التخطيط في Divi Cloud.

1. انقر فوق الرمز الأرجواني "حفظ في المكتبة" أسفل الصفحة.
2. أدخل اسم التخطيط ، وحدد حفظ في السحابة ، واختر الفئات والعلامات الخاصة بك.
3. انقر فوق "حفظ في المكتبة".
4. أغلق محرر Theme Builder.
5. حدد "حفظ التغييرات" في الزاوية العلوية اليسرى من "مُنشئ القوالب".

إنشاء تنوعات العنصر

بعد ذلك ، سننشئ نسختين مختلفتين من الرأس الأصلي. هناك عدة طرق لإنشاء أشكال مختلفة للعناصر لـ Divi Cloud. سننظر في بعض الخيارات المختلفة.

متغير تخطيط الرأس واحد

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

قم بتكرار قالب الرأس

أولاً ، قم بتكرار العنوان وقم بتعيينه إلى موقع.

1. قم بتمكين Visual Builder بالانتقال إلى "Divi"> "Theme Builder" في لوحة معلومات WordPress.
2. حدد رمز تكرار أعلى القالب العام.
3. اختر المواقع التي تريد تعيين هذا القالب فيها في النافذة المنبثقة وانقر فوق "حفظ" في الجزء السفلي.

احفظ التباين في Divi Cloud

بعد ذلك ، قم بتحرير الرأس وحفظه في Divi Cloud.

1. انقر فوق أيقونة تحرير للرأس الذي تريد إضافته إلى Divi Cloud.
2. انقر فوق الرمز الأرجواني "حفظ في المكتبة" أسفل الصفحة.
3. أدخل اسم التخطيط ، وحدد حفظ في السحابة ، واختر الفئات والعلامات الخاصة بك. اختر الأسماء والفئات والعلامات التي توضح أنها تنوع في تخطيط آخر.
4. انقر فوق "حفظ في المكتبة".
5. أغلق محرر Theme Builder.
6. حدد "حفظ التغييرات" في الزاوية العلوية اليسرى من "مُنشئ القوالب".

متغير تخطيط الرأس الثاني

بالنسبة إلى الشكل الثاني ، سنقوم بتكرار العنوان وتحريره داخل Divi Cloud. لهذا ، سنخرج من Divi Theme Builder ونستخدم Visual Builder في أي صفحة أو منشور Divi.

قم بتكرار تخطيط الرأس

أولاً ، ستحتاج إلى تحميل التخطيط في محرر Divi Cloud.

1. أولاً ، قم بتمكين Visual Builder بالانتقال إلى أي صفحة في الواجهة الأمامية لموقع Divi الخاص بك والنقر فوق "تمكين Visual Builder" في شريط الأدوات الخاص بك في الجزء العلوي من الشاشة.
2. انقر فوق أيقونة زائد الأرجواني على شريط أدوات Divi في أسفل الصفحة لفتح مكتبة Divi.
3. انقر فوق علامة التبويب في الجزء العلوي بعنوان "التخطيطات المحفوظة الخاصة بك".
4. بعد ذلك ، اعرض عناصر Divi Cloud الخاصة بك. انقر فوق مربع الاختيار المسمى "My Divi Cloud" ضمن "المواقع" في الشريط الجانبي الأيسر.
5. حدد موقع التخطيط الذي تريد تكراره من خلال البحث أو الفرز أو تصفية عناصر Divi Cloud. ابحث عن طريق الكلمات الأساسية أو المفضلة ، وحدد الفئات و / أو العلامات لتصفيتها ، أو قم بفرزها بناءً على الوقت أو الاسم أو المفضلة.
6. انقر بزر الماوس الأيمن فوق التخطيط الذي تريد تكراره.
7. حدد "تكرار" في القائمة المنبثقة.
8. بدلاً من ذلك ، يمكنك النقر بزر الماوس الأيمن فوق المعاينة في شاشة تفاصيل التخطيط لفتح عناصر القائمة والنقر فوق "تكرار" في القائمة المنبثقة.
9. سيتم فتح نموذج حيث يمكنك تحديد التفاصيل. أضف اسمًا جديدًا في حقل "اسم التخطيط". حدد الفئات التي تريدها لهذا التخطيط أو أضف فئات جديدة. حدد أو أضف علامات جديدة. أدخل اسم التخطيط ، وحدد "حفظ في السحابة" ، واختر الفئات والعلامات الخاصة بك. اختر الأسماء والفئات والعلامات التي توضح أنها تنوع في تخطيط آخر.
10. انقر فوق زر علامة الاختيار الخضراء عند الانتهاء. يتم حفظ التخطيط تلقائيًا في Divi Cloud ، لذلك لن تحتاج إلى حفظ الصفحة.

قم بتحرير التخطيط داخل السحابة

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

1. حدد موقع التخطيط الذي تريد تحريره من خلال البحث عن عناصر Divi Cloud أو فرزها أو ترشيحها. ابحث عن طريق الكلمات الأساسية أو المفضلة ، وحدد الفئات و / أو العلامات لتصفيتها ، أو قم بفرزها بناءً على الوقت أو الاسم أو المفضلة.
2. انقر بزر الماوس الأيمن فوق التخطيط الذي تريد تحريره.
3. حدد "تحرير مع Divi" في القائمة المنبثقة. سيتم فتح التصميم في علامة تبويب جديدة ، بدلاً من صفحة على موقع الويب الخاص بك ، مع تمكين Visual Builder.
4. بدلاً من ذلك ، يمكنك النقر بزر الماوس الأيمن فوق المعاينة في شاشة تفاصيل التخطيط لفتح عناصر القائمة والنقر فوق "تحرير باستخدام Divi" في القائمة المنبثقة.
5. ما عليك سوى تحرير التخطيط باستخدام Divi Builder كالمعتاد. قم بإضافة أو تخصيص أقسام أو صفوف أو أعمدة أو وحدات نمطية أو تعليمات برمجية ، إلخ.

حفظ تغييرات رأس الصفحة داخل السحابة

أخيرًا ، احفظ التغييرات. يتم حفظ التعديلات تلقائيًا في Divi Cloud.

1. انقر على "حفظ عنصر السحابة" في الركن الأيمن السفلي من التخطيط لحفظ التغييرات.
2. انتظر لحين حفظ التغييرات. يتم حفظ التغييرات في السحابة نفسها.
3. أغلق علامة التبويب عند الانتهاء من التحرير. هذه ليست صفحة على موقع الويب الخاص بك ، لذلك لن تحتاج إلى الخروج من Visual Builder.

خواطر ختامية

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

نريد أن نسمع منك. هل قمت بإنشاء أشكال مختلفة للعناصر داخل Divi Cloud؟ أخبرنا عن تجربتك في التعليقات.