Şikayetvar Teması – HTML / CSS

# Şikayetvar Teması – HTML / CSS

Şikayet platformu teması. **PHP script giydirilmeye uygun** yapıda, Türkçe ve İngilizce açıklamalarla yazılmıştır. Sitede herhangi bir harici domain (ör. .com) referansı kullanılmaz.

## Yapı

```
├── css/
│ ├── variables.css # Renk, tipografi, gölge değişkenleri
│ ├── base.css # Reset, tipografi, container
│ ├── components.css # Header, footer, kart, form, grid
│ ├── cursor-and-effects.css # Özel cursor, arka plan animasyonu
│ ├── upload.css # Sürükle-bırak görsel/video yükleme
│ └── styles.css # Ana dosya (hepsini import eder)
├── js/
│ ├── main.js # Cursor, arka plan, back-to-top, arama
│ └── upload.js # Şikayet formu görsel/video sürükle-bırak
├── images/
│ ├── logo.svg # Logo
│ └── placeholder.svg # Placeholder görsel
├── inc/
│ ├── header.html # Ortak üst bilgi (PHP: include için örnek)
│ └── footer.html # Ortak alt bilgi
├── index.html # Ana sayfa
├── sikayetler.html # Şikayet listesi
├── sikayet-detay.html # Şikayet detay (medya galerisi, marka yanıtı, takip/paylaş)
├── sikayet-yaz.html # Şikayet yaz (görsel/video sürükle-bırak)
├── sikayet-takip.html # Şikayet numarası ile takip
├── markalar.html # Marka listesi
├── marka-detay.html # Marka detay
├── trend-100.html # Trend 100
├── tv.html # TV / video
├── tv-detay.html # Video detay
├── blog.html # Blog listesi
├── blog-detay.html # Blog yazısı detay
├── giris.html # Giriş
├── uye-ol.html # Üye ol
├── sifremi-unuttum.html
├── hakkimizda.html
├── iletisim.html
├── kurumsal.html # Markalar için
├── guven-skoru.html # TrustBuy
├── blog.html
├── sss.html # Sıkça sorulan sorular
├── gizlilik.html
├── kullanim-sartlari.html
└── cerez.html # Çerez politikası
```

## PHP’ye Geçiş

1. `inc/header.html` ve `inc/footer.html` → `inc/header.php`, `inc/footer.php` olarak kopyalayın.
2. Sayfalarda ilgili bölümleri `<?php include 'inc/header.php'; ?>` ve `<?php include 'inc/footer.php'; ?>` ile değiştirin.
3. Form `action` ve `method` değerlerini backend API veya işleyici script’lere yönlendirin.
4. Şikayet / marka listelerini veritabanından çekip döngüyle (`foreach`, `while`) doldurun.

## Çalıştırma

Statik HTML: `index.html` veya herhangi bir sayfayı tarayıcıda açın. Yerel sunucu için:

```bash
php -S localhost:8000
# veya
python -m http.server 8000
```

Ardından `http://localhost:8000` adresine gidin.

## Özellikler

- **Şikayet yaz:** Görsel ve video sürükle-bırak yükleme (JPG/PNG/WEBP, MP4/WEBM/MOV).
- **Şikayet detay:** Medya galerisi (görsel + video), marka yanıtı, memnuniyet anketi (çözüldü mü?), takip et / paylaş / faydalı bul (tek oy) / raporla, şikayet kodu, durum (Beklemede / İnceleniyor / Çözüldü).
- **Şikayet takip:** Numara ile durum sorgulama; ?id= ile örnek sonuç gösterimi.
- **Platform istatistikleri:** Ana sayfada marka, üye, ziyaretçi, sayfa, şikayet/gün.
- **Marka sayfası:** Markayı takip et, çözüm oranı, trend artış.
- **Blog / TV:** İç sayfalar (blog-detay, tv-detay) ve anlamlı linkler.
- **Şikayetler:** Filtre (durum, sektör, sıralama).
- **Arka plan:** Şikayet temalı floating ikonlar (megafon, belge, konuşma balonu, onay, vb.).

## Notlar

- Görseller: Unsplash ve `images/` kullanılıyor. Videolar: Pexels embed örnek.
- Font: Google Fonts – **Plus Jakarta Sans**.
- İletişim: E-posta adresi yok; form üzerinden ulaşım.

Bu tema; hız, SEO uyumluluğu, sade tasarım ve mobil uyum kriterleri göz önünde bulundurularak hazırlanmıştır.

Şikayetvar Benzeri Tema Nedir?

Şikayetvar teması, kullanıcıların:

Firma şikayetleri paylaşabildiği

Yorum ve puanlama yapabildiği

Arama motorlarında kolayca bulunabilen

bir yapı sunan hazır web arayüzüdür.

Bu ürün HTML & CSS tabanlıdır, backend bağımsızdır ve:

PHP

Laravel

WordPress (tema entegrasyonu)

Node.js

Headless CMS

gibi sistemlere kolayca entegre edilebilir.

HTML / CSS Şikayet Temasının Avantajları

✅ %100 SEO uyumlu HTML yapısı

✅ Hızlı açılan, hafif ve optimize kodlar

✅ Mobil (responsive) tasarım

✅ Google PageSpeed uyumlu yapı

✅ Schema ve semantik etiketlere uygun

✅ Özelleştirilebilir sade tasarım

Bu sayede siteniz şikayet sitesi, firma yorum platformu veya kullanıcı geri bildirim sistemi olarak rahatlıkla kullanılabilir.

SEO Uyumlu Şikayetvar Teması ile Neler Yapabilirsiniz?

Şikayet sitesi kurabilirsiniz

Firma yorum & değerlendirme platformu açabilirsiniz

Affiliate / reklam geliri elde edebilirsiniz

Adsense uyumlu içerik sitesi oluşturabilirsiniz

Niş sektörlere özel şikayet platformları kurabilirsiniz

Anahtar kelime hedeflemeleri sayesinde Google’da uzun vadede organik trafik elde etme potansiyeli sunar.

Hedeflenen SEO Anahtar Kelimeler

Bu tema, aşağıdaki yüksek arama hacimli anahtar kelimelere uygun yapıdadır:

şikayetvar teması

şikayet sitesi scripti

html css şikayet teması

şikayet sitesi tasarımı

şikayet platformu teması

firma yorum sitesi teması

seo uyumlu html tema

hazır şikayet sitesi

İçerik yapısı ve HTML etiketleri bu kelimelerle uyumlu şekilde hazırlanmıştır.

Kimler İçin Uygun?

Web geliştiriciler

Girişimciler

SEO uzmanları

Dijital ürün satıcıları

Adsense odaklı site kurmak isteyenler

Kod bilgisi olan veya olmayan herkes tarafından rahatlıkla kullanılabilir.

Satın Alınan Ürünler Hakkında Yasal Bilgilendirme

Önemli Yasal Uyarı:
Bu ürün dijital içerik kapsamındadır.
6502 sayılı Tüketicinin Korunması Hakkında Kanun ve Mesafeli Sözleşmeler Yönetmeliği gereği; elektronik ortamda teslim edilen dijital ürünlerde cayma hakkı bulunmamaktadır.

Satın alma işlemi tamamlandıktan sonra:

İade

Değişim

Geri ödeme

yapılmamaktadır.

Satın alma işlemi gerçekleştiren kullanıcı bu şartları kabul etmiş sayılır.

Neden Bu Şikayetvar Temasını Seçmelisiniz?

Çünkü bu tema:

Şişirilmiş scriptler içermez

Gereksiz JS bağımlılığı yoktur

SEO odaklıdır

Temiz, sade ve satılabilir yapıdadır

Uzun vadeli projeler için uygundur

Kısacası: Hızlı kur, geliştir, trafik al.