Envato Elements ile Sıfırdan WordPress Site Kurulumu

Envato Elements template kit ile WordPress sitesi kurulumu: Template Kit Import, Global Kit, ElementsKit ile header/footer ve sık görülen Z-index sorunu.

WordPress & Eklentiler6 dk okuma

  • Web Tasarımı
  • Next.js
  • WordPress
  • SEO
  • Yapay Zeka
  • React
  • Eklenti Geliştirme
  • Vibe Coding
  • Uygulama Geliştirme
  • Site Hızı
Envato Elements template kit ile kurulan WordPress sitesi ekranı

Arayüzler, sürümler ve fiyatlar sık değişir. Adımlar tarihindeki duruma göredir; güncel bilgi için aracın resmi sayfasını da kontrol edin.

Envato Elements'ten indirilen bir Template Kit ile sıfırdan profesyonel bir WordPress sitesi kurmanın yolu, Hello Elementor teması + Template Kit Import eklentisiyle şablonu içe aktarıp, ardından ElementsKit üzerinden header/footer oluşturmak ve global renk/font ayarlarını markanıza göre özelleştirmektir. Bu rehberde tamamen sıfırdan (boş bir WordPress kurulumundan) başlayarak bir Envato şablonuyla nasıl kapsamlı bir kurumsal site kurulduğunu videoyla adım adım inceliyorum.

Video: Envato Elements ile ÜCRETSİZ WordPress Site Kurulumu! (Sıfırdan Tasarım 2026), YouTube'da izleyin

Temel Kurulum: Tema ve Gerekli Eklentiler

  1. Gereksiz varsayılan eklentileri ve temaları temizleyin (LiteSpeed gibi hosting'e özel olanlar kalabilir).
  2. Hello Elementor temasını kurun ve etkinleştirin, Envato şablonlarının neredeyse tamamı bu hafif temayla uyumlu çalışır.
  3. Elementor eklentisini kurun.
  4. Tema ayarlarından sayfa başlıklarını gizleme (Hide Page Title) seçeneğini aktif edin, bu, Elementor'la tasarladığınız başlık alanlarının varsayılan tema başlığıyla çakışmasını önler.

Envato Template Kit Nasıl İçe Aktarılır?

  1. Eklentiler > Yeni Ekle yolunu izleyip "Template Kit Import" (Envato'nun kendi geliştirdiği eklenti) arayın, kurun ve etkinleştirin.
  2. Etkinleştirdikten sonra Araçlar > Template Kit bölümüne gelin.
  3. Envato Elements'ten indirdiğiniz template kit dosyasını seçip "Yükle" deyin.
  4. İkinci adımda önerilen zorunlu eklentilerin tamamını "Hepsini Yükle" ile otomatik kurdurun.
  5. En kritik adım: "Global Kit" içe aktarımını yapın, bu adım, şablonun kendi renk paletini ve yazı tiplerini sitenize uygulamazsanız, sayfalarınız Elementor'un varsayılan (jenerik) renk/font ayarlarıyla görünür.

Temel Site Ayarları Nelerdir?

Şablonu yüklemeden önce veya hemen sonra kontrol edilmesi gereken temel ayarlar:

  • Kalıcı bağlantı (permalink) yapısı: Bazı kurulumlarda varsayılan olarak doğru gelir, bazılarında elle "yazı adı" formatına ayarlamanız gerekir, bu kontrolü atlamak ileride URL sorunlarına yol açabilir.
  • Site başlığı ve slogan: Ayarlar > Genel bölümünden markanıza uygun şekilde girilmeli.
  • Site simgesi (favicon): Tarayıcı sekmesinde görünen küçük ikon; birçok kurulum bu adımı atlıyor, ama profesyonellik açısından önemli bir detay.
  • Dil ayarı: Türkçe içerik için WordPress dilini Türkçe'ye ayarlamak, tarih/saat formatlarının da doğru görünmesini sağlar.

Ana Sayfa ve Diğer Sayfalar Nasıl Oluşturulur?

  1. Yeni bir sayfa oluşturup markanızın adını verin (videoda "ana sayfa" yerine marka adı kullanılması öneriliyor).
  2. Ayarlar > Okuma bölümünden "sabit sayfa" seçeneğini işaretleyip bu sayfayı ön sayfa (giriş sayfası) olarak belirtin.
  3. Sayfayı Elementor ile açıp, Envato şablon kütüphanesinden ilgili sayfa şablonunu "Insert Template" ile içe aktarın.
  4. İletişim, hakkımızda, hizmetler gibi diğer sayfaları da aynı şekilde oluşturup ilgili şablon bölümlerini yükleyin.

Bu şablonda header/footer, ElementsKit eklentisinin "Header Footer Builder" özelliğiyle yönetiliyor:

  1. ElementsKit panelinden Header/Footer bölümüne gelip yeni bir şablon oluşturun, türünü (Header/Footer) ve görüntülenme koşulunu ("Entire Website") seçin.
  2. Elementor ile düzenleme ekranına geçip Envato şablon kütüphanesinden ilgili header/footer tasarımını içe aktarın.
  3. Menü oluşturup (Görünüm > Menüler) header'daki menü alanına atayın.

Sık karşılaşılan bir sorun: Header içe aktarıldıktan sonra bazen görünmeyebiliyor, videoda bu sorunun genel konteynerin Z-index değerinin düşük kalmasından kaynaklandığı, değeri (örneğin 99) yükselterek çözüldüğü gösteriliyor.

Renk ve Font Nasıl Markaya Uyarlanır?

Elementor'un Site Ayarları > Global Renkler bölümünden şablonun kullandığı ana renk (genellikle "Brand" veya "Accent" olarak etiketlenir) kendi marka renginizle değiştirilebiliyor, bu değişiklik, o rengin kullanıldığı tüm düz renkli alanlara otomatik yansıyor. Ancak arka planında görsel kullanılan bölümler (örneğin bir banner'ın arka planındaki renkli görsel) bu şekilde değişmez; bu tür alanlar için görselin ölçülerini not alıp aynı boyutta kendi renginizle yeni bir görsel hazırlamanız gerekir. Aynı mantıkla Global Fontlar bölümünden şablonun kullandığı yazı tiplerini (H1, H2, gövde metni gibi her biri ayrı ayrı) kendi marka fontlarınızla değiştirebilirsiniz.

Bu Yöntemin Avantaj ve Dezavantajları

AvantajDezavantaj
Profesyonel görünümlü, hazır tasarımlı sayfalarŞablonun genel yapısı/estetiği kişisel zevke uymayabilir
Envato Elements aboneliğiyle çok sayıda şablona erişimEnvato Elements aboneliği ücretlidir
Global Kit ile hızlı renk/font senkronizasyonuArka plan görselleri gibi bazı öğeler manuel düzenleme gerektirir
Kurulum süreci nispeten hızlıTeknik aksaklıklar (Z-index, eklenti uyumsuzluğu) yaşanabilir

Bu Yöntem Kimler İçin Uygun?

Bu kapsamlı şablon tabanlı kurulum yöntemi, özellikle sınırlı bütçeyle profesyonel görünümlü bir kurumsal site kurmak isteyen küçük işletme sahipleri ve yeni başlayan freelance tasarımcılar için değerli bir seçenek. Envato Elements aboneliği tek başına, düzinelerce farklı sektöre (psikoloji, inşaat, e-ticaret, ajans gibi) uygun şablona erişim sağladığı için, her yeni proje için sıfırdan tasarım yapmak yerine uygun bir şablonu temel alıp üzerine özelleştirme yapmak, teslim sürelerini önemli ölçüde kısaltabiliyor. Ancak videoda da vurguladığım gibi, bu yöntemin sınırı burada bitmiyor, şablonu içe aktarmak işin sadece başlangıcı, gerçek içerik (metinler, görseller, marka kimliği) ile doldurmak ve markaya özgü hale getirmek hâlâ kullanıcının sorumluluğunda.

Teknik Aksaklıklarla Karşılaşırsanız Ne Yapmalısınız?

Videoda birkaç teknik aksaklık yaşanıyor: sayfa yükleme sırasında geçici bağlantı kopmaları, büyük şablon dosyalarının internet hızına bağlı olarak yavaş yüklenmesi ve header'ın Z-index sorunu nedeniyle görünmemesi. Bu tür durumlar Envato şablonlarına özgü değil, herhangi bir kapsamlı WordPress kurulumunda karşılaşılabilecek genel aksaklıklar. Karşılaştığınızda paniğe kapılmadan şu sırayla kontrol etmek işe yarıyor: önce sayfayı yenileyip tekrar deneyin, ardından tarayıcı önbelleğini temizleyin, hâlâ sorun varsa ilgili elementin katman (Z-index) veya görünürlük ayarlarını kontrol edin. Büyük şablonların yüklenmesi zaman alabileceği için, kararlı bir internet bağlantısıyla ve sabırla ilerlemek, yarıda kesilen bir içe aktarma işleminden daha güvenli bir sonuç veriyor.

Not: Elementor Pro mu, ücretsiz sürüm mü diye düşünüyorsanız Elementor rehberime bakabilirsiniz. Rehberdeki Elementor bağlantıları ortaklık bağlantısıdır; satın alırsanız komisyon alabilirim, sizin için fiyat değişmez.

Sık Sorulan Sorular

Envato Elements ile şablon kullanmak ücretsiz mi?

Şablonların kendisi Envato Elements aboneliği gerektirir; WordPress'e yükleme sürecinde kullanılan Template Kit Import eklentisi ücretsizdir.

Global Kit içe aktarmayı atlarsam ne olur?

Sayfalarınız Elementor'un varsayılan renk ve font ayarlarıyla görünür, şablonun tasarlandığı özgün görünümü elde edemezsiniz.

Header'ım göründükten sonra hâlâ arkada kalıyorsa ne yapmalıyım?

Genel konteynerin Z-index değerini artırmayı deneyin (videoda 99 değeri kullanılıyor); bu genellikle katmanlama (layering) sorununu çözer.

Bu yöntemle e-ticaret sitesi de kurabilir miyim?

Evet, Envato Elements'te e-ticaret odaklı template kit'ler de mevcuttur; aynı import sürecini WooCommerce ile birlikte uygulayabilirsiniz.

Şablonun rengini değiştirdiğimde bazı alanlar neden değişmiyor?

O alanlarda muhtemelen düz renk yerine bir arka plan görseli kullanılıyor; bu tür alanları güncellemek için aynı ölçülerde yeni bir görsel hazırlamanız gerekir.

Projenizi konuşalım

Ne yapmak istediğinizi kısaca yazın, size uygun yol haritasını birlikte çıkaralım.