FonPageBuilder Ham İçerik Bileşeni Son Güncelleme: 04-07-2026
Ham İçerik Bileşeni Nedir?
Ham İçerik bileşeni ile FonPageBuilder üzerinden oluşturduğunuz sayfalara özel işlenmemiş ham içerik kodlarınızı girebilirsiniz. Iframe ve Script etiketleri güvenlik nedeni ile yönetim panelinden eklenememektedir. Bu bileşen aracılığı ile iFrame ve Script etiketlerinizi uygun formatta girerek site önyüzünde istediğiniz alanda özel kodunuzu gösterebilirsiniz.
Ham İçerik Bileşenini 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
- 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.
- Kod Girişi: Sitenizdeki her bir dil için bileşeninize eklemek istediğiniz özel kodu buraya girebilirsiniz.
UYARI
Eksik veya kapanmamış etiketler, hatalı javascript kodları veya iframe kullanımı sitenizin düzgün çalışmamasına neden olabilir. Bu nedenle, bu bileşeni kullanırken kodlarınızı dikkatlice kontrol edin.
- iFrame: Sitenize iframe eklemek için aşağıdaki kısakodu kullanabilirsiniz. NOT: Kapanış Etiketi Yoktur. Etiket içerisinde iframe html ögesinin tüm attributelerini kullanabilirsiniz. Tüm kısa kod tek satırda yazılmalı "\n" gibi yeni satırlar içermemelidir.
[iframe src="https://www.example.com" width="100%" height="500px" frameborder="0"] - Javascript: Sitenize javascript eklemek için aşağıdaki kısakodu kullanabilirsiniz. NOT: Kapanış Etiketi Vardır. Etiket içerisinde yeni satır "\n" vb. kullanabilirsiniz. Tüm javascript kodlarını [script]...[/script] etiketleri içerisinde yazdığınızdan emin olun.
[script] alert("Script Örneği"); [/script]
BİLEŞEN DEMO
Ham İçerik bileşen demosunu görüntülemek için Ham İçerik Bileşeni sayfasını ziyaret edebilirsiniz.
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
@widgetIdibaresinden sonra stil kodunuzu ekleyebilirsiniz. @widgetId önyüzde, sistem tarafından otomatik oluşturulurulan id ile değiştirilir. Slayt Gösterisi Bileşeni 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-slideshow-widgetcss 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
- 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.