Wie kann ich 4 Schaltflächen erstellen: Anpassen, Leitfaden, Aktuelle Themen, Unser Hosting
Im Suchbanner-Themenkomponenten gibt es zwei Plugin-Auslässe, die Sie für benutzerdefinierte Inhalte in einer separaten benutzerdefinierten Komponente anvisieren können, die Sie erstellen können.
Danke! Ich konnte die Option zum Einfügen dieses Codes unter Anpassung nicht finden.
Können Sie mir bitte helfen ![]()
Ich werde eine Themenkomponente erstellen. ![]()
Nun, es ist in Ordnung, Don. Es geht ums Lernen und Teilen. Ich denke, es wäre eine gute Idee, unsere Absicht beim nächsten Mal von Anfang an mitzuteilen. Danke fürs Teilen. ![]()
Tatsächlich arbeite ich seit gestern daran[1]. Ich habe etwas Ähnliches gemacht, es aber noch nicht gepostet. Ich möchte mehr Anpassungsoptionen hinzufügen, wie die Möglichkeit, zwischen Emoji, Font Awesome-Icons oder Bild-URLs zu wählen, aber auch CSS pro Button, bedingtes Rendering und dergleichen. Dafür habe ich das JSON-Schema-Format viel erkundet und getestet (und es ist eine ziemliche Kopfschmerzursache – nebenbei bemerkt, dieser PR zur Verbesserung des Stylings wird großartig sein!). Ich werde meine Version später leise auf Github posten.
Hatten Sie schon Erfolg? Ich habe versucht, einen zu bauen, bin aber nicht weitergekommen.
Hallo @Arkshine, gibt es Neuigkeiten zu dieser Komponente? Das wäre auch für mich unglaublich hilfreich ![]()
Ich habe es komplett vergessen, sorry. ![]()
Leider wird das JSON-Schema-Format für die Einstellungen bald veraltet sein, sodass das, was ich ursprünglich tun wollte, nicht mehr funktionieren wird (und die Anpassung damit war ehrlich gesagt zu knifflig).
Ich wollte Dons Version posten, kann aber sein Repository nicht finden. ![]()
Ich werde sehen, was ich tun kann, um so schnell wie möglich eine funktionierende Version zu posten. ![]()
Vielen Dank! ![]()
Kannst du es ausprobieren? Credit an @Don und @manuel – ich habe einige ihrer Ideen übernommen.
Es erfordert eine aktuelle Discourse-Version (3.3), da es auf dem neuen Objects type for theme setting basiert.
Einige Bilder
Allgemeine Einstellungen:
Link-Einstellungen:
Der Standard-Look – er verwendet die Theme-Farbe.
Schaltfläche kann separat gestaltet werden:
Lass mich wissen, wenn du spezifische Einstellungen benötigst.
Es muss möglicherweise für Mobilgeräte angepasst werden. Standardmäßig werden die Schaltflächen auf Mobilgeräten umgebrochen und in einer Spalte angezeigt. Ich freue mich auf jedes Feedback.
Wenn alles gut ist, werde ich es später veröffentlichen. ![]()
@Arkshine Es tut mir so leid wegen der Verzögerung, ich bin gerade erst auf diese Idee gekommen ![]()
Ich konnte die Schaltflächen hinzufügen, vielen Dank für dieses Plugin!! Die einzige Herausforderung besteht jetzt darin, die Schaltflächen direkt nach der Suchleiste zu platzieren, aber ich hoffe, wir finden eine Lösung.
Eine Frage: Ist es möglich, das Emoji-Feld optional statt erforderlich zu machen?
Nochmals vielen Dank!
Hey, danke für das Testen der Komponente!
Ich habe es aktualisiert, um das Emoji optional zu machen. ![]()
Meinst du, du verwendest die Banner-Suchkomponente und möchtest, dass die Schaltfläche darunter erscheint?
Wenn ja, kannst du in den plugin outlets-Einstellungen below-site-header einstellen.
Du musst jedoch möglicherweise den Abstand mit etwas CSS anpassen.
Lass mich wissen, wenn du weitere Hilfe benötigst. ![]()
Hallo, ich glaube, Helga sucht nach dieser Plugin-Ausgabe. ![]()
In der Tat!
Aus irgendeinem Grund ging ich davon aus, dass die Plugin Outlet-Komponente sie anzeigen würde (ich vergaß, wie die Komponente sie generiert). Danke, dass du mich korrigiert hast. ![]()
Ich muss die Einstellungen anpassen, damit sie mit den Komponenten-Outlets funktioniert und um die Abstände einfacher anzupassen. Ich werde dich bald auf dem Laufenden halten, Helga.
Entschuldigung für die Wartezeit! Ich habe die Komponente aktualisiert. Ich habe mehrere neue Einstellungen hinzugefügt.
In Ihrem Fall möchten Sie search-banner-below-input in der Einstellung plugin_outlet verwenden.
Es wird jetzt direkt darunter erscheinen:
Wenn Sie möchten, können Sie jetzt eine maximale Breite für den Container festlegen:
Hier sind die Einstellungen, die ich verwendet habe:


Es gibt weitere Einstellungen, darunter einige für die mobile Ansicht.
Lassen Sie mich wissen, ob es für Sie gut funktioniert. :+1:
Oh mein Gott, @Arkshine, du bist ein Schatz!! Vielen Dank, alles sieht jetzt super aus! ![]()
Sehr clever, wie die Einstellungen dieser Theme-Komponente aufgebaut sind, @Arkshine! Wie immer lieferst du hier einen weiteren exzellenten Ausgangspunkt und eine Vorlage für die Anfänger-Komponentenbauer der Community!
Vielen, vielen DANK an dich, mein Freund!
Großartiger Theme-Komponente – und verdient definitiv ein eigenes Thema!
Sollten wir vielleicht dieses hier für diesen Zweck neu formatieren? Oder ein neues erstellen?







