انتقل إلى المحتوى

تصميم متجاوب باستخدام أداة Styler

Kata يُضيف هذا التعديل 3 منافذ عرض إلى Elementor، مما يُتيح لك الوصول إلى 6 أحجام مختلفة لأنماط متنوعة. كما سيدعم موقعك الإلكتروني المزيد من منافذ العرض على مختلف الأجهزة، وسيعمل بشكل مختلف على أحجام الشاشات المختلفة. هذه الأحجام هي:

  • سطح المكتب (1920 بكسل)
  • كمبيوتر محمول (1366 بكسل)
  • منظر أفقي للكمبيوتر اللوحي (1024 بكسل)
  • الكمبيوتر اللوحي (768 بكسل)
  • الجوال (480 بكسل)
  • هاتف محمول صغير (320 بكسل)

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

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

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

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

 

حصة هذه المادة:

Kata مكتب مساعدة قوالب ووردبريس

هل تحتاج إلى مساعدة؟ يمكننا مساعدة!

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