Tema düzenleyici

Kullanım tekniği Tabbet Widget Yapısı İle İstatistik Yapımı

  • Konuyu başlatan Konuyu başlatan XDinc
  • Başlangıç tarihi Başlangıç tarihi

XDinc

Yönetici
XenTR Mod
Customer
SMS Confirmed
Katılım
3 Şub 2019
Mesajlar
2,386
Çözümler
65
Tepki puanı
5,254
Puanları
113
Konu sahibi
Değerli arkadaşlar,
Bu konuda her hangi bir eklenti kullanmadan XenForo sistemi içerisinde yer alan widgetları kullanarak istatistik tablarını oluşturmayı sizlere tekrar anlatmış olacağız.
Mevcut anlatımı yapılan konu içeriğinin güncellenme ihtiyacı doğduğundan yeniden Eyüp B. arkadaşımız için özetlemek istedik.

Resimleri ve adımları dikkatli izleyen kullanıcılar başarılı bir şekilde sonuca ulaşacaktır.

İlk olarak kullanacağımız widgetları oluşturalım
Son mesajlar için New post olarak seçim yapıp 1. widgetı ekliyoruz.

NewPost.PNG

Seçim yaparken dikkat etmemiz gereken nokta ekleyeceğimiz widgetlar için bir pozisyon yani görünüm alanı seçmememiz gerektiğidir.
Hiç bir gösterim alanını seçmiyoruz.

NewThreads_Position.PNG

Standart görünümü seçiyoruz.

Widget_Display_Style.PNG

Aynı şekilde,
Son konular widget alanını ekliyor ve görünüm yeri seçmiyoruz.

NewThreads.PNG

Eğer Resource manager (Kaynaklar) eklentiniz varsa bunu da dahil ediyoruz.

NewResources.PNG

Tüm bu widgetları oluşturduktan sonra pozisyon değeri olmayan widgetlar en altta yer alır.

NoPosition_Widgets.PNG

Şimdi tüm bu widgetları bir tab yapısında birleştirelim.
Bunun için yapmamız gereken aşağıda yer alan örnekteki kodları kullanmak,

Kodlara baktığınız şunu göreceksiniz,
aria-controls="new_post" ilk aktif tabı getirir burada 1. resimde widget eklerken widget key için atadığımız adı veriyoruz, yani new_post
id="new_thread" diğer widgetlar için ise id değerlerini yine kullandığımız widget key ile aynı şekilde giriyoruz, yani sırası ile new_thread new_resource gibi düşünün

ul class yapılarının altında yer alan widget key alanlarınıda aynı şekilde verdiğimiz isimlere göre dolduruyoruz.

Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

new_post yine buna örnek (Unutmayın hep aynı isimleri kullanıyoruz.)

Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
Bu alanda yer alan 5 değeri yeni konuların çekileceği alanın sadece 5 ID li forumdan gelmesini sağlar.
Siz ID değerinizi kendiniz değiştirebilirsiniz. (Ben örnekte Duyuru olarak bir ID değeri verdim.)


Bu anlatımları kısaca özetledikten sonra,
HTML widget oluştur seçeneği ile yeni bir widget oluştura tıklıyoruz,

HTML:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Template/Şablon alanına yukarıda yer alan kodları ekliyoruz.
Dikkat etmeniz gereken nokta Gelişmiş mod seçeneğinin aktif olmasıdır.

Stats_widget.PNG

Şimdi tab HTML widget için kaydetme işlemini yapıyoruz.
Son aşamada ise aşağıda yer alan kodları aktif olan temanızın extra.less şablonuna ekleyiniz.


CSS:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Artık sonuç aşağıda yer alan şekilde olmalı,

Stats_Result.PNG

Uygulamada sorun yaşayan arkadaşlar konu başlığı altında yazabilirler.
 

En Çok Tepki Alan 5 Mesaj

Hani derler ya yapıyorsun bu sporu diye. Eline sağlık övünç hocam. ?
 
Forumun butun bolumunde acilan konu ve yeni post lari gormesini istiyorum buna baska ne eklemem gerekir
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
 
Konu sahibi
Başka bir şey eklemenize gerek yok bu yeterli.
Uygulamanız başarılı olmazsa bize yazın bağlanıp yapalım.
Saygılar.
 
XDinc kardes elegant darkda burasini farkli renkde nasil ayarlayabilirim ? New Tread zor gorunuyor
Capture.PNG
 
Konu sahibi
Konu sahibi
Webtiryaki Bu arada SMF ile sonunda bağlarınızı koparmanıza sevindim. Üyeleriniz başlangıçta yadırgayabilirler ama alışınca seveceklerdir.
Saygılar.
 
Konu sahibi
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Yardımcı olabileceğimiz noktada lütfen iletin.
Dilerseniz şöyle açıklamaya çalışayım, pozisyon değeri atamadan oluşturduğumuz widget yapılarını bu aşamada bir arada topluyoruz, aktif ve pasif tabları belirliyoruz.
Ayrıntılı anlatmamı dilerseniz özel mesaj ile bir uzak masaüstü bilgisi gönderin bağlanıp süreci size özetleyelim.

Saygılar.
 
Elinize sağlık, yararlı bir rehber olmuş. XenForo 2.3.6 versiyonda uyguladım, sorunsuz çalıştı.
 
Popüler konularıda dahil edebiliyor muyuz, forumdaki en çok görüntülenmiş ilk 5 konu gibi.
 

Kullanıcılar bu konuyu aşağıdaki anahtar kelimeleri arayarak buldu:

  1. Kategori istatistik
  2. tabs
  3. tabWidget
Quick Jump
Geri
Üst