Mit der neuesten stabilen Version von Discourse (3.2.x) und der aktualisierten Version der Landing Pages-Komponenten (Plugin, Blog-Seiten und Blog-Theme) konnte ich nur die Probleme mit dem Hintergrundbild und der GröĂe des Beitragscontainers reproduzieren. Ich werde das Theme aktualisieren, sobald ich dazu in der Lage bin, aber sie sind leicht zu beheben, wenn Sie es in Ihrer Fork tun möchten.
Bei Verwendung der Standardeinstellungen in einer sauberen Installation befinden sich die SchaltflĂ€chen âPosts/Subscribeâ am unteren Rand der Seite und sind beide funktionsfĂ€hig. Die Pfade in der mobilen Version verhalten sich genauso wie auf dem Desktop, und ich kann keine Probleme mit den Beitragsdaten feststellen, auĂer bei der âletzten Aktualisierungâ, die sich Ă€ndert, sobald Sie die Blog-Kategorie festlegen (alle BeitrĂ€ge in dieser Kategorie erhalten den Tag âBlog-Beitragâ).
Das Hamburger-MenĂŒ in der mobilen Version ist leer, solange Sie in den âMenĂŒâ-Einstellungen der Landing Pages-Konfiguration nichts konfiguriert haben. Möglicherweise aktualisiere ich den Code, um es in dieser Situation vollstĂ€ndig auszublenden, um die BenutzeroberflĂ€che zu vereinfachen.
Ich habe gerade deinen Blog erreicht und konnte schnell ein paar Dinge debuggen:
Was den nicht funktionierenden Button betrifft, scheint es, dass du einige strenge Content-Security-Policy-Einstellungen aktiviert hast und die erforderlichen Skripte nicht geladen werden.
Was die Links betrifft, habe ich gerade deine Seite mit Firefox auf einem Android-Handy aufgerufen und keinerlei Probleme gehabt. Vielleicht eine andere spezielle Konfiguration deines Browsers oder deiner Discourse-Installation?
Was die CSS-Fixes betrifft, gibt es viele Optionen. Zum Beispiel kannst du fĂŒr das Hintergrundbild background: no-repeat center/cover fixed; in der Klasse .title-container in common.scss setzen und fĂŒr den âkleinen Containerâ in BeitrĂ€gen kannst du min-width: 100%; zur Klasse .post-content in derselben Datei hinzufĂŒgen.
Was die MenĂŒeinstellung betrifft, ist der einzige Weg, derzeit einen hinzuzufĂŒgen, in der globalen Datei pages.json, wie in der Dokumentation erwĂ€hnt, aber es gibt nicht viele Informationen dazu. Du kannst jedoch ein Beispiel im pavilion-landing-pages Repository sehen.
Hallo! Also, auf dem Video, das du aufgenommen hast, funktionieren die direkten URLs einwandfrei. Aber wenn ich zur Haupt-Blogseite gehe und dann auf den Blogtitel klicke, erhalte ich eine Fehlermeldung âSeite nicht gefundenâ. Direkte URLs funktionieren, aber niemand hĂ€tte diese zur Hand und es ist offensichtlich nicht praktikabel.
Ich werde diese CSS-Korrekturen schnell ausprobieren und dies bearbeiten oder erneut antworten, um meine Ergebnisse mitzuteilen. Vielen Dank!
Sehr interessant, was du wegen der Content-Security-Policy herausgefunden hast⊠Ich erinnere mich nicht einmal daran, etwas damit gemacht zu haben. Hmmm. Wie könnte ich das beheben?
EDIT: Der âAbonnierenâ-Button wurde behoben, indem die content security policy in den Einstellungen deaktiviert wurde. Aber gibt es eine Möglichkeit, diese aktiviert zu lassen und den Button trotzdem zum Laufen zu bringen? Vielleicht den Button anders gestalten, sodass er das nicht auslöst?
Keine Ahnung bezĂŒglich der CSP-Einstellungen, tut mir leid auf dieser Seite. Im Video, etwa bei 26-27s, mache ich genau das (klicke auf den Blog-Titel vom Home-Blog) und es hat immer noch gut funktioniert, daher bin ich mir nicht sicher, wie ich das von meiner Seite aus weiter testen kann.
Bearbeitet meinen obigen Beitrag, um zu sagen: âAbonnieren-SchaltflĂ€che behoben, indem die content security policy in den Einstellungen deaktiviert wurde. Aber gibt es eine Möglichkeit, diese aktiviert zu lassen, aber die SchaltflĂ€che trotzdem zum Funktionieren zu bringen? Vielleicht die SchaltflĂ€che anders gestalten, damit sie dies nicht auslöst?â
Und oh, mein Fehler! Hm, das ist dann wirklich seltsam. Ich habe mehrere Browser und sogar ein paar Handys ausprobiert und das gleiche ProblemâŠ
Ăbrigens, gibt es eine Möglichkeit, die Abonnement-SchaltflĂ€che/den Text gröĂer zu machen, damit er der GröĂe des âPostsâ-Symbols entspricht, das auf dem Handy auf dem Bildschirm schwebt? Das Symbol hat die richtige GröĂe, wenn man angemeldet ist, aber nicht, wenn man abgemeldet ist, als Gast, was man in Ihrem Video sehen kann.
AuĂerdem ist meine einzige andere Sache wirklich, das Profilfoto/Autorenname, Datum und der Bereich âForum Topicâ auf dem Handy horizontal zu gestalten, da es vertikal gestapelt schlecht aussieht (oder zumindest das Datum und der Bereich Topic nebeneinander, zentriert unter dem Profilfoto oder etwas)âŠ
ZusĂ€tzlich zu meiner obigen Antwort, @cabidop, hat mein Partner die Blog-Seite/Theme-Sachen fĂŒr ein paar Stunden grĂŒndlich durchgesehen, weil ich die Meinung einer nicht-technischen, allgemeinen Person zum Standard-Setup wollte. Ich dachte, ich erwĂ€hne sie hier, falls Sie sie in die Blog-Sachen einbauen möchten:
Wenn abgemeldet, soll der âAbonnierenâ-Button auf der Blog-Landingpage den Benutzer nach dem Klicken auf âAbonnierenâ und der Erstellung eines Kontos auf der Website zurĂŒck zur Blog-Landingpage bringen.
Ich persönlich habe das nicht einmal bemerkt, aber wenn ein Gast auf âAbonnierenâ klickt, wird er zur Registrierungsseite des Forums weitergeleitet, und wenn er dann ein Konto erstellt, fragt er sich, wo die Blog-Seite ĂŒberhaupt ist, da er im Forum bleibt. Wenn er jedoch jetzt wieder zur Blog-Landingpage geht, wĂ€hrend er angemeldet ist, ist er nicht einmal abonniert und muss den Button erneut klicken, wĂ€hrend er jetzt angemeldet ist.
Erhalten Sie eine BestÀtigungs-E-Mail, dass Sie tatsÀchlich abonniert haben.
So wie es jetzt ist, gibt es keine wirkliche BestĂ€tigung, dass Sie per E-Mail wirklich abonniert haben, nur das kleine Popup im âAbonnierenâ-Popup-Fenster.
Sobald abonniert, entfernen Sie den Button vollstĂ€ndig, wĂ€hrend Sie angemeldet sind, oder lassen Sie ihn auf dem Desktop nicht mehr âAbonnierenâ anzeigen, sondern âAbonniertâ. AuĂerdem sollen die Buttons beim Scrollen nicht mehr am Bildschirm schweben, d.h. beim Scrollen verschwinden.
Das groĂe Header-Foto auf der Blog-Beitragsseite wird auf MobilgerĂ€ten nicht ĂŒbertragen. Es wird kaum angezeigt oder manchmal gar nicht (Fotos unten zeigen Desktop vs. Mobil fĂŒr dieses Problem):
Danke fĂŒr das Feedback, @45thj5ej. Ich werde einige der VorschlĂ€ge möglicherweise in Zukunft als Standardeinstellungen implementieren. Ich bin mir nicht sicher, ob Sie das CSP-Problem bereits gelöst haben, aber es scheint eine content security policy script src-Option zu geben, die fĂŒr Ihren Fall funktionieren könnte, ohne die Funktion vollstĂ€ndig zu deaktivieren (bin mir da aber nicht ganz sicher).
Was das Thema betrifft, das auf anderen Seiten nicht funktioniert, so ist dies das erwartete Verhalten aufgrund der Verwendung der Klassen .blog und .blog-post in den Stilen. Jede Landingpage fĂŒgt ihrem Body eine eigene Slug als HTML-Klasse hinzu. Solange die CSS-Stile nur auf diese Klassen angewendet werden, wirken sie sich jeweils nur auf die Seiten âBlogâ und âBlog Postâ aus.
Was die restlichen Kommentare/Probleme betrifft, so wĂŒrde ich lediglich wiederholen, was ich in dem anderen Thema erwĂ€hnt habe, nĂ€mlich dass sie spezifisch fĂŒr Ihren Anwendungsfall sind, da es sich eher um allgemeine CSS-Fragen als um tatsĂ€chliche Probleme in der Komponente handelt. Dennoch werde ich sie mir irgendwann ansehen (aber verlassen Sie sich nicht darauf).
Hallo, das ist eine ziemlich ernste SacheâŠ
Ich habe mein Nginx so eingerichtet, dass mysite.com auf https://forums.mysite.com/home umgeleitet wird, und den DNS-A-Eintrag von meinem Domainanbieter eingerichtet (da dies die Hauptseite meiner Website sein soll).
Mir ist etwas Seltsames aufgefallen. Wenn ich von der Umleitung auf einen Blogbeitrag zugreife (also jeder, der meine Website aufruft, wĂŒrde dies erleben), wird der URL ein zweites /home hinzugefĂŒgt. Wenn ich jedoch von der direkten URL, https://forums.mysite.com/home, auf die Blog-Startseite zugreife, geschieht dies nicht.
Gibt es eine Möglichkeit, dies so schnell wie möglich zu beheben, oder wenn Sie mir sagen, wie, kann ich es selbst tun. Dies ist getrennt von dem Ă€hnlichen Problem, das vor ein paar Tagen nur auf MobilgerĂ€ten auftrat. Und natĂŒrlich wird der Link beim Ăberfahren mit der Maus auf der Blog-Startseite verdoppelt angezeigt, wie: https://forums.mysite.com/home/home/blog-test-one-million
Aber auch hier funktioniert es, wenn man die URL direkt aufruft und nicht von der Umleitung.
Können Sie ĂŒberprĂŒfen, ob das âDoppelpfadâ-Problem nur bei der Blog-Seite, bei einer beliebigen Landingpage oder bei einer beliebigen Discourse-Seite (z. B. /latest) auftritt?
Nur die Blog-Startseite/Landingpage, auf der man auf Blog-Post-Titel klickt.
.
EDIT: IGNORIEREN SIE DAS FOLGENDE. DIE KORREKTUR WAR:
Auskommentieren der folgenden Zeile in common.scss im
Blog-Theme, ungefÀhr bei Zeile 172:
body.blog {
/* padding-top: 8em; */
AuĂerdem, wie bearbeite ich die Kopfzeile der Website? Es scheint, egal was ich tue, die Kopfzeile wird immer dort platziert und ich kann sie ĂŒberhaupt nicht bearbeiten. Der obere Navigationsleisten-/MenĂŒ-/Logo-Bereich.
Beispiel: Ich habe eine benutzerdefinierte Kopfzeile erstellt, um die Standardeinstellung kĂŒrzer zu machen. Und selbst mit
.landing-header {
display:none
}
entsteht immer noch eine groĂe LĂŒcke oben. Wie kann ich diese LĂŒcke entfernen?
Hallo @NateDhaliwal, ich weiĂ, dass die Antwort etwas spĂ€t kommt, aber es sollte keine Probleme mit der Blog-Erweiterung geben (lass es mich wissen, wenn doch).
