Proje Vitrinli Kurumsal Web Sitesi Scripti

Kime uygun

Kurumsal firmalar, teknoloji ve danışmanlık şirketleri, hizmet işletmeleri ile bu işletmelere site kuran ajanslar için hazırlandı. Kendi alan adınızda yayınlanan sitede hizmetlerinizi, projelerinizi, ekibinizi, müşteri yorumlarınızı, sık sorulan sorularınızı ve yazılarınızı tanıtırsınız. Ana sayfa; on slayta kadar dönen karşılama alanı, hizmet kutuları, proje vitrini, sayaçlar, “Öne Çıkanlar” bölümü, müşteri yorumları, referans logoları ve son yazılardan oluşur. Ziyaretçi size iletişim formuyla ya da her sayfanın altındaki “Bilgi al” kutusuna e-posta adresini yazarak ulaşır; mesajlar panelinizde listelenir.

Siteyi kurmak için kodlama bilmeniz gerekmez. Kurulumu tarayıcıdaki sihirbaz yapar, içerikleri yönetim panelinden girersiniz.

Dil desteği

Site ve yönetim paneli arayüzü Türkçe ve İngilizce gelir. Site dilini ve panel dilini Site Ayarları’ndan ayrı ayrı seçersiniz; panelde sağ üstteki dünya simgesinden de panel dilini değiştirebilirsiniz.

Yeni bir dil eklenebilir: paketteki dil klasöründe en.php dosyasını kopyalayıp çevirmeniz yeterlidir (adımlar dil/OKUBENI.txt dosyasındadır). Eklediğiniz dil Site Ayarları’ndaki dil listelerinde kendiliğinden görünür ve güncellemeler dil dosyalarınıza dokunmaz. Çevrilmemiş metinler İngilizce görünür; istenirse Türkçe gösterilebilir.

Hizmet, proje, sayfa, blog yazısı gibi kendi yazdığınız içerikler çevrilmez, yazdığınız dilde kalır. Uyarı mesajları ve tarih biçimleri seçilen dile uyar. Size giden form e-postaları panel dilinde yazılır.

Site özellikleri

Ana sayfa ve iç sayfalar

• Çok slaytlı karşılama: Slider bölümünden slayt eklersiniz. Her slayt için üç satırlık metin girilir; düğme yazısı, düğme bağlantısı ve görsel isteğe bağlıdır (düğme, yazı ve bağlantı ikisi de doluysa çizilir). Düğme bağlantısına sitenin kendi sayfasını ya da bir dış adres yazabilirsiniz. En çok on slayt gösterilir. Birden çok slayt olduğunda karşılama alanı solarak değişir, altta nokta göstergesi çıkar ve slaytlar kendiliğinden döner; hareketi azalt ayarı açık cihazlarda otomatik geçiş kapalıdır. Slayt eklemezseniz site başlığı ve açıklaması gösterilir.
• Ana sayfa: karşılama alanı, hizmet kutuları, Hakkımızda özeti, proje vitrini, sayaçlar, Öne Çıkanlar, “Bize Ulaşın” bandı, müşteri yorumları, referans logoları ve son üç blog yazısı. Kaydı olmayan hizmet, proje, sayaç, Öne Çıkanlar, yorum, referans ve blog bölümü görünmez.
• Öne Çıkanlar: güçlü yönlerinizi başlık, kısa açıklama ve isteğe bağlı küçük simge görseliyle girersiniz. Ana sayfada kendi bölümünde, Hakkımızda sayfasında madde listesi olarak görünür.
• Sayaçlar: Kilometre Taşı bölümünden başlık, sayı ve isteğe bağlı simge girersiniz. Sayılar ana sayfada ekrana gelince sıfırdan artarak yerine oturur; hareketi azalt ayarı açık cihazlarda doğrudan görünür. Sayısı 0 olan sayaç gösterilmez.
• Hizmetler: her hizmet için ad, görsel, kısa açıklama ve zengin metinli ayrıntı girersiniz; yayınlansın mı ve üst menüde gösterilsin mi seçenekleri vardır. Hizmetler ana sayfada kutu, Hizmetler sayfasında kart olarak listelenir. Her hizmetin kendi sayfası vardır; seçtiğiniz hizmetler üst menüde açılır liste olarak çıkar.
• Proje vitrini ve süzgeç: projelerinizi kategorilere ayırır, ad, görsel ve zengin metinli ayrıntıyla yayınlarsınız. Projeler sayfasındaki kategori düğmeleri, sayfa yenilenmeden listeyi o kategoriye göre süzer. Ana sayfada en çok on proje görsel kart olarak gösterilir; her projenin kendi sayfası vardır.
• Hakkımızda: başlık ve zengin metin; altında Öne Çıkanlar listesi, ekip, sık sorulan sorular, referans logoları ve son yazılar yer alır. Ana sayfadaki özet yazı ve görsel ile sitenin alt bölümündeki kısa tanıtım yazısı ayrı alanlardır.
• Sık sorulan sorular: soru ve cevapları panelden girersiniz. Hakkımızda sayfasında açılır liste olarak görünür; ziyaretçi soruya tıklayınca cevap açılır. Soru girmezseniz bölüm görünmez.
• Ekip: ad soyad, pozisyon ve fotoğrafla ekip üyelerinizi tanıtırsınız. Ekip Hakkımızda, Hizmetler, Blog ve hizmet ayrıntı sayfalarında gösterilir; yayınlanmayan üye sitede çıkmaz.
• Müşteri yorumları: ad soyad, pozisyon, yorum ve isteğe bağlı fotoğraf girersiniz. Yorumlar ana sayfada bir kaydırıcıda gösterilir; ekran genişliğine göre bir, iki ya da üç yorum yan yana görünür.
• Referanslar: referans adı ve logoyla hazırladığınız logo şeridi ana sayfada, Hakkımızda, Hizmetler ve Blog sayfalarında, hizmet ve proje ayrıntı sayfalarında yer alır.
• Blog: başlık, görsel, kısa içerik ve zengin metinle yazılar yayınlarsınız. Yazar adını isteğe bağlı olarak yazarsınız; doluysa blog listesinde, yazı sayfasında ve son yazılar kutularında görünür. Liste en yeni yazı başta olacak biçimde sıralanır; son üç yazı ana sayfada ve çoğu iç sayfanın altında gösterilir. Yayınlanmayan yazı sitede görünmez.
• Ek sayfalar: panelden istediğiniz kadar sayfa (ör. KVKK aydınlatma metni, kariyer) eklersiniz. Menüler bölümünde bir menü başlığı oluşturup sayfayı o başlık altında üst menüde açılır liste olarak gösterir, isterseniz sitenin alt bölümündeki Hızlı Menü listesine de eklersiniz.

Formlar ve iletişim

• İletişim sayfası: ad soyad, e-posta, telefon ve mesaj alanlı form; hepsi zorunludur. Sayfada e-posta, telefon ve adres kartları ile harita (Google Maps veya OpenStreetMap gömme kodu) yer alır; boş bıraktığınız bilgi ve harita görünmez.
• “Bilgi al” kutusu: sitenin alt bölümünde, her sayfada bulunur. Ziyaretçi yalnız e-posta adresini yazar ve KVKK onayını işaretler; kayıt panelde Mesajlar listesine düşer.
• Size e-posta: E-posta Ayarları’nı yapıp bildirimi açtığınızda iletişim formu ve “Bilgi al” mesajları size e-postayla da gelir. E-postayı yanıtladığınızda yanıt ziyaretçinin adresine gider. E-posta ayarı yapmasanız da mesajlar panelde listelenir.
• KVKK onay kutusu: iletişim formunda ve “Bilgi al” kutusunda zorunludur. Aydınlatma Metni bağlantısı, Site Ayarları’nda seçtiğiniz sayfaya gider; aynı bağlantı sitenin alt bölümündeki Hızlı Menü’de de yer alır. Örnek içerikle gelen metin yalnızca örnektir; kendi aydınlatma metninizi hazırlamanız gerekir.

Menü, başlıklar ve görünüm

• Menü adları ve düzeni: Menü İsimleri sayfasında Hakkımızda, Hizmetler, Projeler, Blog ve İletişim adlarını kendi sözcüklerinizle yazarsınız. Menü Düzeni sayfasında bu öğeleri üst menüde ve sitenin alt bölümündeki Hızlı Menü’de, Ek Sayfalar’ı üst menüde tek tek gösterir ya da gizlersiniz. Menü adları uzayıp tek satıra sığmazsa üst menü kendiliğinden mobil menüye geçer.
• Başlıklar ve yazılar: ana sayfadaki bölüm başlıklarını ve metinlerini, “Bize Ulaşın” bandını, blog, ekip ve sık sorulan sorular başlıklarını ve alt bölüm başlığını panelden değiştirirsiniz; her alanın sitede nerede göründüğü yazılıdır.
• Logo, favicon ve görsel: koyu logo üst menüde, açık logo sitenin alt bölümünde kullanılır; favicon tarayıcı sekmesinde görünür. Görseller sayfasından “Bize Ulaşın” bandının yanındaki görseli değiştirirsiniz.
• İki renk: ana renk düğmelere, bağlantılara, menüye, aktif ve üzerine gelinen öğelere uygulanır. İkinci renk, düğme ve bantlardaki degradelerin ikinci rengi olur.
• İletişim bilgileri ve sosyal medya: telefon, e-posta, adres ve çalışma saatlerinizi; Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok ve WhatsApp bağlantılarınızı girersiniz. Bilgiler üst şeritte, iletişim sayfasında ve sitenin alt bölümünde, yalnız doldurduklarınız olarak görünür.
• Footer imzası: sitenin altındaki “TiklaWeb tarafından geliştirildi” yazısını değiştirebilir veya kaldırabilirsiniz.

Mobil uyum ve arama motorları

• Mobil uyum: site telefon, tablet ve masaüstü ekranlara uyar; menü küçük ekranlarda açılır mobil menüye dönüşür.
• Sayfaya özel başlık ve açıklama: her sayfa kendi başlığını (“Sayfa | Firma”), açıklamasını ve sosyal paylaşım (Open Graph) etiketlerini taşır. Hizmet, proje, blog ve ek sayfalarda başlık, açıklama ve anahtar kelimeleri panelden ayrıca girebilirsiniz; hizmet, proje ve blog paylaşımlarında görsel, içeriğin kendi görselidir. Site başlığı, açıklaması ve anahtar kelimelerini Site Ayarları’ndan girersiniz.

Yönetim paneli

• Gösterge Paneli: hizmet, proje, yazı ve mesaj sayıları ile son on mesajın listesi. Yan menüde mesaj sayısı rozetle görünür.
• Mesajlar: iletişim formundan ve “Bilgi al” kutusundan gelen mesajlar tek listede toplanır. Ad, telefon, e-posta ve tarih listede görünür; ayrıntı penceresinde mesajı okur, kaydı silebilirsiniz.
• İçerik yönetimi: Slider, Hizmetler, Projeler (kategorilerle), Blog, Sayfalar (menü başlıklarıyla), Takım, Öne Çıkanlar, Kilometre Taşı, Müşteri Yorumları, Referanslar, Sıkça Sorulan Sorular ve Hakkımızda bölümlerinden içeriği ekler, düzenler, silersiniz. Zengin metin alanlarında Summernote düzenleyicisi kullanılır.
• E-posta Ayarları: SMTP sunucu, port, şifreleme, e-posta hesabı, şifre ve bildirim adresi girilir; bildirimi açtığınızda iletişim formu ve “Bilgi al” e-postaları çalışır.
• Site Ayarları ve İletişim Bilgileri: Site Ayarları’nda site başlığı, anahtar kelimeler, açıklama, telif satırı, ana ve ikinci renk, KVKK aydınlatma sayfası, site dili, panel dili, logolar ve favicon yer alır. İletişim Bilgileri ayrı sayfadadır: telefon, e-posta, adres, sosyal medya bağlantıları, çalışma saatleri ve harita kodu.
• Kullanıcılar ve yetkiler: yönetici, editör ve salt okunur hesaplar eklersiniz. Editör içerik bölümlerini yönetir; Kullanıcılar, Site Ayarları, İletişim Bilgileri, E-posta Ayarları ve Opsiyonel Kodlar yalnız yöneticiye açıktır. Yetkiler sunucu tarafında denetlenir.
• Şifremi unuttum: panel girişindeki bağlantıyla e-postayla şifre sıfırlanır (E-posta Ayarları yapılmışsa). Sıfırlama bağlantısı 1 saat geçerlidir ve bir kez kullanılır.
• Opsiyonel Kodlar: sitenin üst (head) ve alt bölümüne kendi kodunuzu (ör. istatistik betiği) eklersiniz. Bu alan yalnız yöneticiye açıktır.

Kurulum ve güncelleme

• Beş adımlı kurulum sihirbazı: gereksinimler, lisans, veritabanı, site ve yönetici bilgileri, tamamlama. Sunucunuzun uygunluğunu sihirbaz kendisi kontrol eder.
• Kurulum dili: sihirbazın sağ üstünden Türkçe veya İngilizce seçilir. İngilizce kurulumda başlangıç ve örnek içerik de İngilizce gelir.
• Örnek içerikli veya boş kurulum: demodaki gibi dolu başlayıp üzerinde düzenleme yapabilir, isterseniz içeriği sıfırdan girebilirsiniz. Mesajlar listesi her iki durumda da boş başlar.
• Panelden güncelleme: yeni sürümün zip paketini tiklaweb.net müşteri panelinizden indirir, yönetim panelindeki “Güncelleme ve Lisans” sayfasından yüklersiniz. İşlemden önce dosya ve veritabanı yedeği alınır. Hata çıkarsa site eski haline döner. Yüklediğiniz görseller, ayarlarınız ve içerikleriniz korunur.
• Doğrulanmış paketler: güncelleme paketinin imzası kontrol edilir; yalnızca tiklaweb.net’ten indirilen paketler yüklenir.

Ayrıntılı kurulum rehberi indirdiğiniz pakette KURULUM.html dosyası olarak gelir.

Lisans

Her lisans, sipariş sırasında belirttiğiniz tek bir alan adı içindir. Kurulumdan sonra alan adı değiştirilmez; aynı alan adının uzantı değişikliği (ör. .net → .com) ücretlidir ve destek talebiyle yapılır. Lisans ücretsiz devredilmez. Lisanssız bir alan adında site açılmaz ve ziyaretçi lisans uyarı sayfasına yönlendirilir. Başka bir alan adında kullanmak için ayrı lisans gerekir.

Teknik özellikler

• PHP 8.2 veya üzeri, MySQL veya MariaDB
• Altyapı: CodeIgniter 4. Site: Bootstrap 4, jQuery, Swiper, Font Awesome Free 6. Panel: Bootstrap 4 ve içerik düzenleyicisi Summernote
• E-posta gönderimi PHPMailer 6.9 ile yapılır; SMTP şifresi şifrelenerek saklanır. Form kaydı önce veritabanına yazılır; sunucu destekliyorsa e-posta ziyaretçiye yanıt verildikten sonra gönderilir
• Arayüz metinleri paketteki dil dosyalarında tutulur (Türkçe ve İngilizce hazır, yeni dil eklenebilir)
• Site formlarında imzalı form belirteci ve gizli tuzak alan, panel işlemlerinde CSRF doğrulaması; panel girişi, şifre sıfırlama, iletişim formu ve “Bilgi al” kutusunda deneme sınırı
• Panelden yüklenen görsellerin türü içerikten doğrulanır (JPG, PNG, WebP; en çok 8 MB), GD eklentisi açıksa WebP biçimine çevrilir; yükleme klasöründe PHP çalışmaz
• Panelin zengin metin alanları kayıtta sunucuda süzülür (HTMLPurifier); yönetim paneli içerik güvenlik politikası (CSP) başlığı gönderir; yönetici şifreleri hash ile saklanır
• Harita alanı yalnızca Google Maps ve OpenStreetMap gömme adreslerini kabul eder
• Veritabanı bilgisi ve yedekler, hosting izin veriyorsa web kökünün dışındaki klasörde tutulur
• Güvenlik başlıkları, HTTPS’te HSTS; saat dilimi Europe/Istanbul
• Satış öncesinde kod incelemesi ve canlı saldırı testlerinden oluşan güvenlik denetimi yapılmıştır

Demo

Siteyi ve yönetim panelini salt okunur demoda inceleyebilirsiniz. Demo Türkçe kuruludur; yönetim panelinde sağ üstteki dünya simgesinden panel dilini İngilizceye çevirip görebilirsiniz (bu seçim yalnız tarayıcınızda tutulur). Demodaki firma adı, kişiler, yorumlar, projeler, hizmetler ve sayaç değerleri örnektir. Demo panelindeki Mesajlar listesinde iki örnek kayıt görürsünüz. Sosyal medya bağlantıları ve harita demoda boş bırakılmıştır; panelden doldurulunca sitede görünürler.

• Site: https://011.tiklaweb.net
• Yönetim paneli: https://011.tiklaweb.net/panel
• Demo e-posta: demo@tiklaweb.net
• Demo şifresi: demo1234

Demoda değişiklik kaydedilemez; iletişim formu ve “Bilgi al” kutusu kayıt yapmaz, e-posta göndermez. Demo her gece sıfırlanır. E-posta ayarları ve kullanıcılar gibi hassas sayfalar demo modunda görüntülenmez, Şifremi unuttum demoda kapalıdır. Bu giriş bilgileri yalnızca demo sitesi içindir. Satın aldığınız kurulumda yönetici hesabını siz belirlersiniz.

Destek

Takıldığınız yerde tiklaweb.net müşteri panelinizden destek talebi açabilir veya destek@tiklaweb.net adresine yazabilirsiniz.