باستخدام أحدث إصدار مستقر من Discourse (3.2.x) بالإضافة إلى الإصدار المحدث من مكونات صفحات الهبوط (المكون الإضافي، وصفحات المدونة، وثيم المدونة) تمكنت فقط من إعادة إنتاج مشكلات خلفية الصورة وحجم حاوية المنشور. سأقوم بتحديث صغير في الثيم بمجرد أن أتمكن من ذلك، ولكن يمكن إصلاحها بسهولة إذا كنت ترغب في القيام بذلك في نسختك المعدلة.
باستخدام الإعدادات الافتراضية في تثبيت نظيف، تكون أزرار “المنشورات/الاشتراك” في أسفل الصفحة وكلاهما يعملان، والمسارات في الإصدار المحمول تتصرف بنفس الطريقة كما في سطح المكتب ولا يمكنني التحقق من أي مشكلات في تواريخ المنشورات، باستثناء “آخر تحديث” الذي يتغير بمجرد تعيين فئة المدونة (تتلقى جميع المنشورات في تلك الفئة علامة “منشور مدونة”).
ستكون قائمة الهامبرغر في الإصدار المحمول فارغة طالما لم تقم بتكوين أي شيء في إعدادات “القائمة” لتكوين صفحات الهبوط. قد أقوم بتحديث الكود لإخفائها تمامًا في هذا الموقف لتبسيط الواجهة.
فيما يتعلق بالروابط، لقد وصلت للتو إلى موقعك باستخدام فايرفوكس على هاتف أندرويد ولم أواجه أي مشاكل على الإطلاق. ربما هناك تكوين معين آخر من متصفحك أو تثبيت Discourse؟
فيما يتعلق بإصلاحات CSS، هناك العديد من الخيارات. على سبيل المثال، بالنسبة لصورة الخلفية، يمكنك تعيين background: no-repeat center/cover fixed; في فئة .title-container داخل common.scss، وبالنسبة لـ “الحاوية الصغيرة” في المشاركات، يمكنك إضافة min-width: 100%; إلى فئة .post-content داخل نفس الملف.
فيما يتعلق بإعداد القائمة، حاليًا الطريقة الوحيدة لإضافة واحدة هي في ملف pages.json العام كما هو مذكور في التوثيق ولكن لا يوجد الكثير من المعلومات في هذا الصدد. ومع ذلك، يمكنك رؤية مثال في مستودع pavilion-landing-pages.
مرحباً! إذن، في الفيديو الذي سجلته للشاشة، تعمل عناوين URL المباشرة بشكل جيد. ولكن إذا ذهبت إلى صفحة المدونة الرئيسية ثم نقرت على عنوان المدونة، فستظهر رسالة خطأ “الصفحة غير موجودة”. تعمل عناوين URL المباشرة بشكل جيد، ولكن لا أحد سيحتفظ بها ومن الواضح أنها ليست عملية.
سأجرب إصلاحات CSS هذه بسرعة وسأقوم بتحرير هذا أو الرد مرة أخرى بنتائجي، شكراً لك!
اكتشاف مثير للاهتمام للغاية بخصوص سياسة أمان المحتوى… لا أتذكر حتى أنني فعلت أي شيء بخصوص ذلك. هممم. كيف يمكنني إصلاح ذلك؟
تعديل: تم إصلاح زر الاشتراك عن طريق تعطيل content security policy في الإعدادات. ولكن هل هناك طريقة للحفاظ على تمكين هذا الزر مع استمرار عمله؟ ربما لجعل الزر يعمل بشكل مختلف بحيث لا يؤدي إلى تشغيل ذلك؟
لا توجد فكرة حول إعدادات CSP، آسف على هذا الجانب. في الفيديو، حوالي 26 ثانية - 27 ثانية أفعل ذلك بالضبط (أنقر على عنوان المدونة من مدونة الصفحة الرئيسية) ولا يزال يعمل بشكل جيد، لذلك لست متأكدًا من كيفية اختبار ذلك بشكل أكبر من جانبي.
تم تعديل مشاركتي أعلاه لتقول: “تم إصلاح زر الاشتراك عن طريق تعطيل content security policy في الإعدادات. ولكن هل هناك طريقة لإبقاء هذا ممكّنًا مع استمرار عمل الزر؟ ربما يعمل الزر بشكل مختلف بحيث لا يؤدي إلى تشغيل ذلك؟”
وأوه، خطئي! همم، هذا غريب حقًا إذن. لقد جربت متصفحات متعددة وحتى بعض الهواتف ونفس المشكلة…
بالمناسبة، هل هناك طريقة لجعل زر/نص الاشتراك أكبر ليتناسب مع حجم أيقونة “المشاركات” التي تطفو على الشاشة على الهاتف المحمول؟ الأيقونة بالحجم المناسب عند تسجيل الدخول إلى حساب ولكن ليس عند تسجيل الخروج، كضيف، كما ترى في الفيديو الخاص بك.
بخلاف ذلك، فإن الشيء الوحيد الآخر لدي حقًا هو جعل صورة الملف الشخصي/اسم المؤلف والتاريخ ومنطقة “موضوع المنتدى” أفقية على الهاتف المحمول لأنها تبدو سيئة مكدسة عموديًا هكذا (أو على الأقل التاريخ والمنطقة الموضوع بجانب بعضهما البعض، في المنتصف أسفل صورة الملف الشخصي أو شيء ما)…
بالإضافة إلى ردي أعلاه، @cabidop، لقد قام شريكي بمراجعة صفحة/سمة المدونة بشكل شامل لبضع ساعات، لأنني أردت رأي شخص عام غير تقني حول الإعداد الافتراضي. اعتقدت أنني سأذكرهم هنا إذا كنت ترغب في دمج أي منها في محتوى المدونة:
عند تسجيل الخروج، اجعل زر الاشتراك في صفحة هبوط المدونة يعيدك إلى صفحة هبوط المدونة بعد أن ينقر المستخدم على “اشتراك” وينشئ حسابًا على الموقع.
أنا شخصياً لم أدرك حتى أنه يعمل بهذه الطريقة، ولكن إذا ضغط ضيف على “اشتراك”، فإنه ينقله إلى صفحة تسجيل المنتدى، ثم عندما ينشئ حسابًا، يتساءل عن مكان صفحة المدونة الآن لأنها تبقيه في المنتديات. ومع ذلك، عندما يعود الآن إلى صفحة هبوط المدونة أثناء تسجيل الدخول، فإنه غير مشترك ويجب عليه الضغط على الزر مرة أخرى أثناء تسجيل الدخول الآن.
احصل على بريد إلكتروني تأكيد بأنك قمت بالاشتراك بالفعل.
كما هو الحال الآن، لا يوجد تأكيد فعلي بأنك اشتركت حقًا عبر البريد الإلكتروني، فقط النافذة المنبثقة الصغيرة في مربع النافذة المنبثقة للاشتراك.
بمجرد الاشتراك، قم بإزالة الزر بالكامل أثناء تسجيل الدخول، أو اجعله يقول الآن “مشترك” وليس “اشتراك” على سطح المكتب. بالإضافة إلى ذلك، اجعل الأزرار لا تظل عائمة على الشاشة أثناء التمرير، أي تختفي أثناء التمرير.
الصورة الكبيرة للرأس في صفحة منشورات المدونة لا تنتقل إلى الهاتف المحمول. بالكاد تظهرها أو لا تظهرها على الإطلاق في بعض الأحيان (الصور أدناه تُظهر سطح المكتب مقابل الهاتف المحمول لهذا):
شكرا على الملاحظات، @45thj5ej، قد أقوم بتطبيق بعض الاقتراحات كإعدادات افتراضية في المستقبل. لست متأكدًا مما إذا كنت قد قمت بالفعل بحل مشكلة CSP، ولكن يبدو أن هناك خيار content security policy script src يمكن أن يعمل في حالتك دون تعطيل الميزة بالكامل (لست متأكدًا تمامًا من هذا على الرغم من ذلك).
فيما يتعلق بالموضوع الذي لا يعمل في صفحات أخرى، هذا هو السلوك المتوقع بسبب استخدام الفئات .blog و .blog-post في الأنماط. تضيف كل صفحة هبوط الـ slug الخاص بها كفئة HTML إلى جسمها، لذلك طالما أن أنماط CSS تُطبق فقط على تلك الفئات، فإنها ستؤثر فقط على صفحات “المدونة” و “منشور المدونة” على التوالي.
بالنسبة لبقية التعليقات/المشاكل، سأكرر فقط ما ذكرته في الموضوع الآخر حول كونها خاصة بحالة استخدامك، حيث إنها أسئلة CSS عامة وليست مشاكل فعلية في المكون. ومع ذلك، قد ألقي نظرة عليها في النهاية (لكن لا تعتبر ذلك أمرًا مؤكدًا).
مرحباً، هذا أمر خطير للغاية…
لقد قمت بإعداد Nginx الخاص بي لإعادة توجيه mysite.com إلى https://forums.mysite.com/home وقمت بإعداد سجل DNS A من موفر النطاق الخاص بي (لأنني أريد أن تكون هذه هي الصفحة الرئيسية لموقعي).
لاحظت شيئًا غريبًا. إذا قمت بالوصول إلى منشور مدونة من إعادة التوجيه (أي، أي شخص يذهب إلى موقعي سيحدث له هذا)، فإنه يضيف /home ثانية إلى عنوان URL. ومع ذلك، إذا قمت بالوصول إلى الصفحة الرئيسية للمدونة من عنوان URL المباشر، https://forums.mysite.com/home، فلن يحدث ذلك.
هل هناك طريقة لإصلاح هذا في أقرب وقت ممكن، أو إذا أخبرتني كيف، يمكنني القيام بذلك. هذا منفصل عن المشكلة المماثلة عندما كان هذا يحدث على الهاتف المحمول فقط في اليوم الآخر. وبالطبع، يظهر الرابط مضاعفًا عند المرور فوقه في الصفحة الرئيسية للمدونة، مثل: https://forums.mysite.com/home/home/blog-test-one-million
ولكن مرة أخرى، إذا تم الوصول إلى عنوان URL مباشرة، وليس من إعادة التوجيه، فإنه يعمل بشكل جيد.
الصفحة الرئيسية للمدونة/صفحة الهبوط، حيث تنقر على عناوين منشورات المدونة.
.
تعديل: تجاهل ما يلي. كان الإصلاح:
التعليق على السطر الواحد أدناه في common.scss في
سمة المدونة، حوالي السطر 172 تقريبًا:
body.blog {
/* padding-top: 8em; */
أيضًا، كيف يمكنني تعديل رأس الموقع؟ يبدو أنه بغض النظر عن أي شيء، يتم وضع الرأس دائمًا هناك ولا يمكنني تعديله على الإطلاق. منطقة شريط التنقل العلوي/القائمة/الشعار.
مثال: لقد قمت بإنشاء رأس مخصص لجعل الرأس الافتراضي أقصر. وحتى باستخدام
.landing-header {
display:none
}
لا يزال يحدث فجوة كبيرة في الأعلى. كيف يمكنني إزالة هذه الفجوة؟
