Makaleler Modülü FonPageBuilder Makaleler Modülü Son Güncelleme: 04-07-2026

Artık WiseCP sistem ögelerini sadece ana sayfada kullanmak zorunda değilsiniz. FonPageBuilder ile Domain Arama, Hosting Paketleri, Sunucu Paketleri, SMS Paketleri, Özel Ürün Grubu Paketleri, Yazılımlar, Haberler, Blog Makaleleri ve Referanslarınızı istediğiniz her sayfada gösterebilir ve listeleyebililirsiniz.

Makaleler Modülü Nedir?

FonPageBuilder Makaleler Modülü ile istediğiniz sayfaya Blog Makaleleri Listeleme Kutusunu ekleyebilir ve müşterilerinize daha geniş yelpazede içerikler sunabilirsiniz.

Makaleler Modülünü sayfanıza ekledikten sonra Bileşen Düzenleme Araçlarındaki Bileşeni Düzenle ögesine tıkladığınızda açılan Bileşen Düzenleme Penceresindeki ögelerin detaylarına aşağıda erişebilirsiniz.

Genel Ayarlar

Makaleler Modülü Genel Ayarları

  • Bileşen Adı
    : Sitenizdeki her bir dil için bileşeninize bir isim verin. Bu isim bileşene göre değişmekle birlikte genelde sadece Yönetici bilgilendirmesi içindir. Yönetim Paneli FonPageBuilder sayfa düzenleme ekranınızdaki satır ve sütunlarda bileşen bu isimle gösterilecektir. Böylece yerleşim düzeninizdeki bileşeni doğru ve kolayca teşhis edebilir ve seçebilirsiniz.
  • Stil
    : Blog Makalesi kutularının sayfanızda hangi stilde gösterilmesini istediğinizi seçin. Tema Varsayılanı seçeneği Tema Ayarlarınızdan seçtiğiniz varsayılan Blog Makaleleri stilini kullanır.

    STİL ÖNİZLEMELERİ

    Makaleler Modülü makale gösterim stili demolarını görüntülemek için Blog Listesi Stilleri sayfasını ziyaret edebilirsiniz.

  • İçerik Gösterim Tipi
    : Makaleler Modülünde gösterilecek olan blog makalelerini seçebilirsiniz. Makaleler, Bileşen seçeneklerinde yapılandıracağınız ayarlara uygun olarak gösterir.
    • Tümü: Sisteminizde kayıtlı en son blog makalelerini seçtiğiniz kriterlere göre gösterilir.
    • Seçili Ögeler: Sadece öne çıkarmak istediğiniz belirli blog makalelerini seçebilirsiniz.
    • Seçili Kategoriler: Sadece seçtiğiniz kategorilerdeki blog makalelerini her kategoriyi ayrı sekmede olacak şekilde gösterir. Sadece bir kategori seçilirse sekme (Tab) görünümü kullanılmaz.

İçerik Ayarları

Makaleler Modülü İçerik Ayarları

  • Kategoriyi Göster
    : Blog Makalesi kutusunda makale kategorisinin gösterilip gösterilmeyeceğini belirtebilirsiniz.
  • Tarihi Göster
    : Blog Makalesi kutusunda makale eklenme tarihinin gösterilip gösterilmeyeceğini belirtebilirsiniz.
  • Giriş Metni
    : Blog Makalesi kutusunda makale giriş metninin (kısa açıklama) gösterilip gösterilmeyeceğini belirtebilirsiniz.
  • Giriş Metni Limiti
    : Blog Makalesi kutusundadaki giriş metnininin kaç karakter uzunluğunda olacağını belirtebilirsiniz. Buraya gireceğiniz karakter sayısı baz alınarak metin kısaltılacaktır. Bu alan "Giriş Metni" seçeneği aktifleştirilmişse gösterilir.
  • Detay / Devamı Düğmesini Göster
    : Blog Makalesi kutusunda Detay/Devamı düğmesinin gösterilip gösterilmeyeceğini belirtebilirsiniz. Bu alan "Giriş Metni" seçeneği aktifleştirilmişse gösterilir.
  • Detay / Devamı Düğmesi Metni
    : Sitenizde aktif olan her bir dil için Detay/Devamı düğmesinde gösterilecek düğme metnini girin. Bu alan "Giriş Metni" ve "Detay / Devamı Düğmesini Göster" seçeneği aktifleştirilmişse gösterilir.

Bileşen Seçenekleri

Makaleler Modülü Bileşen Seçenekleri

  • Tümü Linkini Göster
    : Blog Makaleleri altında kullanıcıların Tüm Blog Makalelerinize erişebileceği bir link gösterilir.
  • Sütun Sayısı
    : Yatay düzlemde bir satırda kaç adet makalenin gösterileceğini responsive olarak her bir ekran çözünürlüğü için belirtebilirsiniz.
  • Limit
    : Veritabanından seçtiğiniz kaynağa göre kaç adet makalenin çekilerek listeleneceğini belirtin.
  • Karusel Kullan
    : Blog makaleleriniz için karusel slaydı oluşturmak isterseniz bu seçeneği aktifleştirin.
  • Satır Kullan
    : Makale karuselinde makalelerin birden fazla satırda gösterilmesini isteyip istemediğinizi belirtin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir.
  • Satır Sayısı
    : Dikey düzlemde makalelerin kaç satırda gösterileceğini responsive olarak her bir ekran çözünürlüğü için belirtebilirsiniz. Örneğin Sütun Sayısı için 4, satır sayısı için 2 ve limit olarak 16 seçtiyseniz. Toplamda 16 adet makaleniz ekranda 2 satır içerisinde her bir satırda 4 adet olacak şekilde (8) toplam 2 sayfalık bir slayda sahip olacaktır. Bu alan "Satır Kullan" ve "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir.
  • Yönlendirme Kontrolleri
    : Makale karusel slaydında "Önceki" ve "Sonraki" ok işaretlerinin gösterilip gösterilmeyeceğini seçin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir. Bkz. Görsel - 1 Nolu Ögeler: Bileşen Karusel Kontrolleri: 1- Yönlendirme Kontrolleri
  • Sayfalandırma
    : Makale karusel slaydının altında kaç adet slayt olduğunu gösteren "Dairesel Sayfalandırma" ögesinin gösterilip gösterilmeyeceğini seçin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir. Bkz. Görsel - 2 Nolu Öge: Bileşen Karusel Kontrolleri: 1- Sayfalandırma Kontrolleri
  • Otomatik Oynatma
    : Makale karusel slaydının otomatik olarak başlatılıp başlatılmayacağını seçin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir.
  • Üzerine Geldiğinde Duraklat
    : Makale karusel slaydının fare ile üzerine gelindiğinde slaydı duraklatmak istiyorsanız etkinleştirin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir.
  • Döngü
    : Makale karusel slaydının sürekli tekrar edecek şekilde kesintisiz kaymasını istiyorsanız etkinleştirin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir.

Bileşen Stil Ayarları

Makaleler Modülü Bileşen Stil Ayarları

  • Sınıf
    : Bileşen için özel CSS sınıfı/sınıfları tanımlamak isterseniz burayı kullanabilrsiniz. Daha sonra CSS stil dosyanızdan ilgili sınıf ile ilgili biçimlendirmeleri buraya başvurarak gerçekleştirebilirsiniz. Örneğin:light-grey-rounded-box
  • Dahili Stil
    : Bileşen için css biçimlendirmesini harici tema css dosyalarınız yerine doğrudan bu alana yazacağınız css kodu ile gerçekleştirebilirsiniz. Eklediğiniz css biçimlendirmesini sadece bu bileşen için aktif olmasını ve aynı css sınıfına sahip olan sayfadaki diğer ögeleri etkilememesini istiyorsanız stil kodunuz içerisinde @widgetId ibaresinden sonra stil kodunuzu ekleyebilirsiniz. @widgetId önyüzde, sistem tarafından otomatik oluşturulurulan id ile değiştirilir. Makaleler Modülünün içerisinde biçimlendirebileceğiniz css sınıflarını, site önyüzünüzde bileşenin bulunduğu sayfadayken Tarayıcınızda F12 - Geliştirici araçlarından Code Inspection ile .fon-articles-widget css sınıfı altından inceleyebilirsiniz.
    												
    @widgetId .light-grey-rounded-box{
    	background-color: #f8f9fa;
    	border: 1px solid #e9ecef;
    	border-radius: 5px;
    }
    												
    											

Bileşen Penceresi Kayıt Düğmeleri

Bileşen Penceresi Kayıt Düğmeleri

  • Sayfayı Kaydet
    : Bileşende gerçekleştirdiğiniz değişiklikler ve sayfada gerçekleştirdiğiniz tüm değişiklikler veritabanına kaydedilir ve aktif Bileşen Düzenleme Penceresi kapatılır.
  • Kaydet & Düzenle
    : Bileşende gerçekleştirdiğiniz değişiklikler bileşen kodu içerisine kaydedilir ve aktif Bileşen Düzenleme Penceresi kapatılır. Sayfanızda yaptığınız değişikler henüz kaydedilmemiştir. Sayfanızı kaydetmek için mutlaka sayfanın sağ kenarında bulunan MENU çubuğu altından Kaydet düğmesine tıklamanız gerekir.