جديد: معارض متقدمة وعلامات تبويب و Image Lightbox والمزيد

نشرت: 2022-08-16

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

لهذا السبب عدنا بتحديث آخر مثير لـ SeedProd لجعل عملية تصميم الويب أسهل والتأكد من أنها تترك انطباعًا ممتازًا على جمهورك.

لدينا الكثير لنستعرضه في هذا الإعلان ، لذا تحقق من الفيديو أدناه للحصول على نظرة عامة سريعة:

الآن دعنا نتعمق في تفاصيل ميزات SeedProd الجديدة التي نصدرها اليوم.

عرض معارض الصور المذهلة

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

صالة عرض

تستخدم كتلة المعرض الرمز المختصر الافتراضي لمعرض صور WordPress لتضمين معارض بسيطة ومتجاوبة ببضع نقرات.

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

كتلة معرض SeedProd

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

يمكنك أيضًا الغوص في الإعدادات المتقدمة لتعيين نصف قطر الحدود والظلال والألوان والتباعد والمزيد.

معرض حظر الإعدادات المتقدمة

معرض متقدم

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

كتلة معرض SeedProd المتقدمة

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

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

قالب المعرض مع تراكب التسمية التوضيحية

كما هو الحال مع كتلة المعرض ، تتضمن علامة التبويب إعدادات المعرض المتقدمة خيارات متنوعة لتخصيص ظلال المعرض والتباعد والحدود والمزيد.

هناك العديد من الطرق التي يمكنك من خلالها استخدام المعارض على موقع الويب الخاص بك:

  • يمكن للمصممين إنشاء حافظات لعرض أعمالهم الأخيرة
  • يمكن للكتاب إضافة لقطات شاشة وربطها بأحدث مقالاتهم عبر الإنترنت
  • يمكن للمطاعم تحميل صور شهية لتوضيح قوائمها

لكن هذا ليس كل شيء. بعد ذلك ، لدينا كتلة جديدة لمساعدتك في تنظيم المحتوى على موقع الويب الخاص بك.

تنظيم المحتوى مع علامات التبويب

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

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

إعدادات حظر علامات التبويب

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

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

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

إعدادات كتلة علامات التبويب المتقدمة

فيما يلي بعض الأفكار حول كيفية استخدام المحتوى المبوب في تصميم موقع الويب الخاص بك:

  • عرض ميزات المنتج المختلفة
  • قم بتمييز الأسئلة المتداولة
  • قسّم خدماتك إلى مواضيع

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

تخصيص القوائم الفرعية لـ WordPress بسهولة

في تحديث سابق ، قدمنا ​​كتلة Nav Menu ، والتي تتيح لك تخصيص القوائم عبر موقع الويب الخاص بك. ومع ذلك ، لدينا اليوم تحديثًا لإصدار قائمة WordPress من تلك الكتلة ، والتي تمنحك مزيدًا من التحكم في القوائم الفرعية الخاصة بك.

بعد تعيين قائمة WordPress في إعدادات قائمة التنقل ، يمكنك النقر فوق علامة التبويب خيارات متقدمة وتعديل تصميم القوائم الفرعية الخاصة بك.

إعدادات القائمة الفرعية المتقدمة

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

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

تحسين صورك

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

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

إعدادات العرض المبسط لوسائط الصور

ما عليك سوى اختيار خيار Media - Lightbox في لوحة إعدادات كتلة الصورة . يمكن للزوار بعد ذلك فتح الصورة في Lightbox لإلقاء نظرة فاحصة.

نافذة منبثقة للصورة المبسطة

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

إعدادات نصف قطر حدود الصورة

تراكبات صورة الخلفية

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

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

تراكب صورة الخلفية

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

تراكب صورة الخلفية البطل

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

قم بتحديث البرنامج المساعد SeedProd اليوم

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

ابدأ مع SeedProd اليوم

نحن على وشك طرح تحديث آخر لجعل SeedProd أكثر فائدة لك. لذا تأكد من مراقبة مدونتنا.

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