ما هو CSS الذي تم استخدامه للتعليقات هنا؟

هذا الموقع عبارة عن مدونة Ghost تستخدم Discourse للتعليقات.

What is Online Community?.

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

هذا هو موقعي
https://ogatutor.com/

يمكنك ببساطة فتح أدوات المطور في متصفحك وفحص العناصر لرؤية CSS

يمكن تحقيق ذلك أيضًا عن طريق النقر بزر الماوس الأيمن على العنصر واختيار “فحص”. قد تحتاج إلى التنقل لأعلى ولأسفل في التسلسل الهرمي لـ HTML لرؤية كل CSS.

جربت ذلك، لا يمكنني العثور عليه هناك.

مرحباً، ما هي المشكلة التي واجهتها؟

مدونتي هي مدونة Ghost تستخدم Discourse للتعليقات. التعليقات تعمل بشكل جيد، ولكنني أبحث عن CSS لدمجها.
انظر إلى المدونة التي أشرت إليها. لاحظ كيف تتدفق التعليقات بسلاسة؟
الآن انظر إلى مدونتي. التعليقات تمتد على كامل الشاشة.

حاول فحص التعليق على المدونة. في نافذة الفحص، يجب أن ترى علامة تبويب تسمى “الأنماط” (Styles) تحتوي على CSS للعناصر المحددة (وجميعها).

هل هذا ما تبحث عنه؟

يحتوي هذا الموضوع على معلومات حول كيفية تنسيق المشاركات المضمنة:

تنسيق المحتوى المضمن الخاص بك

إذا كنت تستخدم Discourse 1.4.0 أو إصدارًا أحدث، فيمكنك إضافة ورقة أنماط لتعليقاتك المضمنة. استخدم قسم CSS المضمن في محرر السمات في المسؤول > تخصيص > السمات > تحرير CSS/HTML ويمكنك إضافة ورقة أنماط مخصصة سيتم تقديمها مع تعليقاتك المضمنة. افتراضيًا، نعتقد أن التخطيط يبدو لطيفًا على خلفية بيضاء، ولكن إذا كان لموقعك تخطيط فريد، فستحتاج إلى تنسيقه بنفسك.

شكرا،
غريب، نفس النافذة لا تفتح على سفاري الخاص بي، لا أعرف لماذا.
شكرا

شكرًا لك!! هذا ما كنت أبحث عنه.

لا يمكن نشر أي CSS دون كشفه في أدوات المطور في المتصفح.

أشك في أنك بحاجة إلى وقت لتعلم الأدوات :wink:

موقع شبح جميل المظهر.

لكن يبدو أن تضمين موقع الشبح الخاص بك معطل قليلاً أو تم تكوينه بشكل خاطئ.

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


هذا الإعداد يولد هذا الكود.

<script type="text/javascript">
    if (window.location.pathname.indexOf('/p/') < 0) {
        DiscourseEmbed = {
            discourseUrl: 'https:/teachmeai.ogatutor.com/',
            discourseEmbedUrl: '{{url absolute="true"}}'
        };

        (function() {
            var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
            d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
        })();
    }
</script>

ملاحظة: تركت قائمة المسارات المسموح بها فارغة لأنه عندما أدخل أي شيء هناك، لا يعمل الكود حتى.
ما الذي يمكن أن أكون أفعله بشكل خاطئ؟
شكرا

يبدو أنه يعمل الآن :slight_smile:

كنت سأقترح عليك تجربة \\/\\d+\\/\\d+\\/.+ في حقل قائمة السماح بالمسار لإعداد المضيف المسموح به هذا.

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

لقد تم تحميله على الفور بالنسبة لي. قد يكون الأمر مجرد مسألة موقع. لقد نظرت إلى صفحات متعددة وتظهر التعليقات على الفور بالنسبة لي.

تعديل: يا للغرابة، لقد تلقيت للتو خطأ أثناء تحميل الصفحة الأولى :thinking:

شكراً جزيلاً لك. لقد اقترب عملي من الانتهاء. المرحلة التالية هي محاولة نقل مستخدميهم من phpBB.