Joomla 5/6 • Bootstrap 5 • GPL-2.0+

JT Bootstrap Buttons

Joomla site modülüyle bir veya daha fazla Bootstrap 5 butonu oluşturun. Renk, outline, boyut, hedef pencere, tam genişlik, pasif durum, hizalama ve buton aralığı gibi tüm seçenekleri destekler.

GitHub Repo Download Özellikleri Gör

Module Features

Tüm özellikler tek modülde

Demo sayfası, modülün Joomla tarafında ürettiği Bootstrap 5 uyumlu HTML çıktısını statik olarak temsil eder.

Repeatable buttons
1–20 arası çoklu buton.
Bootstrap variants
Primary, secondary, success, danger, warning, info, light, dark, link.
Outline style
Link varyantı hariç outline butonlar.
Sizes
Small, default ve large.
Link behavior
Aynı pencere veya yeni sekme.
Accessibility
Title girilirse aria-label da üretilir.
Layout
Sol, orta, sağ hizalama ve gap 0–5.
Safe URL handling
http, https, relative, anchor, mailto ve tel desteği.

Color variants

Bootstrap 5 renk seçenekleri

Primary Secondary Success Danger Warning Info Light Dark Link

Outline style

Outline butonlar

Outline seçeneği link varyantı hariç tüm Bootstrap renkleriyle kullanılabilir.

Primary Secondary Success Danger Warning Info Light Dark

Button sizes

Küçük, varsayılan ve büyük boyut

Small Default Large

States

Tam genişlik ve pasif durum

Tam genişlik

Full width button

Pasif buton

Alignment and gap

Hizalama ve buton boşluğu

Sol hizalama / gap-1

Button Button Button

Orta hizalama / gap-3

Button Button Button

Sağ hizalama / gap-5

Button Button Button

Languages and support

Türkçe / İngilizce dil dosyaları ve destek alanı

English language file

Administrator ve frontend metinleri için en-GB dil dosyası.

Türkçe dil dosyası

Yönetim alanındaki tüm alan adları ve açıklamalar için tr-TR çeviri.

Destek alanı: support@joomtheme.com • joomtheme.com • Contact form

Generated output

Modülün örnek HTML çıktısı

<div class="mod-jtbootstrapbuttons d-flex flex-wrap justify-content-center gap-2">
  <a href="https://joomtheme.com" class="btn btn-primary" target="_blank" rel="noopener noreferrer">Website</a>
  <a href="/iletisim" class="btn btn-outline-secondary btn-lg">Contact</a>
  <button type="button" class="btn btn-dark">No URL Button</button>
  <button type="button" class="btn btn-danger" disabled aria-disabled="true">Disabled</button>
</div>

Installation

Joomla kurulumu

  1. Releases sayfasından son ZIP paketini indirin.
  2. Joomla Administrator panelinde System → Install → Extensions alanına gidin.
  3. ZIP paketini yükleyin.
  4. Content → Site Modules bölümünden JT Bootstrap Buttons modülünü açın.
  5. Butonları ekleyin, modül pozisyonunu seçin ve yayınlayın.
Latest Release Issues