Kullanım Tekniği XF 2 İçin Discord Sohbet Kutusu

https://xenforo.com/community/attachments/edbbtjv-png.271043/



Feragatname: Bu, Widget Bot tarafından sağlanan ve daha fazla premium teklif için farklı planlara yükseltme seçeneği ile ücretsiz bir widget çözümü sağlayan ücretsiz bir eklentidir. Daha fazla ayrıntı için lütfen Widget Bot'a hiçbir şekilde bağlı değilim ve yalnızca son kullanıcının forumlarına kolayca uygulayabilmesi için kod topluyorum.

Herkese merhaba!

Sohbet kutusunun yolu, bazı yönlerden eski okul, rakip çözümler büyüyor ve daha popüler hale geliyor. Sohbet hizmetinin böyle bir örneği, topluluklara sohbet odaları ve sesli sohbet aracılığıyla organize olmaları ve iletişim kurmaları için ücretsiz bir araç sağlayan Discord'dur. Bu kod, Discord'un özelliklerinin Widget Bot kullanılarak Xenforo'ya uygulanmasına izin verir.

Bu kılavuzda özel bir şablon ekleyeceğiz, siteye fazladan css ekleyeceğiz ve html kutusunu görüntülemek istediğimiz sayfaya eklenebilir bir etiket ekleyeceğiz.

Anlaşmazlık Kurulumu:

  1. Burada bulunan kurulum kılavuzunu okuyun
  2. Botu sunucunuza davet etmek için öğreticideki bağlantıyı izleyin.
  3. Bota çalışması için gereken tüm izinleri verin.
  4. Discord sunucunuzdaki bir metin kanalına "/setup" yazın
  5. Başlayın
  6. Bot için uygun izinleri sağlamak için kullanmak istediğiniz kanalı etiketleyin. Örnek "#general" olabilir
  7. Devam et
  8. Hata kaydı için kanalı etiketleyin. Örnek "#bot-commands" olabilir
  9. Misafirleri etkinleştirmeyi veya misafir olmadan devam etmeyi seçin (önerilir)
  10. Daha sonra kullanacağımız HTML kodunu almak için metin kanalına "/html-embed" yazın. Böyle görünmeli

Kod:
<widgetbot server="1234567890123"
    channel="12345678901234567"
    width="800"
    height="600"
></widgetbot>
<script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>

NOT: Varsayılan olarak ayarlamak istediğiniz kanalın kanal kimliğini düzenlemeniz gerekebilir. Bunu yapmak için istediğiniz kanala sağ tıklayın ve "bağlantıyı kopyala"yı seçin ve son sayı kümesinden kanal kimliğini çıkarın

Kod:

  1. bunun özel bir kanalda olmadığından emin olun yoksa kimse göremez.
Xenforo Şablon kurulumu:

  1. Yönetici >> Görünüm >> Şablonlar >> altındaki şablon düzenleyiciye gidin. Varsayılan şablonunuzu seçin
  2. Şablon ekle'yi seçin
  3. Şablonu "discord.chatbox" olarak adlandırın
  4. Aşağıdaki kodu şablon kutusuna yapıştırın

Kod:
<span class="nomobile"> <!-- Hides the chat box on mobile --> <widgetbot
    server="PlaceYourServerIDHere"
    channel="PlaceYourChannelIDHere"
    width="980"
    height="300"
    ></widgetbot>
 
    <span class="chatbox"> <!-- style the box the chatbox sits in by default this is just a line break -->
        <script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>
    </span>
</span>

  1. Kodu, yukarıdaki anlaşmazlık adımlarında oluşturduğumuz gibi sunucu kimliğiniz ve kanal kimliğinizle düzenleyin
  2. Genişliği ve yüksekliği istediğiniz tercihlerinize göre düzenleyin
  3. Şablonu kaydet

  4. 1. adımda şablon listesine geri dönün, ancak bu sefer "extra.less" öğesini bulana kadar aşağı kaydırın ve üzerine tıklayın.
  5. Aşağıdaki CSS kodunu extra.less'a yapıştırın

Kod:
@media (max-width: 900px) { .nomobile {
            display: none;
    }
}

.chatbox {
    margin-bottom: 10px;
    display:block;
}

  1. Şablonu kaydet

  2. 1. adımdaki şablon listesine geri dönün, ancak bu sefer "forum_list" öğesini bulun ve bu kodu en üste yapıştırın

Kod:
<xf:include template="discord.chatbox" />

  1. Şablonu kaydet
Forum listenizi yükleyin ve yeni sohbet kutusunu görmelisiniz!

İzin hataları alırsanız, discord botunun sunucunuzda olduğunu, ana html kodunda doğru sunucu ve kanal kimliklerine sahip olduğunuzu ve normal discord kullanıcılarının sohbeti görmesine izin vermek için doğru izinlerin ayarlandığını iki kez kontrol edin.

https://xenforo.com/community/attachments/ha4foou-png.271041/


https://xenforo.com/community/attachments/zyl6yuh-png.271042/
 
Üst