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