⚙️ Modern Footer Eklentisi

Lisans Son Sürüm Toplam İndirme

📝 Açıklama

Bu uzantı, Flarum forumunuz için özelleştirilebilir ve duyarlı bir footer oluşturmanıza olanak tanır. Forumunuzun ikinci rengini otomatik olarak eşleştirir ve gece moduyla tamamen uyumludur. Her şeyi ayarlar sayfasından tamamen özelleştirebilirsiniz. Ayrıca kendi özel JS kodunuzu ekleyebileceğiniz bir alan da bulunmaktadır.

Eklediğiniz bağlantılar dahili bağlantılar ise normal bir şekilde açılır. Harici bağlantılar ise yeni bir sekmede açılır.

🛠️ Son Güncelleme

v0.7 - 19 Aralık 2024

v0.6 - 14 Aralık 2024
v0.5 - 9 Aralık 2024

👀 Demo

📥 Kurulum

composer require huseyinfiliz/modern-footer

Ayrıca Eklenti Yöneticisi ile de kurabilirsiniz: huseyinfiliz/modern-footer

♻ Güncelleme

composer update huseyinfiliz/modern-footer

Kaldırmak için şu komutu çalıştırmanız yeterlidir: composer remove huseyinfiliz/modern-footer

🔗 Bağlantılar

🎨 Özelleştirilebilir

Eğer Mobile Tab uzantısını kullanıyorsanız, bunu ayarlar kısmından kontrol edebilirsiniz.

🌐 Çeviri

❤ Teşekkürler

Yeni footer tasarımı için @Can ’a ve FoF ekibine teşekkürler!

💡 Geri Bildirim ve Öneriler

Her zaman daha fazla talep ve öneri duymaktan mutluluk duyarım!

v0.5 Yayınlandı!

fof/custom-footer’ın çatalı (fork) olarak başlayan uzantı artık özel repo'ya dönüştü ve custom-footer ile beraber ayrı bir uzantı olarak kullanılabilir. İki uzantı aynı anda çalıştırıldığında herhangi bir sorun yaşanmaz. Birbirlerinden bağımsız bir şekilde çalışırlar.

  • Artık public repo’ya dönüştü ve ayrı bir uzantı olarak kullanılabilir.

  • İletişim butonu artık Font Awesome simgelerini destekliyor.
    İletişim Butonu Metni: <i class="fas fa-envelope"></i> Contact

  • Artık diğer subdomainler veya kök domain, dış bağlantı olarak kabul ediliyor.
    Bu değişiklik, freeflarum gibi sistemlerde yaşanan sorunları çözmek için yapıldı.

Sonraki güncelleme planları arasında ayarlar sayfasının sadeleştirilmesi, veritabanında optimizasyon amaçlı değişiklikler yapılması, fof/links gibi 4′ten fazla bağlantı eklenebilmesi ve bu bağlantıların yeni sekmede açılmasının otomatik olmasının yerine, yöneticiye bırakılması gibi planlar bulunmaktadır.

Modern Footer’ı kullandığınız için teşekkür ederim. Daha fazla geliştirme için önerilerinizi bekliyorum.

Link metinlerinin rengini değiştirmeyi deneyin:

footer a{color: var(--muted-color)}

Güncelleme

SSH ile Güncelleme

  1. Aşağıdaki komutu çalıştırın:
       composer update huseyinfiliz/modern-footer
  2. Cache’i temizlemek için:
       php flarum cache:clear

Yönetici Paneli ile Güncelleme

  1. Extension Manager’da güncellemeleri kontrol edin ve uzantıyı güncelleyin.
  2. Ardından, Yönetici Paneli -> Gösterge Paneli -> Araçlar -> Cache temizleme kısmına gidin.

İstekler

Eğer uzantıyla ilgileniyorsanız, bu tartışma üzerinden eklemek istediğiniz özellikler hakkında konuşabiliriz.

    • Düzenlendi

    huseyinfiliz Merhabalar,
    Ben görünümün dahada uyumlu yapılabilmesi adına birkaç öneri ile gelmek istedim.

    İlk önerim uzantının componentlerinin bence sola hizalı olacak şekilde görünmesi daha şık bir görünüm katabilir.

    Fikrimce bir footerda aşağıdakilerin kesinlikle bulunması gerekiyor diye düşünüyorum:

    • logo (ayrı olarak eklenebilirse tadından yenmez)
    • slogan, açıklama metni
    • sosyal medya hesaplarına yönelen simgeler
    • çok sayıda bağlantı metni

    Aklımda yukarıdaki düşüncelerimi destekler nitelikte bir görünüm stili bulunuyor, bunları Figma’da uygun tasarım diliyle yapılmış görüntüsünü buradan en kısa zamanda paylaşmak isterim.

    Not: Backend geliştirmeyi seven biri için bu öneriler çok can sıkıcı öneriler olabilir kusura bakmayın. Footer geliştirmek responsive tarafında çok kafa ağrıtıyor 🙏

      Can öncelikle önerilerin için teşekkürler.

      • logo şu an “forum title” alanına html ile eklenebiliyor. Bunu HTML’e ihtiyaç duymadan sadece bağlantı adresi girilerek yapılmasını sağlayabilirim. Bunu 24 saat içinde gelecek bir güncellemeye ekliyorum. Dosya yükleme tuşu eklemek gereksiz olur diye düşünüyorum yinede fikirlerinizi tekrar duymak isterim.

      • Slogan, açıklama metni için copyright alanı yeterli olur diye düşünüyorum aslında. Bunu tekrar konuşabiliriz.

      • About blok’unun (en sağdaki) altına sosyal medya butonları eklenebilir bu fikir hoşuma gitti.

      • 4′den fazla bağlantı eklenmesini kastediyorsunuz diye düşünüyorum. Bu aklımda olan bi fikirdi. 1.0 sürümü ile gelecek. Bunun eklenti şu an ayarlar tablosunu kullanıyor fakat kendi tablosu olursa daha optimize olacaktır.

      Tasarımları bekliyorum, lakin unutulmaması gereken bir şey var. Bu tasarım mümkün olduğunca Flarum vanilla temasına uygun bir şekilde yazıldı. Çoğu şey yeni CSS ile değil aktif temanın CSS’si ile uyarlanıyor.

      Bu anlamda tasarım özgürlüğü vermek istesemde çok uçuk tasarımlara müsade etmek istemiyorum.

      Altyapı gelişime müsait ve eklenen yeni içerikler için CSS koduna müdahale etmem gerekmiyor. Bunun sebebi dediğim gibi flarum’un kendi CSS’si ile çalışıyor.

      Son olarak metinlerin sola dayalı olması konusunda bir seçenek ekleyebilirim. Mobilde sola dayalı olması kötü gözüküyor. Web sürümünde seçenek sunabilirim. Bunu da 1.0 sürümüne bırakacağım.

      Daha fazla öneri ve isteklerinizi duymak için sabırsızlıkla bekliyorum

      • Can bunu yanıtladı.
      • Can bunu beğendi.
        • Düzenlendi

        Merhaba,
        Figma’da amatörce hazırladığım bu tasarım modeline uygun bir giydirme bence sizi çok daha ön plana taşıyacaktır. Hatta bence mevcuttaki eklentiyi aşağıdaki tasarım modeline uyarlayıp Paid şekilde ödeme alabileceğiniz bir uzantıya çevirebilirsiniz. Uzantı ayar sayfasında kullanıcıdan sosyal medya hesaplarının linklerini alabilir, logo url alabilir ve metin kutuları ile açıklama metni alanları için alanlar bırakabilirsiniz diye düşünüyorum. Bu büyük bir iş yükü oluşturacaktır. Ancak Paid bir uzantı ile emeklerinizin karşılığını bir nebzede olsa alabilirsiniz diye düşünüyorum.

        huseyinfiliz Dosya yükleme tuşu eklemek gereksiz olur

        Dosya upload belki güvenlik tarafında da zaafiyetler oluşturur belkide oluşturmaz emin değilim ama link kutusu daha verimli olacaktır. Sizinle hemfikirim.

        huseyinfiliz Son olarak metinlerin sola dayalı olması konusunda bir seçenek ekleyebilirim. Mobilde sola dayalı olması kötü gözüküyor. Web sürümünde seçenek sunabilirim. Bunu da 1.0 sürümüne bırakacağım.

        Ekteki Figma görüntüsünde bilgi kapasitem yetersiz olduğu için mobil bir görünüm prototipini sizin için hızlıca oluşturamadım ancak mobilde her şeyi center hizasında toplamak iyi bir fikir olabilir. Şimdiden elinize sağlık.

          Can Mobil tasarım için bu şekilde nasıl sizce hocam

          • Can bunu yanıtladı.

            huseyinfiliz Bence gayet iyi, elinize emeğinize sağlık. Bağlantılar uzunca yazıldığında bile görünümünü koruyacak mı?

              Can uzundan kasıt bağlantı metni ise belli bir karakterden sonra üç nokta ekleyelim 🥂

              @Can özel tartışma oluşturabiliyorsan veya hızlı iletişim için bir adres iletebilir misin, ayarlar sayfasına gözatmanı rica edeceğim tam içime sinmedi.

              Güncellemeyi bekleyen varsa şu an ayarlar sayfası bu şekilde, 1-2 gün içinde yayınlamayı hedefliyorum.

              • Can bunu yanıtladı.

                huseyinfiliz Selamlar,
                Öncelikle emeğinize sağlık harika görünüyor. Ancak üzgünümki test edebilmem için boşluğum bulunmuyor. Ancak akşam 23′den sonra müsait olabilirim.

                v0.6: Eklenti Baştan Aşağı Yenilendi!

                Tamamen yeniden tasarlanan footer ve ayarlar sayfasıyla yepyeni bir deneyim sunuyor!

                O kadar çok yeni özellik var ki hepsini listelemek beni yorar. Tüm bu zamanın ardından bu güncellemeyi yayınlayabildiğim için çok mutluyum 😁

                Altbilginin renkleri sitenizin ikincil rengine göre belirlenir.

                Yönetici Paneli -> Görünüm -> Renkler #2

                Düşüncelerinizi duymayı sabırsızlıkla bekliyorum.

                Not: Güncellemeden sonra önbelleğinizi temizlemenizi öneririm.

                Teşekkür

                @Can ’a yeni footer tasarımı ve tüm yardımları için teşekkür ederim 🍷

                  İlgili eklentilerin düzenlenmesi, ilave istek vs. İçin ücretli iş alıyormusunuz?

                    4 gün sonra

                    ÖNEMLİ!

                    Eklentiyi güncelledikten sonra:

                    1. Önbelleğinizi temizleyin.
                    2. Modern Footer eklentisini devre dışı bırakıp yeniden etkinleştirin.

                    Bu adımları uygulamazsanız görsel hatalarla karşılaşabilirsiniz.

                    v0.7 YAYINDA!

                    Beklenen bir özellik eklendi: Belirli sayfalarda footer’ı gizleme özelliği artık mevcut:

                    Footer Görüntüleme Modu!

                    • Tüm sayfalarda göster: Footer, sitenin tüm sayfalarında görünür.
                    • Tüm sayfalarda gizle: Footer, sitenin tüm sayfalarında gizlenir. Bu özelliği eklenti ayarlarını yaparken kullanmak isteyebilirsiniz.
                    • Tartışma sayfalarında gizle: Footer yalnızca tartışma sayfalarında gizlenir.
                    • Anasayfa haricinde tüm sayfalarda gizle: Footer yalnızca ana sayfada görünür, diğer tüm sayfalarda gizlenir.
                    • Özel: Footer’ın ne zaman ve nerede görüneceğine dair kendi kurallarınızı oluşturmanıza olanak tanır. Bunun hemen çıkacağına dair bir söz veremem, ama neden ileride olmasın?

                    Türkçe Dil Desteği

                    Eklentiyi rahatça kullanabilmeniz adına Türkçe dil desteği eklendi. Eklentiyi güncelledikten sonra devredışı bırakıp tekrar etkinleştirmeniz gerekiyor. Birde önbelleği temizlemenizde fayda var.

                    Özel HTML

                    Bir başka beklenen özellik de eklendi:

                    Özel bir HTML örneği sizin için hazırladım:

                    <div class="sponsor-container">
                      <div class="sponsor-logo">
                        <img src="https://flarum.org/img/brands/github.png" alt="Github Logo">
                      </div>
                      <div class="sponsor-logo">
                        <img src="https://flarum.org/img/brands/1password.png" alt="1Password Logo">
                      </div>
                      <div class="sponsor-logo">
                        <img src="https://flarum.org/img/brands/jetbrains.png" alt="Jetbrains Logo">
                      </div>
                      <div class="sponsor-logo">
                        <img src="https://flarum.org/img/brands/ohdear.png" alt="Ohdear Logo">
                      </div>
                      <div class="sponsor-logo">
                        <img src="https://flarum.org/img/brands/styleci.svg" alt="Styleci Logo">
                      </div>
                      <div class="sponsor-logo">
                        <img src="https://nlnet.nl/logo/banner.png" alt="Nlnet Logo">
                      </div>
                    </div>
                    
                    <style>
                      .sponsor-container {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-wrap: wrap;
                      }
                      .sponsor-logo {
                        margin: 10px 20px;
                      }
                      .sponsor-logo img {
                        max-height: 50px;
                        object-fit: contain;
                      }
                    </style>

                    Detaylar

                    Burada bahsetmediğim birçok ayrıntı da var. Hızlıca özetleyeyim:

                    • Anasayfa tartışma listesinin altbilgiye olan mesafesi mobilde kaldırıldı.
                    • Ayarlar menüsünde “Links #1” yerine, artık blok için belirlediğiniz başlık gösterilecek.
                    • Bloklar bölümünde yapılan değişiklikler, artık kaydetmeden önce menüde ve genel ayarlar sayfasında yansıtılacak.
                    • Forum tarafındaki kod tamamen yeniden yazıldı, performans artırıldı.
                    • Forumda gizlenen bileşenler artık statik olarak yüklenmeyecek.
                    • 0.6 sürümünde kaldırılan dil dosyası, tamamen yeni bir şekilde geri getirildi. Ancak, önceki özel çevirileriniz silindi.
                    • Ayarlarda tasarım tutarlılığı sağlandı ve bazı seçenekler daha mantıklı bölümlere taşındı.

                    Ayrıca şu anda hatırlayamadığım birçok küçük değişiklik veya güncelleme de yapıldı.

                    Geri Bildirim ve Öneriler

                    Her zaman daha fazla talep ve öneriyi duymaktan mutluluk duyarım!

                    20 gün sonra

                    Modern Footer v0.8 Yayınlandı! 🎉

                    🚀 Yeni Özellikler:

                    • Footer ile Forum Arasındaki Boşluk:
                      CSS kodundan, footer ile forum arasındaki boşluğu kaldırma işlevi bazı temalarda uyumsuzluğa sebep olduğu için kaldırıldı. İsteyenler aşağıdaki css kodunu kullanarak bu boşluğu kaldırabilir:
                      @media (max-width: 767.98px) {
                        .App-content {
                          padding-bottom: 0;
                        }
                      }
                    
                      .App {
                        padding-bottom: 0;
                      }
                    • Sosyal Medya Butonları:
                      Butonların tıklanabilirliği ile ilgili sorun giderildi.

                    • Tartışmalarda <footer> Etiketi Sorunu:
                      Tartışmalarda her yorumdan sonra kullanılan <footer> etiketi nedeniyle oluşan sorun, LESS (CSS) kodunun tamamen yeniden yazılmasıyla çözüldü.

                    Not: Uzantıyı güncelledikten sonra önbelleğinizi temizlemeyi unutmayın.

                    • Footer’ın Gereksiz Sayfalardan Kaldırılması:

                      • Footer artık varsayılan olarak Taslaklar, Bildirimler ve Raporlar sayfalarından kaldırıldı.
                      • Footer’ın gizlenmesi gereken başka sayfalar varsa, lütfen bu tartışmada paylaşın.
                    • Mobil Sekme Yüksekliği:

                      • Mobil Sekme Yüksekliği, altbilginin gizli olduğu sayfalarda artık devre dışı.
                      • Ek olarak, mobil sekme yüksekliğindeki arka plan rengi kaldırıldı.
                    • Can bunu beğendi.
                    2 ay sonra

                    hasanmerkit Bağlantılar ve doldurulabilir alanlar için diyorsunuz sanırım. Bu eklentiyi daha fazla geliştirme planım yok. Bunun yerine sıfırdan yeni bir eklenti üzerinde çalışmayı düşünüyorum

                    Her yaptığım değişiklik aktif kullanan birini rahatsız ediyor malesef

                      Hadımköy Kombi Servisi Minecraft Türk Sunucular