هل ترغب في نشر مشاركات المدونة في Divi؟
سنعرض لك اليوم طريقة إبداعية لتقديم منشورات المدونة كبطاقات عائمة في Divi. كل مدونة أو موقع انترنت ينبغي أن تهدف إلى الحصول على ممتازة محتويات جذابة وربما بنفس القدر من الأهمية أو يمكن الوصول إليها.
إحدى الطرق للتأكد من أن محتويات يبقى في متناول المستخدمين هو جعله يطفو على الصفحة.
وبالنسبة للمدونين سنوضح لك كيفية تقديم المقالات من بلوق الخاص بك كبطاقات عائمة بحيث تظل مرئية أثناء تمرير الصفحة.
دعونا نذهب.
مسح
فيما يلي نظرة عامة مختصرة على النتيجة التي سنحصل عليها في نهاية هذا البرنامج التعليمي.
ما تحتاجه للبدء
قبل البدء في إنشاء هذا التصميم في Divi ، ستحتاج إلى القيام بما يلي:
- قم بإنشاء صفحة جديدة ، وأدخل اسمًا ذا صلة وانقر على "استخدام Divi Builder"
- حدد الخيار اختر التخطيط".
- ابحث عن التخطيط وحدده "blogger للصفحة المقصودة".
- انقر فوق الزر اختر التخطيط لتحميله على الصفحة.
بعد ذلك ، سيكون لديك التخطيط المعد مسبقًا جاهزًا للاستخدام في هذا البرنامج التعليمي.
كيفية إنشاء مدونة نشر بطاقات عائمة باستخدام وحدة مدونة Divi
الآن بعد أن تم تحميل التخطيط على الصفحة ، نحن جاهزون لإنشاء بطاقات عائمة لنشر المدونة الخاصة بنا.
اقرأ أيضا: كيفية إنشاء رأس عام مثبت في Divi
قم بإنشاء قسم جديد في الجزء السفلي من التخطيط.
ثم أضف صفًا جديدًا من عمود واحد إلى القسم.
أضف وحدة مدونة وعنوانًا للصف / العمود
بدلاً من إنشاء وحدة مدونة جديدة هنا ، قم بالتمرير لأعلى وابحث عن وحدة المدونة الحالية التي تعرض ثلاثة منشورات مدونة (توجد في القسم الثالث بالقرب من منتصف الصفحة). فتح " معلمات الوحدة الأخرى »واختر« نسخة وحدة".
ثم الصق الوحدة في الصف الجديد المكون من عمود واحد الذي أنشأناه في أسفل الصفحة عن طريق النقر بزر الماوس الأيمن فوق رمز علامة الجمع الرمادي وتحديد " وحدة اللصق".
بعد ذلك ، سنضيف عنوانًا فوق منشورات المدونة الخاصة بنا والذي سيطفو أيضًا فوق بطاقات المدونة. للقيام بذلك ، انسخ وحدة النص الموجودة مع نص العنوان الصغير " أسلوب الحياة".
ثم الصق الوحدة أعلى وحدة المدونة الجديدة التي أضفناها للتو.
بعد ذلك ، قم بتحرير نص العنوان لوصف نوع منشورات المدونة التي تريد تمييزها. في هذا المثال ، سنستخدم " إلى الرئيسية".
تخصيص الخط بموضع ثابت وعرض مخصص
نريد تقليل حجم منشورات المدونة العائمة حتى لا تشغل مساحة كبيرة على الصفحة عندما يكون لها موقع ثابت. سيكون مسليا. للقيام بذلك ، افتح إعدادات الخط وقم بتحديث ما يلي:
لجعل العناصر تطفو ، نحتاج إلى منح السطر موضعًا ثابتًا. ضمن علامة التبويب خيارات متقدمة ، قم بتحديث ما يلي:
- المركز: ثابت
- الموقع: أسفل اليمين
- الإزاحة العمودية: 20 بكسل
- الإزاحة الأفقية: 20 بكسل
- الفهرس Z: 12
وحدة مدونة محدثة مع الحد الأدنى من المحتوى ومربع الظل
بشكل عام ، تحتوي وحدة المدونة بالفعل على تخطيط شبكة من ثلاثة أعمدة ونمط رائع يأتي مع حزمة التخطيط التي اخترناها. لكن هناك بعض الأشياء التي يتعين علينا القيام بها.
انظر أيضا: كيفية إنشاء رأس عام باستخدام نموذج تسجيل الدخول في Divi
أولًا، نحتاج إلى تقليل حجم الخرائط (عموديًا) وإزالة بعض العناصر منها محتويات.
للقيام بذلك ، افتح إعدادات المدونة وقم بإخفاء جميع العناصر باستثناء الصورة المميزة. سيؤدي هذا إلى جعل المنشور يظهر فقط الصورة المميزة والعنوان.
ضمن علامة تبويب النمط ، قم بتكوين ظل الصندوق كما يلي:
- مربع الظل: انظر لقطة الشاشة
- مربع قوة طمس الظل: 28 بكسل
- لون خط الترجمة: rgba (0,0,0,0.19،XNUMX،XNUMX،XNUMX)
مسح
هنا معاينة للنتيجة التي لدينا حتى الآن.
اجعل سطر المقالات يظهر عند التمرير
أخيرًا ، يمكننا إضافة تأثير تمرير لطيف يشجع المستخدمين على التفاعل مع المقالات العائمة.
اقرأ أيضا: كيفية إنشاء صفحة المدونة باستخدام وحدة المدونة في Divi
افتح إعدادات الخط وخيارات التحديث:
للمكتب
- التحويل: 50٪
لحالة تحوم
- التحويل: 0٪
سيؤدي هذا مبدئيًا إلى إخراج الخط بالكامل خارج إطار عرض المتصفح بنسبة 50٪. بمجرد أن يحوم المستخدم فوق الخط ، فإنه يعود إلى العرض بالكامل.
إخفاء الصف على الهاتف المحمول
ما لم تكن ترغب في نشر منشور مدونة واحد ، فليس من المنطقي أن تطفو منشورات المدونة هذه على الهاتف المحمول. من المحتمل أن يستغرق مساحة كبيرة جدًا ويسبب مشاكل عند محاولة التمرير.
انظر أيضا: كيفية إضافة نموذج اتصال إلى عنوان عام في Divi
لإخفاء الخرائط على الهاتف المحمول ، افتح إعدادات القسم وأوقف تشغيل رؤية القسم على الهاتف والجهاز اللوحي.
نتيجة نهائية
تحميل DIVI Now !!!
وفي الختام
لذا ! لقد أوضحنا لك في هذا البرنامج التعليمي طريقة إبداعية ومبتكرة لتقديم منشورات المدونة التي تريد إبرازها.
إذا كانت لديك أية مخاوف أو اقتراحات ، فابحث عنا قسم التعليقات لمناقشته.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
