تسليط الضوء على منتج Divi: DiviCity

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

هيا بنا نبدأ!

تثبيت DiviCity

يأتي DiviCity كملف ZIP يحتوي على ملفات Divi Visual Builder .json. لتثبيت التخطيط ، ابدأ بفك ضغط الملف. بعد ذلك ، افتح صفحتك في Divi Builder.

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

ديفي سيتي

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

قسم رأس DiviCity

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

DiviCity عن القسم

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

قسم مدونة DiviCity

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

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

الآن يجب أن تبدو وحدات المدونة على صفحة DiviCity مثل التخطيط أعلاه.

قسم أرقام ديفي سيتي

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

قسم ما يجب القيام به DiviCity

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

DiviCity قسم أين تفعل ذلك

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

DiviCity قم بزيارتنا قسم

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

قسم الاتصال DiviCity

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

تخطيط DiviCity للجوال

DiviCity هو جهاز لوحي ومتوافق تمامًا مع الهاتف المحمول. دعنا نلقي نظرة على إصدار الجوال لبضعة أقسام.

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

هذا جزء من قسم الهاتف المحمول مع الصور مفصولة ببعض الأقسام مع النص.

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

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

شراء DiviCity

DiviCity متاح في سوق Divi. يكلف 19 دولارًا للاستخدام غير المحدود للموقع والتحديثات مدى الحياة. يشمل السعر أيضًا ضمان استرداد الأموال لمدة 30 يومًا.

افكار اخيرة

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

كنا نحب أن نسمع منك! هل جربت DiviCity؟ أخبرنا برأيك في التعليقات!