FKB Pro - ソーシャルテーマ

[Don]

こんにちは。

Restrict editing of remote themes のため、リモートテーマを直接編集することはできません。

直接編集する代わりに、テーマにアタッチできる新しいコンポーネントを作成できます。

おそらく、ヘッダーのサインアップボタンにアイコンを追加したいのだと思います。

これを達成するには、次の手順に従ってください。

1. /admin/customize/themes/ に移動します。
   カスタマイズ → テーマ

2. コンポーネントタブをクリックし、次に [インストール] ボタンをクリックします。

3. ポップアップウィンドウで [新規作成] ボタンをクリックし、新しいコンポーネント名を入力します。
   

   

4. [作成] ボタンをクリックします。

5. コンポーネントが作成されました。次に、FKB Proテーマを選択してアクティブ化します。
   

   

6. [CSS/HTMLを編集] ボタンをクリックします。
   

   

7. ヘッダータブをクリックし、以下のコードをそのセクションに貼り付けます。
   

   

   <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. [保存] ボタンをクリックします。