Şirket Tanıtım ve Referans Vitrini Web Sitesi Scripti

Kime uygun

Hizmet ve proje anlatan, referanslarını göstermek isteyen şirketler ile bu şirketlere site kuran ajanslar için hazırlandı. Kendi alan adınızda yayınlanan sitede hizmetlerinizi anlatır, tamamladığınız projeleri kategorilere ayırarak sergiler, ekibinizi, müşteri yorumlarınızı ve referans logolarınızı gösterir, sık sorulan sorulara yanıt verir, blog yazıları ve PDF kataloglarınızla ziyaretçiye güven verirsiniz. İlgilenen ziyaretçi iletişim formuyla ya da sitedeki Teklif Alın düğmeleriyle size yazar; mesaj 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. Form uyarıları ve tarih biçimleri seçilen site diline uyar; iletişim formu bildirim e-postası panel dilinde yazılır.

Site özellikleri

Ana sayfa

• Karşılama alanı: üst küçük yazı, ana başlık, açıklama ve isteğe bağlı bir düğme panelden girilir; düğme bağlantısına site içi bir adres (ör. projeler) ya da tam adres yazarsınız. Yanında her zaman iletişim sayfasına giden “Teklif Alın” düğmesi çıkar. Karşılama görseli yüklerseniz alanın arka planı olur; yüklemezseniz koyu zeminde çizilmiş bir süs şekli görünür. Ana başlığı boş bırakırsanız firma adı başlık olur.
• Üç öne çıkan kutu: karşılama alanının altında başlık ve kısa yazıdan oluşan üç kutu. Başlığı boş bıraktığınız kutu görünmez.
• Hakkımızda özeti ve hizmetler: Hakkımızda metninizin başlangıcı, ilk altı hizmetin adı ve Hakkımızda düğmesi bir bölümde yer alır; Hakkımızda görseli yüklediyseniz yanında görünür. Hemen altında ilk altı hizmet simgeli ve numaralı kartlar halinde ad, kısa açıklama ve “Ayrıntılı Bilgi” bağlantısıyla gösterilir; “Tüm Hizmetler” düğmesi Hizmetler sayfasına gider.
• Sayaçlar: dört sayaç. Değerini ve yazısını siz girersiniz; koyu bir bantta görünür ve sayfa ekrana geldiğinde rakamlar sayılarak belirir. Değeri boş bıraktığınız sayaç görünmez.
• Projeler: ilk altı proje görsel, kategori etiketi, ad ve müşteri adıyla kart olarak görünür; “Tüm Projeler” düğmesi Projeler sayfasına gider.
• Sık sorulan sorular: ilk beş soru açılır başlıklar halinde görünür, ilk sorunun cevabı açık gelir; “Tüm Sorular” düğmesi Sık sorulan sorular sayfasına gider. Site görselleri sayfasından bir görsel yüklerseniz soruların yanında gösterilir. Soru girilmediyse bölüm çizilmez.
• Müşteri yorumları, referans logoları ve son yazılar: son 12 yorum kaydırıcıda, yüklediğiniz referans logoları şeritte, en son üç blog yazısı kartlarda görünür. Kaydı olmayan bölüm ana sayfada hiç çizilmez.
• Çağrı bandı: başlık ve kısa yazı girersiniz; yanında “Teklif Alın” düğmesi çıkar. Band ana sayfanın, Hizmetler, Projeler ve Hakkımızda sayfalarının altında ana renkle görünür; başlığı boş bırakırsanız hiç çıkmaz.

Hizmetler ve projeler

• Hizmetler: her hizmet için ad, kısa açıklama, ayrıntılı açıklama, simge, görsel ve sıra girersiniz; simgeyi hazır listeden seçersiniz. Hizmetler sayfasında simgeli ve numaralı kartlar halinde görünür; menüde açılır liste olarak da yer alır (en çok 12). Her hizmetin kendi sayfası (görsel ve ayrıntılı açıklama) ve diğer hizmetlerin yan listesi vardır. Hizmetlerde fiyat alanı yoktur.
• Teklif Alın: hizmet sayfasının yanında “Teklif Alın” kutusu ve “Teklif İste” düğmesi bulunur. Düğme iletişim formunu açar ve konu alanını o hizmetin adıyla (“… teklif talebi”) önceden doldurur; ziyaretçi konuyu değiştirebilir. Sitenin başlığında ve karşılama alanında da “Teklif Alın” düğmesi vardır.
• Projeler: her proje için ad, kategori, isteğe bağlı müşteri adı, kısa açıklama, ayrıntı metni, görsel ve sıra girersiniz. Projeler sayfasında kartlar halinde listelenir; her projenin kendi sayfası, kategori ve müşteri bilgisi ve diğer projelerin yan listesi (en çok 8) vardır.
• Proje kategorileri: kategorileri panelden eklersiniz (ör. Web Tasarım, Marka Kimliği). Projeler sayfasının üstünde “Tümü” ve projesi olan kategorilerin düğmeleri çıkar; ziyaretçi bir kategoriye basınca yalnız o kategorinin projeleri kalır. Kategori silinirse projeleri kategorisiz kalır.

Kurumsal sayfalar

• Hakkımızda: sayfa başlığı, metin, misyon, vizyon, imza yazısı ve görsel. Boş bıraktığınız misyon ve vizyon bölümü görünmez. Sayfada sayaçlar, ekip kartları ve referans logoları da yer alır.
• Ekip: ad soyad, görev ve fotoğraf girersiniz; ekip Hakkımızda sayfasında kart olarak gösterilir. Durumu “Taslak” olan üye görünmez.
• Referans logoları: firma adı, isteğe bağlı web adresi ve logo girersiniz. Logo yüklenmiş kayıtlar ana sayfada ve Hakkımızda sayfasında görünür. Yalnızca kullanım izni aldığınız logoları yükleyin.
• Müşteri yorumları: ad soyad, unvan veya firma, yorum ve isteğe bağlı fotoğraf girersiniz. Yorumları yalnızca yorum sahiplerinin onayıyla yayınlayın.
• Sık sorulan sorular: soruları ve cevaplarını panelden girersiniz; ziyaretçi soruya tıklayınca cevap açılır. En az bir soru girildiğinde menüde Kurumsal altında bağlantısı çıkar.
• Ek sayfalar: panelden istediğiniz kadar sayfa (ör. gizlilik politikası, çalışma ilkeleri) eklersiniz. Her sayfanın üst menüde (Kurumsal altında) ve sitenin alt bölümünde gösterilip gösterilmeyeceğini seçersiniz.

Blog, galeri ve kataloglar

• Blog: başlık, durum (Yayında veya Taslak), kısa açıklama, görsel ve zengin metinli içerikle yazılar. Yazılar sayfa başına 9 olarak sayfalanır; yazı sayfasında son yazıların yan listesi vardır. “Taslak” yazı sitede görünmez.
• Galeri: görsel başlığı, görsel ve sıra girersiniz. Görsele tıklanınca büyür; önceki ve sonraki düğmeleri, ok tuşları, telefonda kaydırma hareketi, kapatma düğmesi ve Esc tuşu çalışır.
• Kataloglar ve belgeler (PDF): hizmet kataloğu, kurumsal tanıtım ya da fiyat bilgisi gibi PDF dosyalarını panelden yüklersiniz (dosya başına en çok 10 MB). Her belge için bağlantı yazısı ve sıra girilir. Kataloglar sayfasında “PDF indir” düğmesiyle listelenir; ziyaretçi tıklayınca dosya PDF olarak iner.

İletişim

• İletişim formu: ad soyad, e-posta, telefon, konu ve mesaj alanları (tümü zorunludur) ile KVKK onay kutusu. Gelen mesajlar panelde Mesajlar bölümünde listelenir.
• İletişim sayfası: adres, e-posta ve telefon bilgi kutuları ile harita (Google Haritalar veya OpenStreetMap gömme kodu). Boş bıraktığınız bilgi ve harita sitede görünmez.
• Mesaj e-postası: E-posta ayarları’nı yapıp bildirimleri açtığınızda her iletişim mesajı size e-postayla da gelir. E-postayı yanıtladığınızda yanıt ziyaretçinin adresine gider.
• KVKK onay kutusu: iletişim formunda zorunludur. Aydınlatma metni bağlantısı panelden seçtiğiniz sayfaya gider; aynı bağlantı sitenin alt bölümünde de yer alır. Örnek içerikle gelen metin yalnızca örnektir; kendi aydınlatma metninizi hazırlamanız gerekir.

Görünüm, mobil uyum ve arama motorları

• Renk: panelden iki renk seçersiniz. Ana renk düğmelere, vurgulara, aktif öğelere ve çağrı bandına; koyu renk üst bilgi çubuğuna, karşılama alanına, sayaç bandına, iç sayfa başlık bandına ve alt bölüme uygulanır. Yazı renkleri ana renge ve koyu renge göre kendiliğinden koyu veya açık seçilir.
• Logo, site simgesi ve başlık bandı: logonuzu ve site simgenizi (favicon) yüklersiniz; logo yoksa firma adı yazı olarak görünür. Logo başlıkta beyaz zeminde, alt bölümde beyaz bir kutu içinde gösterilir; bu yüzden açık zeminde okunan koyu veya renkli bir logo uygundur. İç sayfaların üstündeki başlık bandı için görsel yükleyebilirsiniz; yüklemezseniz bant koyu renkle görünür.
• Bilgi çubuğu, başlık ve alt bölüm: sayfanın en üstündeki koyu bilgi çubuğunda telefon, e-posta, adres ve sosyal medya simgeleri görünür; hiçbiri girilmediyse çubuk çıkmaz. Başlıkta logo, menü ve “Teklif Alın” düğmesi yer alır. Alt bölümde kısa tanıtım yazınız, sosyal medya simgeleri, iletişim bilgileriniz, bağlantılar, ilk altı hizmet ve telif satırı görünür. Girmediğiniz bilgi çizilmez.
• Sosyal medya: Facebook, X (Twitter), Instagram, LinkedIn ve YouTube bağlantıları simge olarak çıkar; girmediğiniz simge çizilmez. WhatsApp numaranızı girerseniz başlıkta WhatsApp simgesi görünür.
• Bölümleri aç/kapat: Hizmetler, Projeler, Blog, Galeri, Kataloglar ve belgeler, Sık sorulan sorular, Ekip, Müşteri yorumları ve Referans logoları bölümlerini tek sayfadan açıp kapatırsınız. Kapattığınız bölüm menüden ve ana sayfadan kalkar, sayfasının adresi de açılmaz. Kaydı olmayan bölümün menü bağlantısı da görünmez.
• Mobil uyum: menü küçük ekranlarda açılır mobil menüye dönüşür; sayfa düzeni ekran genişliğine göre ayarlanı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 ve blog yazısı sayfalarında paylaşım görseli içeriğin kendi görselinden alınır. Site başlığı, açıklaması ve anahtar kelimeleri Site ayarları’ndan girersiniz.
• Footer imzası: sitenin altındaki “TiklaWeb tarafından geliştirildi” yazısını değiştirebilir veya kaldırabilirsiniz.
• 404 sayfası: olmayan adres, kapalı bölüm ve yayında olmayan yazı için ana sayfaya dönüş düğmeli bir hata sayfası gösterilir.

Yönetim paneli

• Özet: okunmamış mesaj, proje, hizmet ve yayındaki blog yazısı sayıları; son eklenen projeler ve son mesajlar. Yan menüde okunmamış mesaj sayısı rozetle görünür.
• Hizmetler, projeler, proje kategorileri ve blog: kayıtları ekler, düzenler, silersiniz. Listelerde arama ve sıralama vardır.
• Sayfalar, galeri ve kataloglar: ek sayfaları, galeri görsellerini ve PDF belgeleri yönetirsiniz.
• Mesajlar: iletişim formundan gelen mesajları ad, e-posta, telefon, konu, tarih, KVKK onay zamanı ve metniyle okur ve silebilirsiniz; okunmamış mesajlar işaretli görünür.
• Site içeriği: Ana sayfa girişi, kutular ve sayaçlar (karşılama alanı ve çağrı bandı dahil), Hakkımızda, Ekip üyeleri, Referanslar, Yorumlar, Sık sorulan sorular, Site görselleri, Sosyal medya bağlantıları ve Bölümleri aç/kapat. Zengin metin alanlarında Summernote düzenleyicisi kullanılır.
• E-posta ayarları: SMTP bilgilerinizi girip bildirimi açtığınızda iletişim formu e-postası çalışır. Ayarları “Deneme e-postası gönder” düğmesiyle sınarsınız.
• Site ayarları: site başlığı, firma adı, açıklama ve anahtar kelimeler, telefon, WhatsApp numarası, e-posta, adres, alt bölümde görünen kısa tanıtım yazısı, telif satırı, ana renk, koyu renk, KVKK aydınlatma sayfası, harita, logo, site simgesi, site dili ve panel dili.
• Kullanıcılar ve yetkiler: yönetici ve editör hesapları eklersiniz. Editör, içerik bölümlerini ve mesajları yönetir; Site ayarları, E-posta ayarları ve Kullanıcılar yalnız yöneticiye açıktır. Yetkiler sunucu tarafında denetlenir. Her kullanıcı “Profil ve şifre” sayfasından kendi adını ve şifresini değiştirir.
• Ş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.
• Özel kod: Site ayarları’nda sitenin üst ve alt bölümüne kendi kodunuzu (ör. istatistik betiği) eklersiniz. Bu alanlar 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. Mesaj 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 ve PDF belgeleriniz, 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. Rehber Apache ve LiteSpeed için hazır gelen kuralları, Nginx ve IIS için eklemeniz gereken kuralları içerir.

Lisans

Her lisans, sipariş sırasında belirttiğiniz tek bir alan adı içindir. Alan adı değişikliği ü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 ve üzeri, MySQL veya MariaDB
• Altyapı: PHP (PDO), kendi yönlendiricisi ve Twig 3 şablonları. Sayfa adresleri okunur biçimdedir (ör. /projeler/3-ornek-proje); bunun için sunucuda adres yeniden yazımı gerekir. Apache ve LiteSpeed’de pakette gelen .htaccess dosyası bunu yapar; Nginx ve IIS için kurallar KURULUM.html dosyasındadır
• Site: Swiper ve Font Awesome Free 6; Inter Tight ve Roboto yazı tipleri paketle gelir, dış sunucudan yüklenmez. Panel: DataTables 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)
• İletişim formunda imzalı form belirteci, gizli tuzak alan ve IP başına 10 dakikada 8 gönderim sınırı; panel işlemlerinde CSRF doğrulaması; panel girişinde 15 dakikada 5 başarısız denemeden sonra geçici engel, 2 saat hareketsizlikte oturum kapanması
• 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
• PDF belgeler yalnız PDF imzası ve dosya sonu işareti taşıyorsa kabul edilir (en çok 10 MB). Belgeler klasörüne doğrudan erişim kapalıdır; dosya site üzerinden ek olarak iner
• 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 Haritalar ve OpenStreetMap gömme adreslerini kabul eder
• Veritabanı bilgisi ve yedekler, hosting izin veriyorsa web kökünün dışındaki klasörde tutulur
• 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. Demodaki firma adı (Örnek Şirket), hizmetler, projeler, ekip, referans logoları, yorumlar, PDF kataloglar ve ana sayfadaki sayaç değerleri örnektir (sayaç yazılarının sonunda “(örnek)” görünür). Demo panelindeki Mesajlar listesinde birkaç örnek kayıt görürsünüz. WhatsApp, sosyal medya bağlantıları ve harita demoda boş bırakılmıştır; panelden doldurulunca sitede görünürler.

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

Demoda değişiklik kaydedilemez; iletişim formu kayıt yapmaz, e-posta göndermez. Demo her gece sıfırlanır. E-posta ayarları, kullanıcılar ve şifre formları 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.