مدونة
مدونتك هي صوت علامتك التجارية. يعد عنصر منشورات مدونة Master Addons محركًا كاملاً للتصميم والاستعلام للمحتوى الخاص بك. تجاوز الشبكات الأساسية. اختر بين تخطيطات الشبكة الأنيقة أو شاشات العرض الدائرية الديناميكية والتفاعلية. تصفية المشاركات حسب الفئة أو المؤلف أو العلامة. التحكم بالضبط في المعلومات الوصفية التي تظهر، وتصميم كل عنصر من العناصر بدءًا من تراكب الصور المصغرة وحتى أزرار ترقيم الصفحات، وإنشاء تجربة قراءة تجعل الزوار منخرطين. سواء كنت تقوم ببناء بوابة إخبارية أو مدونة محفظة أو مركز موارد، فإن هذا العنصر يمنحك القدرة على تقديم المحتوى الخاص بك بشكل استراتيجي وجميل.
تخطيطات مرنة وأوضاع العرض
ابدأ بتحديد كيفية ترتيب مشاركاتك. حدد تخطيط المدونة: تخطيط كلاسيكي للشبكة أو تخطيط بطاقات حديث مع اختلافات مثل تداخل المحتوى أو التعريف العلوي الأيسر أو بطاقة الشعار. ثم قرر نوع المدونة: تخطيط شبكة ثابت أو دائري تفاعلي. في حالة اختيار شبكة، قم بتعيين عدد الأعمدة (من 1 إلى 6) وتباعد الأعمدة. بالنسبة للدوامة، افتح مجموعة من عناصر التحكم السلسة في الرسوم المتحركة. يتيح لك هذا الاختيار الأساسي مطابقة التخطيط لغرض صفحتك، بالإضافة إلى شبكة كثيفة للأرشيفات، ودوامة أنيقة للمحتوى المميز.
- إعدادات مسبقة متعددة للتخطيط: اختر من بين البطاقات وتداخل المحتوى وبطاقة الشعار والتخطيطات ذات الأنماط الأخرى.
- Grid vs. Carousel: عرض المشاركات في شبكة ثابتة وسريعة الاستجابة أو دائري متحرك منزلق.
- التحكم في الأعمدة: اضبط العدد الدقيق للأعمدة لتخطيطات الشبكة واضبط الحضيض باستخدام تباعد الأعمدة.
الاستعلام عن المشاركات الذكية وتصفيتها
السيطرة الكاملة على المشاركات التي تظهر. تعيين العدد الإجمالي للمشاركات والمشاركات لكل صفحة. اختر الترتيب حسب (التاريخ والعنوان وما إلى ذلك) والطلب (تصاعدي/تنازلي). استخدم مرشحات قوية لتنظيم المحتوى: حدد فئات أو علامات أو مؤلفين محددين. استبعاد منشورات محددة أو تعيين عدد منشورات الأوفست لتخطي أحدث منشورات "X". يمكنك أيضًا تمكين علامات تبويب تصفية الفئة أعلى الشبكة، مما يسمح للزوار بتصفية المحتوى حسب الفئة بأنفسهم، وتحويل مدونتك إلى مورد ديناميكي يحركه المستخدم.
- التصفية المتقدمة: تضمين أو استبعاد المشاركات حسب الفئة أو العلامة أو المؤلف أو معرفات المشاركات المحددة.
- الفرز المخصص: ترتيب المشاركات حسب التاريخ أو العنوان أو عدد التعليقات أو المعلمات الأخرى.
- علامات تبويب عامل التصفية الأمامية: أضف علامات تبويب فئة تفاعلية يمكن للمستخدمين النقر عليها لتصفية الشبكة في الوقت الفعلي.
- التحكم في ترقيم الصفحات: قم بتقسيم القوائم الطويلة إلى صفحات تحتوي على منشورات قابلة للتخصيص لكل عدد صفحات.
تصميم الصور المصغرة
الصورة المنشورة هي خطاف مرئي رئيسي. التحكم في دقة الصورة وكيفية ملاءمتها للحاوية الخاصة بها مع Thumbnail Fit (الغطاء، الحاوية). قم بتطبيق نصف قطر الحدود لإنشاء زوايا مستديرة أو صور دائرية. أضف تراكبًا ملونًا على التحويم أو بشكل دائم. استخدم مرشحات CSS لتأثيرات مثل التدرج الرمادي أو التمويه. اختر من بين أشكال الصور المصغرة وقم بتطبيق الرسوم المتحركة للتحليق (مثل التكبير أو التلاشي). يمكنك أيضًا تعيين ارتفاع مخصص لجميع الصور المصغرة لفرض شبكة موحدة ومصقولة.
- ملاءمة الصورة ومحصولها: استخدم الغطاء لإنشاء كتل صور موحدة أو يحتوي على عرض صور كاملة دون اقتصاص.
- تأثيرات التحويم: قم بتطبيق الرسوم المتحركة ذات تأثير التكبير/التصغير أو التلاشي أو اللون عندما يقوم المستخدمون بالتمرير فوق منشور ما.
- ألوان التراكب: أضف تراكب ألوان شبه شفاف على الصور لتحسين إمكانية قراءة النص.
- تخصيص الشكل: تجاوز المستطيلات بأشكال مخصصة لصورك المصغرة.
إعدادات الكاروسيل والملاحة المتقدمة
عند تمكين نوع مدونة Carousel، يمكنك الحصول على مجموعة كاملة من عناصر التحكم التفاعلية. تمكين التشغيل التلقائي وضبط سرعته. اختر شرائح للتمرير وقم بتمكين Loop للتمرير اللانهائي. أضف التنقل الذي يتحكم فيه المستخدم باستخدام أسهم قابلة للتصميم بالكامل (ضعها في الداخل أو الخارج أو في المنتصف) واختياريًا شريط التمرير. تمكين Grab Cursor للحصول على إحساس ملموس وإيقاف مؤقت عند التمرير لسهولة الاستخدام. يؤدي هذا إلى تحويل منشورات مدونتك إلى بكرة تمييز تفاعلية جذابة.
- سلوكيات الكاروسيل الاحترافية: التحكم في سرعة التشغيل التلقائي، والحلقة، وسرعة الرسوم المتحركة، وشرائح التمرير.
- خيارات التنقل المتعددة: استخدم أزرار الأسهم أو شريط التمرير أو كليهما للتحكم في المستخدم.
- اعتبارات الهاتف المحمول: خيار إخفاء السهم على الهاتف المحمول للحصول على تجربة شاشة لمس أنظف.
- الشعور التفاعلي: تعمل ميزات مثل Grab Cursor وCentre Slide (عنصر نشط مركّز) على تعزيز المشاركة.
تصميم ترقيم الصفحات
بالنسبة لتخطيطات الشبكة التي تحتوي على العديد من المنشورات، يعد ترقيم الصفحات الاحترافي أمرًا أساسيًا. يتضمن العنصر عناصر تحكم في التصميم لأزرار ترقيم الصفحات. يمكنك تصميم رقم الصفحة وأزرار التنقل، ومن المحتمل التحكم في الطباعة واللون والخلفية والحدود والحالة النشطة لتتناسب مع التصميم العام لشبكة مدونتك. وهذا يخلق تجربة سلسة ومصقولة للمستخدمين الذين يتصفحون صفحات متعددة من المحتوى الخاص بك.
- لغة التصميم المتسقة: نمط ترقيم الصفحات ليبدو وكأنه امتداد طبيعي لشبكة مدونتك.
- مسح الحالة النشطة: صمم رقم الصفحة النشط حاليًا ليكون مميزًا بصريًا.
- تحسين سهولة الاستخدام: يشجع ترقيم الصفحات المصمم جيدًا الزائرين على استكشاف المزيد من المحتوى الخاص بك.
الأسئلة المتداولة للمدونة
هل يمكنني استخدام هذا لعرض نوع منشور مخصص (مثل المحفظة أو المنتجات)؟
نعم. في إعدادات المشاركات أو الإعدادات المتقدمة، يجب أن يكون هناك خيار لتحديد نوع المنشور. يمكنك تغييره من “Post” الافتراضي إلى أي نوع منشور مخصص مسجل (مثل “portfolio” أو “product”). وهذا يجعل العنصر متعدد الاستخدامات بشكل لا يصدق لعرض أي نوع من المحتوى على موقعك.
هل يمكنني جعل بطاقة المدونة بأكملها قابلة للنقر عليها، وليس فقط زر العنوان أو قراءة المزيد؟
عادةً ما يتم ربط العنوان افتراضيًا. لجعل البطاقة بأكملها قابلة للنقر عليها، ستحتاج غالبًا إلى إضافة JS مخصص لربط الحاوية بأكملها. توفر بعض عناصر واجهة مستخدم المدونة خيار “Whole Box Link”، ولكن إذا لم تكن موجودة هنا، فإنها تتطلب مقتطفًا مخصصًا بسيطًا من JS.
كيف أجعل الشبكة تبدو جيدة على جميع أحجام الشاشات؟
إعداد عدد الأعمدة سريع الاستجابة. يمكنك تعيين أعداد أعمدة مختلفة لسطح المكتب والكمبيوتر اللوحي والهاتف المحمول في وضع التحرير سريع الاستجابة الخاص بـ Elementor. على سبيل المثال، قم بتعيين 4 أعمدة على سطح المكتب، و2 على الجهاز اللوحي، و1 على الهاتف المحمول. تأكد أيضًا من ضبط Thumbnail Fit على “Cover” للحصول على كتل صور متسقة.
ما الفرق بين “Show Content””؟
- إظهار المحتوى: يعرض محتوى المنشور الكامل من المحرر، والذي يمكن أن يكون طويلًا جدًا.
- عرض المقتطف: يعرض ملخصًا قصيرًا ومحددًا مسبقًا. يمكنك ضبط طول المقتطف (على سبيل المثال، 55 كلمة). من الأفضل استخدام المقتطفات في تخطيطات الشبكة للحفاظ على البطاقات موحدة ومرتبة.
كيف تعمل ميزة “Category Filter Tabs”؟
عند تمكينه، فإنه يقرأ فئات المنشورات في استعلامك ويعرضها كأزرار تفاعلية (علامات تبويب) أعلى الشبكة. يؤدي النقر فوق علامة تبويب إلى تصفية الشبكة على الفور لإظهار المنشورات من تلك الفئة فقط، دون إعادة تحميل الصفحة. إنها ميزة رائعة لتستخدم تجربة المستخدم للمواقع ذات المحتوى المتنوع.
هل الكاروسيل مناسب لعدد كبير من المشاركات؟
نعم، خاصة مع تمكين الحلقة. ومع ذلك، بالنسبة للأداء مع أعداد كبيرة جدًا من المشاركات (مثل 50+)، قد يكون تخطيط الشبكة مع ترقيم الصفحات أو “Load More” أفضل. يعتبر الكاروسيل مثاليًا لعرض 5-15 مشاركة مميزة أو حديثة.
هل يمكنني استخدام تخطيطات مختلفة في نفس الصفحة؟
قطعاً. يمكنك وضع العديد من عناصر واجهة مستخدم Blog Post في صفحة واحدة، ولكل منها استعلامها وتخطيطها (شبكة واحدة ودوامة واحدة) وتصميمها. يعد هذا مثاليًا لإنشاء دائري “Featured Posts” في الأعلى وشبكة “All Posts” أدناه.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
