كيفية إضافة CSS لصفحات معينة؟ تغذية

الدعم
1

أرغب في إجراء بعض التغييرات على صفحة التغذية فقط. أنا أستخدم السمة الافتراضية فقط.

إذا كان تعليق المستخدم موسعًا وكان هناك صورة، فإن الصورة ليست متجاوبة وتخرج عن الصفحة في متصفح سفاري للجوال.

بدا هذا وكأنه حل المشكلة ولكني لست متأكدًا مما إذا كانت ستحدث أي مشاكل في صفحات أخرى.

.lightbox-wrapper img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: auto;
}

ثانيًا، أود إزالة قسم “حول” حيث أنها معلومات المستخدم الخاصة ولا أرى فائدة في جعلهم يرون معلوماتهم الخاصة في الأعلى.

هذا القسم يعرض لا شيء

.user-main .about

ثالثًا، أريد جعله موسعًا بشكل افتراضي إن أمكن، بحيث تكون التغذية مثل التغذية العادية حيث يمكنهم رؤية من يتابعون وتعليقاتهم.

2

هل هناك أي فكرة عما إذا كان من الممكن إزالة القسم على الهاتف المحمول؟

3

يمكنك إضافة CSS إلى قسم الجوّال لإخفائه.

4

نعم، ولكن هذا سيؤدي أيضًا إلى إخفاء القسم في الصفحات الأخرى التي تستخدم .user-main .about

أحاول تبسيط صفحة الموجز حيث لا يحتاج المستخدم إلى رؤية قسم “نبذة عني” الخاص به في الأعلى عند استخدام الأجهزة المحمولة الصغيرة.

5

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

6

ربما يمكنك نشر بعض لقطات الشاشة لما تريد تحقيقه؟ على الأقل أنا، لا أفهم أي عرض تريد تغييره بالضبط وكيف.

إعجابَين (2)
7

image
image1125×1916 111 KB

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

8

يبدو أنك تستخدم إضافة المتابعة (Follow-plugin). لم أقم بتثبيتها، لذا يمكنني فقط تقديم بعض الملاحظات العامة:

تضيف كل صفحة مستخدم فئة خاصة بها إلى عنصر body:
Screenshot from 2021-12-02 15-27-04
على سبيل المثال، في صفحة الأنشطة، تكون الفئة .user-activity-page. وفي صفحة الرسائل، تكون .user-messages-page. لذا أفترض أنه في صفحة المتابعة، من المحتمل أن تكون .user-follows-page؟ يمكنك استخدام هذه الفئة لإخفاء القسم العلوي فقط في تلك الصفحة. ومع ذلك، يجب أن تأخذ في الاعتبار أنك ستحصل على واجهة متقطعة إذا قمت بإخفائها في عرض واحد فقط.

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

إعجابَين (2)
9

سيؤدي هذا إلى إزالة قسم “حول” العلوي في صفحة المتابعة الخاصة بالمستخدم. إذا فهمت ما تريد القيام به بشكل صحيح. :slightly_smiling_face:

الصق هذا في قسم CSS للجوال.

body.user-follow-page {
  .viewing-self {
    .user-main .about {
      display: none;
    }
  }
}
4 إعجابات
Solved button alignment issue
10

شكرًا، تمكنت من الحصول عليه باستخدام هذا

.user-follow-page .user-main .about{
    display: none;
}

لكنني أعتقد أن

يبدو أفضل حتى يتمكنوا من رؤية صفحات الآخرين هههه. لم أفكر في ذلك هههه

إعجاب واحد (1)
11

سأحاول استنساخ المكون الإضافي ومعرفة ما يمكنني فعله للتلاعب به وتوسيع كل شيء افتراضيًا. :thinking:

12

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.