Luft-Thema

[jordan.vidrine]

Der einzige Weg, dies zu tun, wäre, die Komponente zu deaktivieren, die die Kategorie-Seite angepasst hat. Sie müssen zu https://discourse.jordanvidrine.com/admin/customize/themes gehen, auf Components klicken und Modern Category + Group Boxes finden. Sobald Sie auf dieser Seite sind, scrollen Sie nach unten und klicken Sie auf Disable.

[1378434153 (Tom)]

Okay. Aber das Thema kann nicht angepasst werden

[1378434153 (Tom)]

Noch eine Frage: Ich muss die Anzahl der Aufrufe in der Themenliste anzeigen. Können Sie mir bitte sagen, wie das geht? Vielen Dank.

[Moolli]

Hallo Jordan, vielen Dank für deine Antwort! Ich weiß das wirklich zu schätzen!

[mati_h]

Hallo @jordan.vidrine, danke für das tolle Theme! Ich frage mich, ob es eine Möglichkeit gibt, Kategorien und die neuesten Beiträge auf der Homepage anzuzeigen? Lass es uns wissen.

[wendellverli (Wendell Fernandes)]

Mein Thema ist discourse.fotografos.online - WARUM IST DER OBEN WEISS? Wo ist mein Header!?? Kann mir jemand helfen! Es ist eine frische Installation! Was mache ich, um dort ein Bild statt eines durchgehenden Blaus einzufügen?

[eddy2 (Eddy)]

@jordan.vidrine Ist es möglich, eine Spalte für Ansichten hinzuzufügen? Wenn ja, wo kann ich auf diese Option zugreifen? Danke.

[jordan.vidrine]

Air Theme

I believe this should work: .full-width .contents .topic-list thead th.posts { width: 10%; } .full-width .contents .topic-list thead th.activity { width: 10%; order: 4; } th.num.views { width: 10%; order: 3; display: block; } .full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts { width: 10%; order: 2; } .topic-list .views { width: 10%; order: 3; } .full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age { width: 10%; order: 4; }

[eddy2 (Eddy)]

Vielen Dank für Ihre Antwort und die Zusendung dieser Informationen. Ich wünschte nur, ich wüsste, wie ich das auf das Thema anwenden kann!

[jordan.vidrine]

1. Gehen Sie hierhin admin/customize/themes
2. Klicken Sie auf Komponenten
3. Klicken Sie auf Installieren
4. Klicken Sie auf Neu erstellen und geben Sie ihm einen Namen
5. Klicken Sie in der Komponentenliste auf die neue Komponente
6. Klicken Sie auf HTML/CSS bearbeiten
7. Fügen Sie den oben verlinkten Code in die gemeinsame CSS-Datei ein.
8. Fügen Sie diese neue Komponente zum aktuell verwendeten Thema hinzu

[eddy2 (Eddy)]

Vielen Dank. Ich weiß Ihre Hilfe wirklich zu schätzen.

[eddy2 (Eddy)]

Ich habe es nicht geschafft, das HTML/CSS mit dem aktuellen Theme zum Laufen zu bringen. Ich kann jedoch den Abschnitt „Ansichten“ sehen, wenn ich die neue Komponente in der Vorschau ansehe. Das Theme zeigt auch an, dass die neue Komponente hinzugefügt wurde.

Hier ist ein kurzes Video: https://share.cleanshot.com/ekutkT

Bitte lassen Sie mich wissen, wenn Sie etwas sehen, das ich bei der Einrichtung falsch mache, wenn Sie Zeit haben.

Vielen Dank für all Ihre Hilfe.

[Brady1 (Brady Anthony-Brumfield)]

Wo füge ich das hinzu? Damit wird das abgeschnittene Hintergrundbild behoben, wie auf dem Bild zu sehen ist, ja?

[jordan.vidrine]

Sie könnten das Folgende durchgehen und die CSS dort hinzufügen:

@jordan.vidrine

• Gehen Sie hierhin admin/customize/themes
• Klicken Sie auf Komponenten
• Klicken Sie auf Installieren
• Klicken Sie auf Neu erstellen und geben Sie ihm einen Namen
• Klicken Sie in der Komponentenliste auf die neue Komponente
• Klicken Sie auf HTML/CSS bearbeiten
• Fügen Sie den oben verlinkten Code in die gemeinsame CSS-Datei ein.
• Fügen Sie diese neue Komponente zum aktuell verwendeten Thema hinzu

[UnitedFreedom (James)]

Hinzufügen der Spalte “Aufrufe” zur Themenliste

Ich bin keineswegs Entwickler oder Programmierer. Ich habe ein paar Stunden damit verbracht, mit dem CSS-Code über die Funktion “Element untersuchen” in Google Chrome herumzuspielen. Ich konnte die Spalte “Aufrufe” korrekt anzeigen lassen und habe auch die Größe jeder Spalte nach meinen Wünschen angepasst. Sie können die Breite im folgenden CSS-Code gerne anpassen. Ich habe auch Kommentare im Code hinzugefügt, damit Sie leicht erkennen können, welcher Code für welche Spalte bestimmt ist. Für jede Spalte gibt es 2 Bereiche (Kopfzeile und Zeile). Diese Breiten müssen übereinstimmen.

Ich hoffe, das hilft Ihnen allen: @daming @bksubhuti @eddy2

@daming

Ich habe einen Vorschlag: vielleicht kann man eine Datenanzeige von Aufrufen zur Hauptoberfläche des Beitrags hinzufügen. Dies gibt den Benutzern direkten Zugriff auf die beliebtesten Beiträge in der Community.

@bksubhuti

Wie zeige ich Aufrufe in der Themenliste an (diese Spalte fehlt)?

@eddy2

Ist es möglich, eine Spalte für Aufrufe hinzuzufügen? Wenn ja, wo kann ich auf diese Option zugreifen? Danke.

Anweisungen

1. Eine neue Komponente erstellen.

@jordan.vidrine

• Gehen Sie hierhin admin/customize/themes
• Klicken Sie auf Komponenten
• Klicken Sie auf Installieren
• Klicken Sie auf Neu erstellen und geben Sie ihm einen Namen
• Klicken Sie in der Komponentenliste auf die neue Komponente
• Fügen Sie diese neue Komponente dem aktuell verwendeten Theme hinzu
• Klicken Sie auf HTML/CSS bearbeiten
• Fügen Sie den oben verlinkten Code in die gemeinsame CSS-Datei ein.

2. Diesen CSS-Code kopieren

Verwenden Sie den folgenden aktualisierten CSS-Code anstelle des von @jordan.vidrine oben bereitgestellten Codes.

Option A) Fügt die Spalte “Aufrufe” nur für Desktops hinzu (empfohlen)

• Fügen Sie den CSS-Code in den Tab Desktop ein.

Option B) Fügt die Spalte “Aufrufe” sowohl für Desktops als auch für Mobilgeräte hinzu.

• Fügen Sie den CSS-Code in den Tab Common ein.

Option C) Fügt die Spalte “Aufrufe” nur für Mobilgeräte hinzu.

• Fügen Sie den CSS-Code in den Tab Mobile ein.

Hinweis: Wenn Sie Option B oder C gewählt haben…

Auf Mobilgeräten nehmen die 3 Spalten (Antworten, Aufrufe, Aktivität) zu viel Platz ein und sind gequetscht. Wenn Sie dies für Mobilgeräte benötigen, empfehle ich, eine der 3 Spalten zu entfernen. Sie können dies tun, indem Sie Display: none zu beiden Bereichen (Kopfzeile, Zeilen) im folgenden CSS-Code für die Spalte hinzufügen, die Sie ausblenden möchten.

/* [Topic] */

    /* Topic Header */
    .full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.main-link {
        width: 66%;
    }
    
    /* Topic Row */
    .full-width .contents .topic-list .topic-list-header .topic-list-data.default {
        width: 66%;
    }

/* [Replies] */

    /* Replies Header */
    .full-width .contents .topic-list .topic-list-header .topic-list-data.posts {
        width: 7%;
        order: 2;
    }
    
    /* Replies Rows */
    .full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
        width: 7%;
        order: 2;
    }

/* [Views] */

    /* Views Header */
    .full-width .contents .topic-list .topic-list-header .topic-list-data.views {
        display: block;
        width: 7%;
        order: 3;
    }
    
    /* Views Rows */
    .full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.views {
        width: 7%;
        order: 3;
        display: flex;
        justify-content: center;
        align-items: center;
    }

/* [Activity] */

    /* Activity Header */
    .full-width .contents .topic-list .topic-list-header .topic-list-data.activity {
        display: block;
        width: 7%;
        order: 4;
    }
    
    /* Activity Rows */
    .full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age {
        width: 7%;
        order: 4;
    }

@jordan.vidrine Wenn Sie Überarbeitungen am von mir geschriebenen CSS haben, lassen Sie es mich bitte wissen. Ich weiß nicht genau, was ich tue… aber es funktioniert, lol.

[UnitedFreedom (James)]

Hier sind meine CSS-Änderungen zur Verbesserung der mobilen Ansicht.

Ich liebe dieses Theme absolut, aber mir sind ein paar kleine, unbedeutende Details aufgefallen, daher habe ich auch die folgenden CSS-Änderungen vorgenommen, um es aus meiner Sicht etwas schöner aussehen zu lassen. Ich hoffe, das hilft jemand anderem mit den gleichen Vorlieben.

Hier ist das Original (unbearbeitet)

Beachten Sie Folgendes auf dem obigen Bild:

• Die Zahl 1, die die Antworten darstellt, ist zu weit links.
• Die Themenblase überlappt leicht den blauen Hintergrund.
• Es gibt keinen Abstand zwischen dem gesamten Inhalt und dem blauen Hintergrund.
• Der blaue Hintergrund sieht auf der Kategorieseite nicht gut aus. Auf der Startseite gefällt er mir jedoch.

Hier ist der CSS-Code, den ich im Tab Mobile hinzugefügt habe.

/* Fügt etwas Abstand zum Bereich Kategorie, Unterkategorie, Tags, Suche, Neueste, Neues Thema und Benachrichtigungen hinzu */
.list-controls {
    padding: 5px;
}

/* Fügt etwas Abstand zum Themenbereich hinzu */
div#list-area {
    padding: 6px;
}

/* Richtet die Anzahl der Antworten weiter nach rechts aus */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
    float: right;
}

Aktualisiert (nach dem Hinzufügen des CSS)

Wenn Sie den blauen Hintergrund ebenfalls entfernen möchten, finden Sie hier den Code, um ihn nur von den Kategorieseiten zu entfernen.

/* Entfernt den blauen Hintergrund nur für Kategorien */
html .category .background-container {
    background: #fff;
    clip-path: none;
}

So sieht es mit allen Änderungen aus.

[UnitedFreedom (James)]

Problem mit mobilen Geräten melden

Auf Mobilgeräten gibt es ein Dropdown-Menü für Kategorien. Wenn darauf geklickt wird und entweder „Neueste“, „Ungelesen“ oder „Top“ ausgewählt wird, können Kategorien nicht erneut aus dem Dropdown-Menü ausgewählt werden.

1. Vorher

2. Wenn das Dropdown-Menü angeklickt wird

3. Nachdem Sie geklickt haben

4. Dropdown-Menü (fehlende Kategorien)

An diesem Punkt kann ein Benutzer das Dropdown-Menü nicht mehr auswählen und erneut Kategorien auswählen.

Haben Sie Ratschläge, wie dieses Problem behoben werden kann?

Danke

[jordan.vidrine]

@UnitedFreedom

Vielen Dank für die Veröffentlichung dieser hilfreichen Anweisungen für diejenigen, die möchten, dass die Ansichtspalte sichtbar ist.

@UnitedFreedom

Auf Mobilgeräten gibt es ein Kategorie-Dropdown-Menü. Wenn Sie darauf klicken und entweder Neueste, Ungelesene oder Top auswählen, können Sie keine Kategorien mehr aus dem Dropdown-Menü auswählen.

Haben Sie einen Link zu Ihrer Website? Ich probiere das auf meiner lokal aus und kann es nicht reproduzieren.

[Heliosurge (Dan DeMontmorency)]

Vielen Dank für dieses vollständige, polierte und vollständige Theme.

Ich habe ein Problem mit der Komponente „Featured Topics“, die die Karten nicht anzeigt. Ich hätte auch gerne die Möglichkeit, nur hervorgehobene Themen aus bestimmten Kategorien anzuzeigen. Was theoretisch oder in den Varianten basierend auf dem offiziellen funktionieren sollte.

Siehe Bild unten

Ich kann Ihnen bei Bedarf einen Link per DM senden, damit Sie sich das ansehen können. Beide Testthemen haben Bilder, die hervorgehoben sind; obwohl sie den benutzerdefinierten Tag pi-featured verwenden. Läuft test-passed

[jordan.vidrine]

@Heliosurge

Ich kann Ihnen bei Bedarf einen Link per DM senden, damit Sie ihn sich ansehen können.

Bitte senden Sie einen Link, ich werde ihn mir ansehen