Divi: كيفية تعويم مشاركات المدونة

هل ترغب في نشر مشاركات المدونة في Divi؟

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

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

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

دعونا نذهب.

مسح

فيما يلي نظرة عامة مختصرة على النتيجة التي سنحصل عليها في نهاية هذا البرنامج التعليمي.

ما تحتاجه للبدء

قبل البدء في إنشاء هذا التصميم في Divi ، ستحتاج إلى القيام بما يلي:

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

حدد الخيار "اختر التخطيط".

ابحث عن التخطيط وحددهblogger للصفحة المقصودة'.

انقر فوق الزر "اختر التخطيط"لتحميلها على الصفحة."

بعد ذلك ، سيكون لديك التخطيط المعد مسبقًا جاهزًا للاستخدام في هذا البرنامج التعليمي.

كيفية إنشاء بطاقات منشورات مدونة عائمة باستخدام وحدة مدونة Divi

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

قم بإنشاء قسم جديد في الجزء السفلي من التخطيط.

ثم أضف صفًا جديدًا من عمود واحد إلى القسم.

أضف وحدة مدونة وعنوانًا للصف / العمود

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

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

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

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

بعد ذلك، عدّل نص العنوان لوصف نوع منشورات المدونة التي ترغب في عرضها. في هذا المثال، سنستخدم ببساطة "إلى الرئيسية".

تخصيص الخط بموضع ثابت وعرض مخصص

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

لجعل المقالات تطفو، نحتاج إلى تحديد موضع ثابت للصف. ضمن علامة التبويب "خيارات متقدمة"، قم بتحديث ما يلي:

المركز: ثابت
الموقع: أسفل اليمين
الإزاحة العمودية: 20 بكسل
الإزاحة الأفقية: 20 بكسل
الفهرس Z: 12

وحدة مدونة محدثة مع الحد الأدنى من المحتوى ومربع الظل

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

انظر أيضا: كيفية إنشاء رأس عام باستخدام نموذج تسجيل الدخول في Divi

أولاً، نحتاج إلى تقليل حجم البطاقات (عمودياً) وإزالة بعض عناصر المحتوى.

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

ضمن علامة التبويب "النمط"، قم بتكوين مربع الظل كما يلي:

صندوق الظل: انظر لقطة الشاشة
مربع قوة طمس الظل: 28 بكسل
لون خط الترجمة: rgba (0,0,0,0.19،XNUMX،XNUMX،XNUMX)

مسح

إليكم نظرة عامة على النتائج التي توصلنا إليها حتى الآن.

اعرض صف المقالة عند تمرير المؤشر

أخيرًا ، يمكننا إضافة تأثير تمرير لطيف يشجع المستخدمين على التفاعل مع المقالات العائمة.

افتح إعدادات الخط وخيارات التحديث:

للمكتب

التحويل: 50٪

فيما يتعلق بحالة التحليق

التحويل: 0٪

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

إخفاء الصف على الهاتف المحمول

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

انظر أيضا: كيفية إضافة نموذج اتصال إلى عنوان عام في Divi

لإخفاء الخرائط على الهاتف المحمول، افتح إعدادات القسم وأوقف تشغيل رؤية القسم على الهاتف والجهاز اللوحي.

نتيجة نهائية

تحميل DIVI Now !!!

خاتمة

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

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

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

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

...