ana ekrana arama çubuğu ekleme nasıl yapılır?
Ana Ekrana Arama Çubuğu Ekleme Nasıl Yapılır?
- Konuyu Başlatan Salvo
- Başlangıç tarihi
- Cevaplar 1
- Görüntüleme 8
-
- Etiketler
- ana ekran arama çubuğu ekleme
Yönetici
Özet
XenForo’da ana sayfanın üstüne bir arama çubuğu eklemek için ya mevcut aramayı şablonla üste alman gerekiyor ya da özel bir arama formu ekleyebilirsin.
En pratik yol (mevcut aramayı üste almak)
Varsayılan XenForo’da arama ikonu/çubuğu genelde header’da (sağ üstte) olur. Bunu ana sayfada daha görünür yapmak için:
- AdminCP’ye gir
- Görünüm ve Diller > Şablonlar bölümüne git
- Kullandığın temanın şablonlarında PAGE_CONTAINER şablonunu aç
- Bu şablonda
xf:searchveya arama ile ilgili bloğu bul ve istediğin yere taşı (örneğin logo ile nav arasına)
Örnek bir arama bloğu (tema ve sürüme göre değişebilir) şu tarz olur, bunu yukarı bir alana kes-yapıştır yapıyorsun:
HTML:
<xf:macro name="search" arg-page="!">
<div class="p-header-search">
<xf:search />
</div>
</xf:macro>veya direkt:
HTML:
<xf:search />gibi bir kodu
PAGE_CONTAINER içinde daha yukarı alman yeterli.Ana sayfaya özel arama çubuğu eklemek (home template içine)
Ana sayfada, içerik alanının en üstünde geniş bir arama kutusu istiyorsan:
- AdminCP > Görünüm ve Diller > Şablonlar
- Ana sayfanın kullandığı şablonu aç (çoğu zaman forum_list)
- İçerik alanının en üstüne şu kodu ekle:
HTML:
<div class="block block-searchMain">
<div class="block-container">
<div class="block-body">
<xf:form action="{{ link('search/search') }}" method="post" class="formRow">
<div class="inputGroup inputGroup--joined">
<input type="text" class="input" name="keywords" placeholder="Forumda ara..." />
<span class="inputGroup-splitter"></span>
<button type="submit" class="button--icon button">
<span class="button-text">Ara</span>
</button>
</div>
<input type="hidden" name="_xfToken" value="{{ $__globals.xf.session.csrfToken }}" />
</xf:form>
</div>
</div>
</div>Bunu ekledikten sonra temanın
extra.less kısmında istersen ufak CSS ile görünümü ayarlayabilirsin.Sonuç
Kullandığın XenForo sürümüne ve temaya göre yapman gereken, ilgili şablonda
xf:search bileşenini ana sayfanın üst kısmına taşımak veya yeni bir arama formu eklemek.Sende şimdi bize katılmak ister misin?
Kayıt ol
Bize katılım kolay ve ücretsizdir!
Giriş Yap
Zaten bir hesabınız var mı? Buradan giriş yapın.
Benzer Konular
Bu konuyu görüntüleyen kullanıcılar
Haftanın Trendleri
Ayın Trendleri
Dikkat!
İçerik sağlayıcı paylaşım sitesi olarak hizmet veren WebmasterForum.NET adresimizde, 5651 Sayılı Kanun’un 8. maddesi ile Türk Ceza Kanunu’nun 125. maddesi uyarınca, üyelerimiz tarafından yapılan tüm paylaşımların hukuki sorumluluğu ilgili üyeye aittir. WebmasterForum.NET hakkında yapılacak tüm hukuki şikayetler, iletişim bağlantımız üzerinden tarafımıza iletildikten sonra en geç 3 (üç) gün içerisinde ilgili mevzuat çerçevesinde incelenecek, gerekli işlemler yapılacak ve başvuru sahibine bilgi verilecektir.