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

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

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

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

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

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

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

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

 

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

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

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

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