Einbetten einer Liste von Discourse-Themen auf einer anderen Website

Nachrichten und Veranstaltungen Ankündigungen
95

Hallo,

ich habe mich gefragt, ob es eine Möglichkeit gibt, das Avatar des Autors des neuesten Beitrags sowie die Kategorie der Beiträge anzuzeigen – genau wie auf der Startseite des Forums – anstatt nur die Thementitel.

3 „Gefällt mir“
96

Wenn Sie template=complete übergeben, enthält die Einbettung noch viel mehr Informationen:

image
image563×915 87.8 KB

3 „Gefällt mir“
97

Wow, danke, das sind… zu viele Informationen :laughing: Gibt es etwas dazwischen, oder sollte ich die unnötigen Informationen mit benutzerdefiniertem CSS ausblenden?

Außerdem wird hier der Autor des Themas angezeigt, nicht der Autor des letzten Beitrags.

3 „Gefällt mir“
98

Die vollständige Vorlage fasst alle Informationen in Containern zusammen, da davon ausgegangen wird, dass jede Website sie mit CSS an ihr eigenes Design anpasst.

3 „Gefällt mir“
99

Das ist großartig!

Ist es möglich, seine Breite zu ändern?

2 „Gefällt mir“
100

Es ist ein flexibles Container-Element, das sich der Breite des übergeordneten Elements anpasst.

2 „Gefällt mir“
101

Auf meiner Seite ist das leider nicht der Fall. Es ist zu breit für das Div, in dem es sich befindet.

2 „Gefällt mir“
102

Überprüfen Sie das Markup, verstecken und positionieren Sie die Elemente ordnungsgemäß; es sollte in jedem Container funktionieren:

2 „Gefällt mir“
103

Leider funktioniert das auf meiner Website nicht. Ich denke, das CSS im responsiven Framework verwirrt es vielleicht. Gibt es eine Möglichkeit, die Breite zu ändern (z. B. auf 90 % des aktuellen Werts oder sogar einige Pixel weniger breit)?

2 „Gefällt mir“
104

Hast du es mal mit CSS wie folgt versucht:

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

?

2 „Gefällt mir“
105

Das funktioniert nicht. Wenn ich im F12-Konsolen-Tool von Chrome das iframe-Tag so ändere, dass es width="100%" enthält, funktioniert es jedoch einwandfrei… Gibt es eine Möglichkeit, diese Änderung vorzunehmen?

2 „Gefällt mir“
106

Ich habe der Liste im Eröffnungspost ein Beispiel hinzugefügt, wie man benutzerdefiniertes CSS hinzufügt.

4 „Gefällt mir“
107

Danke. Ich habe das ausprobiert. Es sorgt zwar dafür, dass die eingebetteten Themen im Rasterformat angezeigt werden. Leider ist die Breite des Rasters (also zwei Themen) immer noch genauso breit wie zuvor – bei weitem nicht 100 %.

Das obige CSS (d-topics-list iframe) ändert das Iframe überhaupt nicht. Wenn es doch nur möglich wäre, es auf „width: 100 %

3 „Gefällt mir“
108

Ich liebe diesen Einbettungscode… :sparkling_heart:

Ein paar Probleme und eine Feature-Anfrage…:

  • Wenn ich die Parameter allow-create="true" und category="4" hinzufüge, erscheint das Modal/Pop-up „Neues Thema hinzufügen
4 „Gefällt mir“
109

Das wäre super!

Außerdem möchte ich immer noch die Sache mit der Breite klären… :slight_smile:

2 „Gefällt mir“
110

Das CSS muss auf deiner eigenen Website hinzugefügt werden, nicht im eingebetteten CSS von Discourse. Du würdest also etwas wie folgt haben:

<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 „Gefällt mir“
Examples of styling and use of Embedding a list of Discourse Topics on a external site
111

Vielen Dank. Das ist jetzt offensichtlich. Ich bin vom Scheitern beim Stylen des internen CSS des Iframes (Versuch innerhalb meiner Website) zum Scheitern beim Stylen des Iframes selbst (Versuch innerhalb von Discourse) übergegangen. Ich werde es versuchen und mich zurückmelden!

Update: Dein CSS hat funktioniert – vielen Dank.

4 „Gefällt mir“
112

[quote=“adamgpope, Beitrag: 108, Thema: 125911”]
Wenn ich die Parameter allow-create="true" und category="4" hinzufüge, wird das Modal/Popup „Neues Thema hinzufügen

2 „Gefällt mir“
113

Danke, dass du bestätigt hast, dass es bei dir funktioniert, @Jonathan5. Ich habe die discourse-tag-sidebar-Themenkomponente deaktiviert, und jetzt funktioniert das Pop-up wieder :sunglasses:

3 „Gefällt mir“
114

Ich werde mir das ansehen :eyes:

4 „Gefällt mir“