FKB Pro - Soziales Thema

[Don]

Hallo,

Sie können ein Remote-Theme nicht direkt bearbeiten, seit Restrict editing of remote themes.

Anstatt es direkt zu bearbeiten, können Sie eine neue Komponente erstellen, die Sie an das Theme anhängen können.

Ich gehe davon aus, dass Sie ein Icon zum Header-Anmelde-Button hinzufügen möchten.

Befolgen Sie diese Schritte, um dies zu erreichen:

1. Gehen Sie zu /admin/customize/themes/
   Anpassen → Themes

2. Klicken Sie auf die Registerkarte Komponenten und dann auf die Schaltfläche Installieren
   

   

3. Klicken Sie im Popup-Fenster auf die Schaltfläche Neu erstellen und geben Sie den Namen der neuen Komponente ein.

4. Klicken Sie auf die Schaltfläche Erstellen.

5. Die Komponente wurde erstellt. Wählen Sie nun das FKB Pro-Theme aus, um es zu aktivieren.
   

   

6. Klicken Sie auf die Schaltfläche CSS/HTML bearbeiten.
   

   

7. Klicken Sie auf die Registerkarte Header und fügen Sie den folgenden Code in diesen Abschnitt ein.
   

   

   <script type="text/discourse-plugin" version="0.8.13">
   api.reopenWidget("header-buttons", {
         tagName: "span.header-buttons",
   
     html(attrs) {
       if (this.currentUser) {
         return;
       }
   
       const buttons = [];
   
       if (attrs.canSignUp && !attrs.topic) {
         buttons.push(
           this.attach("button", {
             label: "sign_up",
             className: "btn-primary btn-small sign-up-button",
             action: "showCreateAccount",
             icon: "user"
           })
         );
       }
   
       buttons.push(
         this.attach("button", {
           label: "log_in",
           className: "btn-primary btn-small login-button",
           action: "showLogin",
           icon: "user"
         })
       );
   
       return buttons;
     }
   });
   </script>
   

8. Klicken Sie auf Speichern