XenMake
Active member
- Katılım
- 3 Şub 2019
- Mesajlar
- 135
- Tepki puanı
- 124
- Puanları
- 43
Merhaba
Bu dersimizde şablonlara harici jquery ve xxx.less dosyalarımızı nasıl ekleyebiliriz hep birlikte görelim. XenForo 2.x yapısı ile zaten tümleşik olarak gelen bir jquery kütüphanesi mevcuttur. Ama bazı durumlar için harici js dosyalarına ihtiyaç duyarız. Bu durumda harici bir js dosyasını nereye ne şekilde eklememiz gerekir?
Harici JS kütüphaneleri
Genel olarak XenForo 2.x yapısında şöyle bir şablon mevcuttur.
Bu dosya içerisine harici js dosyalarımızı ekleyebiliriz.
Web sitenizi bir alt klasöre kurmamışsanız dosya yolu genellikle bu şekildedir.
Şablon üzerinde ekleyeceğimiz kod bu şekilde olmalıdır.
Alternatif olarak
Basit bir şekilde aşağıda gösterildiği gibi herhangi bir klasör içerisinde de js yolunu verebilirsiniz.
Ayrıca yeni oluşturulan bir şablon içerisine js kodlarınızı yazarak istenilen template içerisine çağırabilirsiniz.
Burada bulunan js_url sunucunuzda bulunan şu yolu göstermektedir. Bu yol zaten xenforo 'nun js dosyalarının yoludur. parantez içinde belirtilmiş olan ('dosya_yolu/custom.js') ise sizin public_html/js içerisine oluşturmuş olduğunuz bir klasörü ve bu klasörün içindeki custom.js dosyanızı gösterir.
Biz deneme diye bir klasör oluşturduğumuzu düşünürsek dosyamızın yolu tarayıcımızda açıldığında şu şekilde olmalıdır.
Her iki yolu da deneyebilirsiniz. Tavsiyem base_url yolunu denemiz olacaktır.
Bu şekilde artık harici js kütüphanelerini ekleyebiliriz.
Harici .less uzantılı şablonlar
extra.less
Aslında bunun için XenForo 'nun kendi yapısı gereği extra.less şablonu mevcuttur. Bu şablon güncelleme ve yükseltme işlemlerinde etkilenmez. Dolayısı ile bu şablon içerisine yazılmış kodlar herhangi bir değişiklik göstermezler taaki siz yeniden düzenleyene kadar.
Gelelim kendi oluşturmuş olduğumuz xxx.less uzantılı şablonları nasıl ekleyeceğimiz konusuna. Aslında bunun için iki pratik yöntem mevcuttur.
1' inci Yol
Bir adet xxx.less şablonu oluşturulur ve bunu direk olarak aşağıdaki verdiğim kodu extra.less şablonu içerisine yapıştırabilirsiniz.
2'inci yol
Diğer bir yolu ise Sistem üzerinde kullanılan şablonlar genellikle değişik yerlerde görünebilirler. Bu şablonların nerede nasıl kullanıldıklarını ilerleyen derslerimizde göreceğiz. Ama her sayfada bu .less biçimlendirmemizin görünmesini istiyorsak eğer direkt olarak PAGE_CONTAINER ana şablonuna ekleyebiliriz.
Şu şekilde </head> tagından hemen önce ekleyebilirsiniz.
Bu biçimlendirmeniz her sayfada tıpkı extra.less gibi görünecektir.
Bir diğer örnek olarak editor şablonu üzerinde bir düzenleme yapmak istiyorsak kendi oluşturmuş olduğumuz xxx.less şablonunu editor template üzerine aşağıda verdiğim kodu bu şablonu açarak en üste ekleyebilirsiniz.
Bu kadar basit. Bu olay sadece eklemiş olduğunuz şablon, sistem üzerinde nerede aktif ise xxx.less yapısını içerisine alarak görünür.
Umarım sizler için faydalı bir anlatım olmuştur. Lütfen kafanıza takılan soruları sormaktan çekinmeyiniz.
Bu dersimizde şablonlara harici jquery ve xxx.less dosyalarımızı nasıl ekleyebiliriz hep birlikte görelim. XenForo 2.x yapısı ile zaten tümleşik olarak gelen bir jquery kütüphanesi mevcuttur. Ama bazı durumlar için harici js dosyalarına ihtiyaç duyarız. Bu durumda harici bir js dosyasını nereye ne şekilde eklememiz gerekir?
Harici JS kütüphaneleri
Genel olarak XenForo 2.x yapısında şöyle bir şablon mevcuttur.
Bu dosya içerisine harici js dosyalarımızı ekleyebiliriz.
Web sitenizi bir alt klasöre kurmamışsanız dosya yolu genellikle bu şekildedir.
Şablon üzerinde ekleyeceğimiz kod bu şekilde olmalıdır.
Alternatif olarak
Basit bir şekilde aşağıda gösterildiği gibi herhangi bir klasör içerisinde de js yolunu verebilirsiniz.
Ayrıca yeni oluşturulan bir şablon içerisine js kodlarınızı yazarak istenilen template içerisine çağırabilirsiniz.
Burada bulunan js_url sunucunuzda bulunan şu yolu göstermektedir. Bu yol zaten xenforo 'nun js dosyalarının yoludur. parantez içinde belirtilmiş olan ('dosya_yolu/custom.js') ise sizin public_html/js içerisine oluşturmuş olduğunuz bir klasörü ve bu klasörün içindeki custom.js dosyanızı gösterir.
Biz deneme diye bir klasör oluşturduğumuzu düşünürsek dosyamızın yolu tarayıcımızda açıldığında şu şekilde olmalıdır.
Her iki yolu da deneyebilirsiniz. Tavsiyem base_url yolunu denemiz olacaktır.
Bu şekilde artık harici js kütüphanelerini ekleyebiliriz.
Harici .less uzantılı şablonlar
extra.less
Aslında bunun için XenForo 'nun kendi yapısı gereği extra.less şablonu mevcuttur. Bu şablon güncelleme ve yükseltme işlemlerinde etkilenmez. Dolayısı ile bu şablon içerisine yazılmış kodlar herhangi bir değişiklik göstermezler taaki siz yeniden düzenleyene kadar.
Gelelim kendi oluşturmuş olduğumuz xxx.less uzantılı şablonları nasıl ekleyeceğimiz konusuna. Aslında bunun için iki pratik yöntem mevcuttur.
1' inci Yol
Bir adet xxx.less şablonu oluşturulur ve bunu direk olarak aşağıdaki verdiğim kodu extra.less şablonu içerisine yapıştırabilirsiniz.
2'inci yol
Diğer bir yolu ise Sistem üzerinde kullanılan şablonlar genellikle değişik yerlerde görünebilirler. Bu şablonların nerede nasıl kullanıldıklarını ilerleyen derslerimizde göreceğiz. Ama her sayfada bu .less biçimlendirmemizin görünmesini istiyorsak eğer direkt olarak PAGE_CONTAINER ana şablonuna ekleyebiliriz.
Şu şekilde </head> tagından hemen önce ekleyebilirsiniz.
Bu biçimlendirmeniz her sayfada tıpkı extra.less gibi görünecektir.
Bir diğer örnek olarak editor şablonu üzerinde bir düzenleme yapmak istiyorsak kendi oluşturmuş olduğumuz xxx.less şablonunu editor template üzerine aşağıda verdiğim kodu bu şablonu açarak en üste ekleyebilirsiniz.
Bu kadar basit. Bu olay sadece eklemiş olduğunuz şablon, sistem üzerinde nerede aktif ise xxx.less yapısını içerisine alarak görünür.
Umarım sizler için faydalı bir anlatım olmuştur. Lütfen kafanıza takılan soruları sormaktan çekinmeyiniz.
