انتقل إلى المحتوى
Kata الشعار
Kata شعار قالب ووردبريس باللون الأبيض

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

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

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

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

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

Kata عرض سطح المكتب لنمط كتلة نصية بتصميم متجاوب مع قائمة نقاط التوقف

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

Kata عرض لوحة Styler لكتلة نصية بتصميم متجاوب مع قائمة نقاط التوقف

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

Kata قائمة نقاط التوقف المتجاوبة في عرض الهاتف المحمول لكتلة نصية بتصميم متجاوب

 

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

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

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

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