تضمين قائمة مواضيع Discourse في موقع آخر

مرحبًا،

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

3 إعجابات

إذا مررت template=complete، ستجد معلومات أكثر بكثير في التضمين:

3 إعجابات

واو، شكرًا لك، هذا… معلومات كثيرة جدًا :laughing: هل هناك شيء في المنتصف، أم يجب أن أخفي المعلومات غير الضرورية باستخدام CSS مخصص؟

إضافة إلى ذلك، هذا يعرض صاحب الموضوع، وليس صاحب آخر منشور.

3 إعجابات

يُغلف القالب الكامل جميع المعلومات في حاويات، حيث يُتوقع أن يقوم كل موقع بتخصيصه ليتناسب مع تصميمه الخاص باستخدام CSS.

3 إعجابات

هذا رائع!

هل من الممكن تغيير عرضه؟

إعجابَين (2)

إنه حاوية مرنة، ستتكيف مع عرض العنصر الأب.

إعجابَين (2)

في موقعي لا يحدث ذلك. للأسف، فهو عريض جدًا بالنسبة لـ div الموجود فيه.

إعجابَين (2)

تحقق مرة أخرى من العلامات، وأخفِ العناصر وضعها في المكان الصحيح بشكل صحيح، يجب أن تعمل في أي حاوية:

إعجابَين (2)

للأسف، هذا لا يعمل على موقعي الإلكتروني. أعتقد أن مسائل CSS في إطار التصميم المتجاوب قد تسبب ارتباكًا. هل توجد طريقة لتغيير العرض (على سبيل المثال، إلى 90% من قيمته الحالية، أو حتى تقليله بعدد معين من البكسلات)؟

إعجابَين (2)

هل جربت استخدام CSS مثل:

d-topics-list iframe {
    padding: 0 5%;
}

؟

إعجابَين (2)

هذا لا يعمل. ومع ذلك، إذا قمت بتعديل وسم iframe في وحدة تحكم F12 في Chrome لإدراج width="100%"، فإنه يعمل بشكل صحيح… هل توجد طريقة لإجراء هذا التغيير؟

إعجابَين (2)

أضفت مثالاً يوضح كيفية إضافة CSS مخصص إلى القائمة في المنشور الأصلي.

4 إعجابات

شكرًا لك. لقد جربت ذلك. إنه فعلاً يجعل المواضيع المضمنة تظهر بتنسيق شبكة. للأسف، عرض الشبكة (أي موضوعين) لا يزال بنفس العرض السابق - بعيد كل البعد عن 100%.

كود CSS المذكور أعلاه (d-topics-list iframe) لا يغير شيئًا في إطار iframe. لو كان بإمكانه فقط جعله يحتوي على “width: 100%”…

لقد جربته في مستند HTML فارغ تمامًا ولا يزال ضيقًا. هل لديك أي أفكار أخرى؟ :slight_smile:

3 إعجابات

أعجبني هذا التضمين كثيرًا… :sparkling_heart:

بعض المشكلات، وطلب ميزة…:

  • إذا أضفت المعاملات allow-create="true" و category="4"، فعند النقر على زر ‘+ إنشاء موضوع جديد’ لا يظهر نافذة منبثقة/مودال ‘إضافة موضوع جديد’. هل من المفترض أن تظهر؟
  • إذا أضفت المعاملات allow-create="true" و tags="random-tag"، فعند النقر على زر ‘+ إنشاء موضوع جديد’ يتم نقلك إلى قائمة المواضيع المفلترة حسب random-tag، لكن قائمة التنزيل الخاصة بالوسم لا تعرض ‘random-tag’، وعند النقر على ‘إضافة موضوع جديد’ لا يتم ملء الوسم تلقائيًا.
  • هل يمكن تضمين أول 100 كلمة من المنشور في المظهر الكامل؟
4 إعجابات

هذا سيكون رائعًا!

أيضًا، لا زلت مصممًا على حل مشكلة العرض… :slight_smile:

إعجابَين (2)

يجب إضافة CSS إلى موقعك، وليس إلى CSS المدمج في Discourse. لذا سيكون لديك شيء مثل هذا:

<html>
  <head>
    <script src="https://jonathan5-discourse.com/javascripts/embed-topics.js"> 
    </script>
    <style>
      d-topics-list iframe{
        width: 100%!important;
        }
    </style>
  </head>
  <body>
    <d-topics-list discourse-url="https://jonathan5-discourse.com" category="5" per-page="5"></d-topics-list>
  </body>
</html>
6 إعجابات

شكرًا جزيلاً لك. يبدو الأمر واضحًا الآن. لقد انتقلت من الفشل في تنسيق CSS الداخلي للإطار (في محاولة من موقعي) إلى الفشل في تنسيق الإطار نفسه (في محاولة من داخل Discourse). سأجرب هذا وأعود لأبلغك بالنتيجة!

تحديث: عمل تنسيق CSS الخاص بك بنجاح - شكرًا جزيلاً لك.

4 إعجابات

لقد جربت هذا للتو. في حالتي، يكون category=5 لأن هذا هو رقم الفئة الذي أدرجه. لا تظهر النافذة المنبثقة، بل تفتح علامة تبويب جديدة بعنوان URL https://forum.example.com/new-topic?category_id=5. ربما لديك إعداد في المتصفح يمنع هذا النوع من “النوافذ المنبثقة”؟

إعجابَين (2)

شكرًا لك على التأكيد بأنها تعمل معك، @Jonathan5. لقد قمت بتعطيل مكون السمة discourse-tag-sidebar، والآن نافذة منبثقة تعمل بشكل جيد :sunglasses:

3 إعجابات

سألقي نظرة على هذا :eyes:

4 إعجابات