تحرير إصدار الهاتف المحمول

تستخدم مواقع WordPress تصميمًا مستجيبًا — لا توجد نسخة منفصلة للهاتف المحمول لتحريرها. في هذا الدليل، ستتعرف على كيفية تخصيص كيفية ظهور محتواك على الأجهزة المحمولة باستخدام إعدادات المكوّن وCSS.

يتضمن مكوّن التنقل إعدادات زر قائمة الهاتف المحمول (المعروف باسم أيقونة “hamburger” (الخطوط الأفقية الثلاثة)). لتخصيص القائمة الخاصة بك على الهاتف المحمول:

1. انتقل إلى المظهر ← المحرِّر من لوحة تحكم موقعك.
2. حدد النموذج أو جزء النموذج الذي ترغب في ظهور قائمة التنقل فيه.
3. افتح عرض القائمة وحدد مكوِّن التنقل.
4. في الشريط الجانبي لإعدادات المكوِّن،انقر الإعدادات (أيقونة على شكل ترس).

5. في قسم العرض:
   • قم بتبديل “زر عرض الأيقونة” لاستخدام أيقونة “hamburger” (الخطوط الأفقية الثلاثة) أو إظهار نص “القائمة”.
   • أختر نمط أيقونتك (سطرين أو ثلاثة أسطر) وحدد متى تظهر أيقونة “hamburger” (الخطوط الأفقية الثلاثة) باستخدام إعدادات قائمة التراكب .

تعرف على المزيد حول تصميم قوائم موقعك.

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

لضبط سلوك التجميع، اتبع الخطوات التالية:

1. انتقل إلى المظهر ← المحرِّر من لوحة تحكم موقعك.
2. حرر الصفحة أو النموذج الذي يحتوي على المكوّن الذي تريد تعديله.
3. افتح عرض القائمة وحدد المكوِّن.
4. في إعدادات المكوّن، حدد ما إذا كنت تريد تشغيل أو إيقاف تشغيل الخيار “تكديس على الهاتف المحمول“.

المكوّنات التي تتضمن إعداد “تكديس على الهاتف المحمول”:

• الأعمدة
• وسائل التواصل والنصّ
• أحدث التدوينات على إنستغرام

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

لتفعيل هذا الالتفاف، اتبع الخطوات التالية:

1. انتقل إلى المظهر ← المحرِّر من لوحة تحكم موقعك.
2. حرر الصفحة أو النموذج الذي يحتوي على المكوّن الذي تريد تعديله.
3. افتح عرض القائمة وحدد المكوِّن.
4. في إعدادات المكوّن ، قم بتبديل “السماح بالتبديل إلى أسطر متعددة“.

المكوّنات التي تتضمن إعداد “السماح بالالتفاف إلى أسطر متعددة”:

• الأزرار
• أزرار المشاركة
• التنقل
• أيقونات وسائل التواصل الاجتماعي
• الملاحظات
• صف وتجميع

يظل حجم النص بالبكسل (px) مقفلاً عند حجم واحد. يتم ضبط حجم النص بوحدة em أو rem بناءً على إعدادات الزائر وحجم الشاشة، مما يجعل موقعك أكثر سهولة في الوصول إليه وقراءته على الأجهزة المختلفة.

لتغيير النص من بيكسل إلى وحدات نسبية، اتبع هذه الخطوات:

1. انقر على المكوِّن الذي يتضمن النص المراد تغيير حجمه.
2. في إعدادات المكوّن، ابحث عن قسم أسلوب الطباعة.
3. تحت حجم الخط، انقر على أيقونة الحجم المخصص (خطان أفقيان مع نقاط).
4. انقر على وحدة px لتغييرها إلى em أو rem.
5. أدخل قيمة رقمية واضبط حسب الحاجة.

الاختيار بين em وrem:

• em — مقاييس النص بالنسبة إلى الحاوية الخاصة به (تكون جيدة للكلمات التوضيحية أو التسميات أو النص داخل مكوّنات معينة)
• rem — يبقى النص متسقا عبر موقعك بالكامل (مناسب للنص الأساسي والعناوين والأزرار)

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

ينطبق هذا القسم من الدليل على المواقع المسجَّلة في الخطة المميزة وخطة الأعمال وخطة التجارة لدينا في ووردبريس.كوم، والخطة الاحترافية القديمة. بالنسبة إلى المواقع المسجَّلة في الخطة المجانية أو الشخصية، بادر بترقية خطتك للوصول إلى هذه الميزة.

يمكنك إخفاء مكوّنات معينة على سطح المكتب أو الأجهزة المحمولة باستخدام فئات CSS. لإعداد ذلك، اتبع الخطوات التالية:

1. حرر الصفحة أو التدوينة أو النموذج الذي يحتوي على المكوّن الذي تريد إخفاؤه.
2. حدد المكوّن عن طريق النقر عليه أو تحديده في طريقة عرض القائمة.
3. في إعدادات المكوّن ، انقر على متقدم.
4. في مربع “فئة (فئات) CSS الإضافية“، أدخل إخفاء على سطح المكتب أو إخفاء على الهاتف المحمول:

5. انتقل إلى إعدادات CSS المخصصةفي موقعك:
   • قوالب المكوّنات: المظهر ← المحرر ← الأنماط ← ⋮ ← CSS إضافية
   • القوالب الكلاسيكية: المظهر ← تخصيص ← CSS إضافي
6. الصق الكود التالي وانقر على حفظ:

/* إخفاء العناصر على الهاتف المحمول*/
@media (العرض الأقصى: 768px) {
 .hide-mobile { display: none !important; }
}
/* إخفاء العناصر على سطح المكتب*/
@media (العرض الأدنى: 769px) {
 .hide-desktop { display: none !important; }
}

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