# DiscPage: ein Plugin zum Erstellen statischer Seiten und Einfügen von Diskussionsblasen im Text

**URL:** https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841
**Category:** Plugin
**Tags:** deprecated
**Created:** [22. Dezember 2019 um 20:23 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841 "2019-12-22T20:23:32Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [22. Dezember 2019 um 20:23 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/1 "2019-12-22T20:23:32Z")

</div>

> ## ⚠ Veraltet
> 
> Dieses Plugin wird nicht mehr gewartet und **funktioniert nicht mit aktuellen Versionen von Discourse**.  
> Wir empfehlen, es von Produktionsseiten zu entfernen, um Probleme bei Updates zu vermeiden.  
> Vielen Dank an alle, die dieses Plugin über die Jahre genutzt und dazu beigetragen haben. 🙏

Mit DiscPage erstellen Sie **statische Seiten** , indem Sie die Kategorie „Seite" zu einem beliebigen Thema hinzufügen.

Anschließend können Sie **Ballonsymbole** einfügen, damit Benutzer Unterabschnitte der Seite diskutieren können.

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/3/e34c6519ffc9b5b5a6e26199a4c83b6fe84949bc.png)

Siehe ~~[die alte Demo](http://www.docuss.org/t/discpage-demo/209)~~ [die neue Demo](https://www.castafiore.org/t/discpage-demo/79) und [das Repository](https://github.com/sylque/discpage).

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [28. Dezember 2019 um 19:31 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/2 "2019-12-28T19:31:00Z")

</div>

Die Diskussions-Themen erscheinen in /latest seltsam – vielleicht sollten sie in eine eigene Kategorie wie ‘Seitenkommentare’ oder Ähnliches verschoben werden?

Die Verwendung von strukturierten Tags ist wirklich cool 🙂

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [28. Dezember 2019 um 20:39 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/3 "2019-12-28T20:39:00Z")

</div>

> [@riking](#):
>
> Die Diskussionsbeiträge erscheinen in /latest seltsam – vielleicht sollten sie in einer eigenen Kategorie wie „Seitenkommentare" oder Ähnlichem geführt werden?

Klar, du kannst die Einstellung `discpage balloon category` verwenden, um eine Kategorie für die „Balloon"-Diskussionen festzulegen.

---

<div class="post-metadata">

### Author: ![Judith](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/judith/32/289903_2.png) [@Judith](https://meta.discourse.org/u/Judith)
#### Post date: [1. Januar 2020 um 18:37 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/4 "2020-01-01T18:37:10Z")

</div>

Fantastisch!!! Meine NGO wird definitiv davon Gebrauch machen!

---

<div class="post-metadata">

### Author: ![AndreSpecker](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrespecker/32/139050_2.png) [@AndreSpecker](https://meta.discourse.org/u/AndreSpecker)
#### Post date: [11. Februar 2020 um 14:48 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/6 "2020-02-11T14:48:06Z")

</div>

Gibt es eine Möglichkeit, die Kategorien/Unterkategorien links anzuzeigen?

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [11. Februar 2020 um 21:28 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/7 "2020-02-11T21:28:42Z")

</div>

> Gibt es eine Möglichkeit, die Kategorien/Unterkategorien links anzuzeigen?

Es gibt keine automatische Möglichkeit, Kategorien auf statischen DiscPage-Seiten anzuzeigen. Sie können jedoch Kategorienlinks manuell hinzufügen. Anschließend können Sie diese Links so gestalten, dass sie in einer linken Seitenleiste angezeigt werden (mithilfe einer Theme-Komponente).

P.S.: Das wissen Sie wahrscheinlich bereits, aber denken Sie daran, dass Sie über das Hamburger-Menü auf die Kategorien zugreifen können.

---

<div class="post-metadata">

### Author: ![GokulNC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gokulnc/32/182419_2.png) [@GokulNC](https://meta.discourse.org/u/GokulNC)
#### Post date: [25. Februar 2020 um 09:05 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/8 "2020-02-25T09:05:51Z")

</div>

Danke @syl für das großartige Plugin 🙂

Kannst du bitte auch erklären, wie sich dieses Plugin von folgendem Plugin unterscheidet?

> [@ProCourse Static Pages](https://meta.discourse.org/t/procourse-static-pages/69698):
>
> I’ve been doing freelance Discourse customization as my primary gig for almost a year at this point. And one of the most common questions I get is about static pages. “Can I just create a static sales page?” “Where’s a good place to put a FAQ without a discussion around it?” You can likely argue the validity of these questions in most scenarios. The main response being “just close the topic.” But that doesn’t cut it for most. Thus, I decided to create this plugin to make it possible. It’s pret…

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [25. Februar 2020 um 10:53 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/9 "2020-02-25T10:53:49Z")

</div>

Das Plugin, das du erwähnst, sieht großartig aus. Ich habe es zwar noch nicht ausprobiert, aber ich würde sagen, die Unterschiede sind:

- Die Seitenbearbeitung ist anders: ProCourse bietet ein funktionsreiches Backend, während DiscPage nur ein Thema transformiert (du bist also auf die übliche Markdown-Bearbeitung beschränkt).
- ProCourse unterstützt keine Diskussionsblasen innerhalb von Seiten.

---

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [24. April 2020 um 13:23 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/10 "2020-04-24T13:23:16Z")

</div>

Ich habe dieses Plugin heute gerade entdeckt und bin beeindruckt! Vielen Dank für deine Arbeit, @syl.

Nur zur Bestätigung: Diese Funktionalität kann in einer Kategorie „eingebunden

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [24. April 2020 um 14:37 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/11 "2020-04-24T14:37:31Z")

</div>

[quote=“icaria36, Beitrag:10, Thema:136841”]  
Nur zur Bestätigung: Diese Funktionalität kann in einer Kategorie „eingebunden

---

<div class="post-metadata">

### Author: ![icaria36](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/icaria36/32/426431_2.png) [@icaria36](https://meta.discourse.org/u/icaria36)
#### Post date: [25. April 2020 um 13:57 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/12 "2020-04-25T13:57:17Z")

</div>

Danke, @syl!

Letzte Frage (vorerst): 🙂 Wie definiert das Plugin Berechtigungen? Wer kann diese statischen Seiten erstellen / ändern / löschen?

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [25. April 2020 um 22:37 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/13 "2020-04-25T22:37:29Z")

</div>

> [@icaria36](#):
>
> Wer kann diese statischen Seiten erstellen/ändern/löschen?

Eine DiscPage statische Seite ist nichts weiter als ein Thema mit einer bestimmten vordefinierten Kategorie. Nennen wir sie „Seite“. Daraus folgt:

- Statische Seiten können von jedem erstellt werden, der Themen in der Kategorie „Seite“ erstellen darf. Sie müssen die Berechtigungen für die Kategorie „Seite“ entsprechend Ihren Anforderungen festlegen. Der übliche Fall ist es, die Berechtigung „Erstellen“ wie [hier](https://github.com/sylque/discpage#1-create-a-category-for-static-pages) erläutert auf Administratoren zu beschränken, damit nur Administratoren statische Seiten erstellen können.

- Statische Seiten können vom Autor des Themas und von Mitarbeitern (wie bei jedem normalen Thema) geändert/gelöscht werden.

---

<div class="post-metadata">

### Author: ![Erik\_Manger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erik_manger/32/179399_2.png) [@Erik\_Manger](https://meta.discourse.org/u/Erik_Manger)
#### Post date: [6. Mai 2020 um 05:03 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/14 "2020-05-06T05:03:32Z")

</div>

Warum ändert dein Plugin das Hamburger-Menü-Symbol? Es wurde rot, und jetzt muss ich herausfinden, wie ich das CSS zurück auf den Normalzustand überschreibe. Dein Plugin gefällt mir, aber bitte behebe das Problem.

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [6. Mai 2020 um 07:32 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/15 "2020-05-06T07:32:47Z")

</div>

Hallo @Erik_Manger, Ihr Problem wird [hier](https://github.com/sylque/discpage#manual) beschrieben:

> ### Mein Hamburger-Menü ist rot geworden, was soll ich tun?
> 
> [![Hamburger-Menü](https://global.discourse-cdn.com/meta/original/3X/2/f/2f3286f72fc0a8d3074db6e73684a91b3f56cd32.png)](https://github.com/sylque/discpage/blob/master/screenshot4.png)  
> Ein rotes Hamburger-Menü bedeutet, dass **DiscPage deaktiviert ist**. Dies tritt auf:
> 
> 1. wenn ein Fehler das Starten von DiscPage verhindert hat (in diesem Fall überprüfen Sie die Debug-Konsole auf einen DiscPage-bezogenen Fehler) und
> 2. wenn Sie DiscPage manuell deaktivieren (siehe unten).

---

<div class="post-metadata">

### Author: ![HERKE](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/herke/32/187778_2.png) [@HERKE](https://meta.discourse.org/u/HERKE)
#### Post date: [22. Juli 2020 um 18:33 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/16 "2020-07-22T18:33:09Z")

</div>

@syl Ich habe bei diesen Schritten wirklich große Schwierigkeiten. Entschuldigung, ich weiß, das ist ein super Anfängerproblem. ABER könntest du bitte eine einfache Vorlage zum Kopieren und Einfügen bereitstellen? Oder eine kurze Videoanleitung? Oder wenn du mich persönlich durch das Ganze führst, erstelle ich ein YouTube-Video für andere, die SUPER Anfänger sind.

- Um eine statische Seite zu **bearbeiten** , klicke oben rechts auf der Seite auf den „Stift“-Button (du kannst auch über das Hamburger-Menü DiscPage deaktivieren und das Thema dann ganz normal bearbeiten).
- Um statische Seiten zu **gestalten** , verwende die Klasse `.dpg-page-content`. Um eine einzelne Seite zu gestalten, verwende das Datenattribut `html[data-dpg-page-id]`. Gehe beispielsweise zu `Einstellungen > Anpassen > Helles Theme > CSS/HTML bearbeiten` und gib im Bereich `Allgemein > CSS` Folgendes ein:

---

<div class="post-metadata">

### Author: ![AntiMetaman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/antimetaman/32/186978_2.png) [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)
#### Post date: [23. Juli 2020 um 04:46 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/17 "2020-07-23T04:46:36Z")

</div>

Kann eine statische Seite eine JS-Datei importieren oder einen Link dazu setzen?

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [23. Juli 2020 um 14:21 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/18 "2020-07-23T14:21:32Z")

</div>

> [@AntiMetaman](#):
>
> Kann eine statische Seite eine JS-Datei importieren oder einen Link dazu setzen?

Eine statische Seite wird wie ein normales Discourse-Thema gerendert, daher gelten die Regeln für JS-Skripte in Themen. Ich glaube, es gibt hier auf Meta mehrere Diskussionen dazu: Das bedeutet, dass man eine Theme-Komponente erstellt und anpasst (es gibt auch eine Discourse-Einstellung, um das Verlinken externer Skripte zu erlauben).

Vielleicht möchtest du auch den Abschnitt „Eine statische Seite anpassen

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [23. Juli 2020 um 14:33 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/19 "2020-07-23T14:33:59Z")

</div>

> [@HERKE](#):
>
> Um eine **statische Seite zu bearbeiten** , klicken Sie oben rechts auf der Seite auf die „Stift“-Schaltfläche.

Haben Sie bereits eine statische Seite erstellt? Können Sie die Stift-Schaltfläche sehen?

> [@HERKE](#):
>
> Um **statische Seiten zu gestalten** , verwenden Sie die Klasse `.dpg-page-content`.

Das Gestalten einer statischen Seite ist vergleichbar mit dem Gestalten einer normalen Discourse-Themenseite: Sie erstellen eine Theme-Komponente und passen sie an. Ein Beispiel finden Sie [hier](https://meta.discourse.org/t/how-to-add-top-bar/70569). Sie können auch hier auf Meta nach „Theme Components“ suchen. Die Klasse `.dpg-page-content` ermöglicht es, CSS-Regeln zu erstellen, die nur für statische Seiten gelten und nicht für alle Themenseiten.

---

<div class="post-metadata">

### Author: ![AntiMetaman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/antimetaman/32/186978_2.png) [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)
#### Post date: [23. Juli 2020 um 15:08 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/20 "2020-07-23T15:08:56Z")

</div>

Zu diesem Thema: Angenommen, ich habe eine API, die basierend auf Benutzereingaben ein Bild abruft. In dem von dir gesendeten Link gibt es oben einige Kombinationsfelder. Wenn der Benutzer etwas aus dem Kombinationsfeld auswählt, zeigt das JavaScript basierend auf dieser Benutzereingabe etwas an. Ist das innerhalb einer statischen Seite möglich?

---

<div class="post-metadata">

### Author: ![HERKE](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/herke/32/187778_2.png) [@HERKE](https://meta.discourse.org/u/HERKE)
#### Post date: [23. Juli 2020 um 15:12 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/21 "2020-07-23T15:12:41Z")

</div>

Ich denke, dein Tool funktioniert zu 100 % einwandfrei. Das Problem liegt in meinem mangelnden Wissen darüber, wie man es benutzt ☹ Ich werde mir den von dir bereitgestellten Link mit `.dpg-page-content` ansehen.

Seite: [https://community.tigergraph.com/t/this-is-a-test-page/606](https://community.tigergraph.com/t/this-is-a-test-page/606)

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/6/96ac391cae5dfbdc1be67ea2b05fac6111c3fd2c.png)

Klicke auf die Schaltfläche „Bearbeiten“. Füge einen `Code-Block` ein. Klicke auf „Einstellungen“. Gehe zu „Anpassen“. Füge den `Code-Block` ein – du solltest eine einfache HTML-Webseite angezeigt bekommen. Das würde einem absoluten Anfänger wie mir sehr helfen, haha!

Ich danke dir, dass du dir die Zeit genommen hast, meine Frage zu beantworten 🙂

Ich halte dich über meinen Fortschritt auf dem Laufenden. Hoffentlich kann ich meine Seite so gestalten wie deine!

[Next page](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841.md?page=2)
