تظهر التعديلات التي يتم إجراؤها على جهاز واحد على جميع الأجهزة. على سبيل المثال، عند حذف صف في عرض الجهاز اللوحي لموقعك، سيكون الصف مفقودًا أيضًا في عرض desktop والجوال لموقعك. وذلك لأنه يمكن مشاركة المحتوى عبر جميع الأجهزة. ومع ذلك، قد ترغب في التمييز بين المحتوى الذي يظهر على الأجهزة. يمكنك استخدام ميزات التحرير حسب الجهاز الخاصة بنا لتحقيق ذلك، وتقديم المحتوى المناسب لزوارك للجهاز الذي يصلون إلى موقعك منه.
عند تنفيذ تحريرات على جهاز محدد، يكون من الضروري في كثير من الأحيان تبديل طرق العرض. لمزيد من المعلومات، انظر التبديل بين طرق العرض.
عرض أشرطة المعلومات
قد لا تظهر بعض والميزات إلا على أجهزة معينة فقط. لتغيير نمط على جهاز معين، انقر على طريقة عرض الجهاز على شريط التنقل العلوي للتبديل إلى طريقة عرض هذا الجهاز، ثم قم بإجراء التغيير الخاص بك.
إخفاء على الجهاز
يمكن تحرير كل شيء تقريبًا في المحرر، باستثناء الرأس والتذييل، لكل جهاز على حدةٍ من خلال جعل المحتوى خاصًا بهذا الجهاز.
لتحرير المحتوى لكل جهاز:
- انسخ المحتوى الذي تريد أن يكون خاصًا بالجهاز. اضغط بزر الماوس الأيمن على ، وانقر على نسخ أو لصق.
- اضغط بزر الماوس الأيمن على أحد ، وحدد إخفاء على الجهاز، ثم حدد الجهاز الذي تريد إخفاء عليه. على سبيل المثال، يؤدي ضبط زر على إخفاء على سطح المكتب إلى إزالة الزر من سطح المكتب، ولكن يتم عرض الزر في مواقع الأجهزة اللوحية والهواتف المحمولة.
- انقر على المحتوى الأصلي وحدد إخفاء على الجهاز، ثم قم بإخفاء المحتوى على الجهاز (الأجهزة) التي لا ترغب في تغيير هذه المحتويات بها. على سبيل المثال، إذا ضبطت زر النسخ على إخفاء على سطح المكتب، فعليك بضبط الزر الأصلي إلى إخفاء على الكمبيوتر اللوحي وإخفاء على الهاتف المحمول. بهذه الطريقة، سيكون لديك زرين مختلفين؛ واحد يظهر على سطح المكتب الخاص بك وآخر مختلف يظهر على مواقع الأجهزة اللوحية والهواتف المحمولة.
- إذا كنت ترغب في أن تكون المحتويات مختلفة على الأجهزة الثلاثة، يمكنك نسخها مرة أخرى (بحيث يكون لديك إجمالي ثلاث نسخ من نفس المحتوى) من أجل عرض زر مختلف في كل جهاز.
- يوجد لديك الآن اثنين (أو ثلاثة) أزرار متماثلة، ولكن بأجزاء مختلفة من المحتويات، يتم عرض كل منها على جهاز مختلف. أي تغييرات أخرى تم إجراؤها على هذه المحتويات ستؤثر فقط على الجهاز الذي سيتم عرضها عليه.
التحريرات التي لا تؤثر على الأجهزة الأخرى
ستشير العديد من الإعدادات إلى الأجهزة التي تؤثر عليها. على سبيل المثال، قد يشير أحد الإعدادات إلى أن التغيير يؤثر على desktop والكمبيوتر اللوحي بالإضافة إلى رمز يمثل الأجهزة.
يوجد العديد من التحريرات في المحرر والتي يمكن تغييرها بدون التأثير على الأجهزة المحمولة. وهي:
- التباعد (الهوامش وترك المساحة)
- تحديد الموضع
- العرض
- الارتفاع
- خلفية الصفحة/الموقع
- حجم الخط (لن يؤثر على النص الذي تم تحريره في الهاتف المحمول من قبل)
- التغييرات التي يتم تنفيذها على الرأس والتذييل في طريقة عرض الكمبيوتر اللوحي لا تؤثر على طريقتي عرض سطح المكتب والهاتف المحمول
سيؤثر كل تحرير آخر تقوم به في طريقة عرض كل جهاز على الأجهزة الأخرى.
بالإضافة إلى القائمة أعلاه، توجد تحريرات أخرى يمكنك إجراؤها على الإعدادات من دون التأثير على الأجهزة الأخرى أيضًا. تُعرض هذه التحريرات بأيقونة التحريرات تؤثر فقط على هذا الجهاز في المحرر.
التغييرات المرتبطة بعنصر واجهة مستخدم معين
في الوقت الذي تعمل فيه بعض عناصر واجهة المستخدم بصورة جيدة عبر كل الأجهزة، توجد بعض الاختلافات الكبيرة بين الأجهزة التي تنشئ الحاجة إلى مجموعة مختلفة من الميزات أو تفضيلات التصميم لكل جهاز.
فيما يلي قائمة بعناصر واجهة المستخدم التي لها اقتراحات وملاحظات تصميم لتخصيص عناصر واجهة مستخدم معينة على أجهزة معينة.
صور الخلفية
نظرًا للاختلافات الجذرية في نسب العرض إلى الارتفاع بين الأجهزة، فإنه من المهم أن نهتم بشكل خاص بكيفية تصميم الصور في موقعك على الويب.
على سبيل المثال، خلفية صفحة كاملة على صف قد تبدو رائعة على جهاز سطح مكتب، ولكنها ليست بهذا الأثر على جهاز محمول. قد يكون ذلك بسبب أن أجهزة سطح المكتب تكون أكثر ملائمة للصور ذات العرض الأكبر، بينما الهواتف المحمولة على العكس تمامًا.
يمكنك ضبط خلفية صفحة مختلفة لكل جهاز في إعدادات سمة الموقع. ويوصى باستخدام صورة خلفية عريضة لأجهزة سطح المكتب، وواحدة غير عريضة للهواتف المحمولة أو اللوحية.
عنصر واجهة المستخدم شريط التمرير
كما هو الحال بالنسبة لصورة الخلفية، فإن الصور التي حددتها لإصدار سطح المكتب من عنصر واجهة المستخدم "شريط التمرير" قد لا تبدو بهذه الروعة على الأجهزة اللوحية أو أجهزة سطح المكتب. ينصح بأي من الخيارين التاليين:
- اضبط حجم الإطار الخاص بشريط التمرير ليتلاءم مع الهواتف المحمولة أو
- قم بإخفاء شريط التمرير على سطح المكتب، وإنشاء إصدار خاص بالأجهزة المحمولة بدلاً من ذلك.
عنصر واجهة المستخدم الصور والأيقونات
لا يتم ضبط حجم عنصر واجهة المستخدم "الصورة" تلقائيًا في إصدار الهواتف المحمولة. من المهم مراجعة الأجهزة المحمولة التي تم استخدام عنصر واجهة المستخدم عليها لإجراء التعديلات اللازمة من أجل أن تكون ملائمة.
تأثيرات التحويم على الأجهزة اللوحية/المحمولة
مقارنة بالأجهزة المكتبية، لا تملك الأجهزة اللوحية والمحمولة تأثير تحويم على الإطلاق. يتم تعطيل أي تخطيط أو خيار تحويم على الأجهزة اللوحية/المحمولة.
عنصر واجهة المستخدم "الخريطة"
يملك عنصر واجهة المستخدم "الخريطة" خيارات مرتبطة بالأجهزة عندما يظهر فيها كزر أو خريطة.
عنصر واجهة المستخدم "نموذج الاتصال"
ستظهر نماذج الاتصال دائمًا كإدخال واحد على كل صف على الأجهزة المحمولة.
عنصر واجهة المستخدم vCita
يحتوي عنصر واجهة المستخدم "جدولة vCita عبر الإنترنت" على خيار لعرض زر واحد فقط على الجهاز الذي تختاره.
اعتبارات يجب أخذها بالحسبان
عند تحرير عناصر واجهة مستخدم أجهزة معينة، تذكر التحقق من كل طرق العرض قبل نشر موقع الويب الخاص بك. يمكن وضع عناصر واجهة المستخدم بسهولة عند استخدام الخيار 'إخفاء على الجهاز'.
لمزيد من المعلومات عن التبديل بين طرق العرض، اقرأ هذه المقالة.