تسليط الضوء على البرنامج المساعد Divi: الصفحة الرئيسية 25 حزمة تخطيط Divi

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

هيا بنا نبدأ!

تثبيت Homepage 25 Divi Layout Pack

الصفحة الرئيسية 25 حزمة Divi Layout تأتي كملف ZIP يحتوي على ملفات Divi Builder .json. لتثبيت تخطيطات شريط التمرير ، ابدأ بفك ضغط الملف. ثم افتح صفحتك في Divi Builder.

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

الصفحة الرئيسية 25 حزمة تخطيط Divi

دعنا نلقي نظرة على كل تخطيط من 25 تخطيطًا تحصل عليه مع Homepage 25 Divi Layout Pack.

تخطيط المهندس المعماري

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

تخطيط إصلاح السيارات

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

تخطيط صالون التجميل

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

تخطيط الأعمال 1

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

تخطيط الأعمال 2

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

تخطيط الأعمال 3

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

تخطيط الأعمال 4

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

تخطيط الأعمال 5

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

تخطيط الأعمال 6

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

تخطيط الأعمال 7

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

تخطيط الأعمال 8

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

تخطيط الأعمال 9

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

تخطيط الأعمال 10

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

تخطيط استوديو الرقص

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

تصميم متجر الأزياء

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

تخطيط اللياقة البدنية

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

تخطيط متجر الأثاث

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

تخطيط بستاني

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

تخطيط الطاقة الخضراء

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

تخطيط الصالة الرياضية

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

بارع تخطيط

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

مصمم داخلي تخطيط غامق

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

تصميم ضوء المصمم الداخلي

وهذه هي النسخة الخفيفة من تصميم المصمم الداخلي. التنسيق هو نفسه الإصدار الداكن تمامًا ، لكن لون الخلفية الأساسي فاتح.

تخطيط التصوير

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

تخطيط وكالة السفر

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

شراء الصفحة الرئيسية 25 حزمة تخطيط Divi

الصفحة الرئيسية 25 Divi Layout Pack متوفرة في Divi Marketplace. يكلف 19.99 دولارًا للاستخدام غير المحدود للموقع والتحديثات مدى الحياة. يشمل السعر أيضًا ضمان استرداد الأموال لمدة 30 يومًا.

افكار اخيرة

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

كنا نحب أن نسمع منك! هل جربت Homepage 25 Divi Layout Pack؟ أخبرنا برأيك في التعليقات!