Yeni Widget Oluşturma

1. İlk olarak yapılacak widget'in HTML ve CSS kodları yazılır.

2. Hesap ayarlarından Yönetici sayfasına giriş yapılır.

3. Tasarım menüsünün altında bulunan Özel Eklentiler bölümüne tıklanır.

4. Yeni bir widget eklemek için sağ üstteki artı butonuna tıklanır.

5. Input alanları doldurulur (icon input'u bootstrap icons kullanılmak üzere ayarlanmıştır ve serBuilder sayfasında Widget için gösterilecek iconu belirler).

6. Oluşturulan HTML ve CSS kodları belirlenen kod bloklarına eklenir. Ardından istenen attribute'lerin eklenmesi için kaydetme işlemi yapılır.

7. Attributes eklemek attributes tabına tıklandıktan sonra sayfanın sağ üstünde bulunan + butonuna tıklanır.

8. Oluşturulmak istenin attribute özelliklerine göre input alanları doldurulur.

9. Manuel olarak serBuilder içinde değiştirilmesi beklenen widget alanının içine attribute'u eklemek için twig template açılır. Attribute için belirlenen key name twig içine

   {{ widget.(olusturulan attribute'un key name değeri) }}

olarak eklenir.

10. Kaydetme işlemi tamamlandıktan sonra artık serBuilder sayfasında widget repos kısmında oluşturduğunuz widget görünecektir. Sürükle bırak yöntemi ile kullanılabilir haldedir.