İçeriğe geç
Elementor Şablon Kitleri: Saatler İçinde Tam Bir Web Sitesi Nasıl Oluşturulur
Elementor📖 Eğitim

Elementor Şablon Kitleri: Saatler İçinde Tam Bir Web Sitesi Nasıl Oluşturulur

Can BayarCan BayarGüncelleme tarihi: 12 dk okuma616 görüntülenme

Şablon kitleri, birkaç saat içinde tamam bir web sitesi oluşturmanıza olanak tanıyan önceden tasarlanmış sayfa ve bölüm koleksiyonlarıdır. Elementor'un şablon sistemi, ana sayfa ve hakkında sayfasından blog ve iletişim sayfasına kadar bir web sitesinin ihtiyaç duyduğu her sayfa türünü kapsayan hem bireysel sayfa şablonlarını hem de tam web sitesi kitlerini içerir. Bu kılavuzda, Elementor şablon kitlerini nasıl etkili bir şekilde kullanacağınızı, nerede bulacağınızı ve projeniz için nasıl özelleştireceğinizi açıklıyoruz.

Elementor Şablon Kitleri Nedir?

Elementor şablon kiti, bir bütün olarak çalışacak şekilde tasarlanmış uyumlu sayfa şablonları setidir. Tutarsız stilize edilmiş bireysel şablonların aksine, bir kit, tüm sayfalarda renklerin, tipografinin, boşlukların ve tasarım unsurlarının tutarlı olmasını sağlar.

Tipik bir şablon kiti şunları içerir:

Şablon Türüİçerdiği SayfalarAmaç
Küresel ŞablonlarBaşlık, Altbilgi, 404 sayfasıSite genelinde tutarlı unsurlar
Temel SayfalarAna Sayfa, Hakkında, Hizmetler, İletişimStandart web sitesi sayfaları
Blog ŞablonlarıBlog arşivi, Tekil gönderiİçerik yayınlama düzeni
WooCommerceMağaza, Ürün, Sepet, ÖdemeE-ticaret sayfaları
Popup ŞablonlarıÇerez bildirimi, Bülten, CTATanıtım katmanları
Bölüm ŞablonlarıHero, Özellikler, Referanslar, SSS, CTAYeniden kullanılabilir sayfa bölümleri

Şablon Kitlerini Nerede Bulabilirsiniz

Elementor'un Yerleşik Kütüphanesi

Elementor Pro, 100'den fazla tam web sitesi kiti ve 300'den fazla bireysel sayfa şablonuna erişim sağlar. Bunlar doğrudan Elementor editörü içinde mevcuttur:

  1. Herhangi bir sayfada Elementor editörünü açın
  2. Editör araç çubuğundaki klasör simgesine (Şablon Kütüphanesi) tıklayın
  3. Tam web sitesi kitlerini görmek için "Kits" sekmesine gidin
  4. Herhangi bir kiti önizleyin ve bir tıklama ile uygulayın

Kit kategorileri iş, yaratıcı ajans, portföy, restoran, fitness, emlak, tıp, eğitim ve teknoloji gibi en yaygın web sitesi türlerini kapsar.

Üçüncü Taraf Şablon Pazarları

Elementor'un yerleşik kütüphanesinin ötesinde, birkaç kaynak ek şablon kitleri sunmaktadır:

  • ThemeForest / Envato Elements: Çeşitli nişlerde yüzlerce Elementor şablon kiti
  • Starter Template eklentileri: Astra gibi temalar kendi Elementor şablon kütüphanesini sunar
  • Elementor eklenti eklentileri: Essential Addons ve Happy Addons ek şablonlar içerir
  • TemplateMonster: Belirli endüstriler için premium Elementor kitleri

Şablon Kitini Nasıl Uygularım

Yöntem 1: Tam Kit İçe Aktarma (Tavsiye Edilir)

  1. WordPress yönetim panelinde Şablonlar → Kit Kütüphanesi yolunu izleyin (Elementor Pro)
  2. Projenizle eşleşen bir kiti göz atın veya arayın
  3. Kitteki tüm sayfaları önizlemek için "Demo Görüntüle" butonuna tıklayın
  4. Tüm şablonları içe aktarmak için "Kit Uygula" butonuna tıklayın
  5. İçe aktarılacak şablonları seçin (gerekmediğiniz sayfaları atlayabilirsiniz)
  6. Kit, sayfaları, başlıkları, altbilgileri, popupları ve küresel stilleri içe aktarır

İçe aktarma süreci genellikle kit boyutuna ve sunucu hızınıza bağlı olarak 1-3 dakika sürer. İçe aktardıktan sonra, tüm sayfalar WordPress sayfa listenizde taslak olarak görünür, özelleştirmeye hazırdır.

Yöntem 2: Bireysel Şablon İçe Aktarma

Sadece bir kitten belirli sayfalara ihtiyacınız varsa:

  1. Herhangi bir sayfada Elementor editörünü açın
  2. Şablon kütüphanesi simgesine tıklayın
  3. İhtiyacınız olan belirli sayfa türünü arayın (örneğin, "hakkında sayfası")
  4. Şablonu mevcut sayfanıza ekleyin

Yöntem 3: JSON Dosyasından İçe Aktarma

Üçüncü taraf kaynaklardan indirilen şablonlar için:

  1. WordPress yönetim panelinde Şablonlar → Kaydedilen Şablonlar yolunu izleyin
  2. "Şablonları İçe Aktar" butonuna tıklayın
  3. JSON dosyalarını yükleyin
  4. Şablonlar, kaydedilen şablonlar kütüphanenizde görünür

Şablon Kitlerini Özelleştirme

Adım 1: Küresel Renkleri ve Fontları Ayarlayın

Bireysel sayfaları düzenlemeden önce, markanızın küresel tasarım ayarlarını yapılandırın:

  1. Elementor editörünü açın → hamburger menüsüne tıklayın (sol üst) → Site Ayarları
  2. Küresel Renkler: Birincil, ikincil, metin ve vurgu renklerinizi ayarlayın. Çoğu kit, küresel renk sistemini kullandığı için bu renkleri değiştirmek tüm sayfaları aynı anda günceller
  3. Küresel Fontlar: Birincil (başlıklar) ve ikincil (gövde metni) yazı tipi ailelerinizi ayarlayın
  4. Küresel ayarlarınızı kaydedin

Bu tek adım, her sayfayı ayrı ayrı düzenlemeden kitin tamamını markanızın kimliğine uyacak şekilde dönüştürür.

Adım 2: Yer Tutucu İçeriği Değiştirin

Şablon kitleri yer tutucu içerik (Lorem Ipsum, stok görseller, sahte telefon numaraları) kullanır. Sistematik olarak değiştirin:

  • Logo: Başlık şablonunda güncelleyin (site genelinde uygulanır)
  • Metin içerikt: Yer tutucu metni gerçek metninizle değiştirin
  • Görseller: stok fotoğrafları kendi fotoğraflarınızla değiştirin (tutarlı düzenler için benzer en-boy oranlarını koruyun)
  • İletişim bilgileri: telefon, e-posta, adres ve sosyal medya bağlantılarını güncelleyin
  • Bağlantılar: navigasyon menüsü bağlantılarını ve dahili sayfa bağlantılarını güncelleyin

Adım 3: Düzeni İhtiyaçlarınıza Göre Ayarlayın

Çoğu şablon bazı düzen ayarlamaları gerektirecektir:

  • Gereksiz bölümleri kaldırın: işinize uymayan bölümleri silin
  • Bölümleri yeniden sıralayın: içerik önceliğinize göre bölümleri yukarı veya aşağı sürükleyin
  • Yeni bölümler ekleyin: gerektiğinde ek içerik blokları ekleyin
  • Duyarlı ayarları ayarlayın: tablet ve mobil önizlemeleri kontrol edin ve boşluk, yazı tipi boyutları ve öğe görünürlüğünü ayarlayın

Şablon Kitleri ile Çalışırken İpuçları

  • Taslağınıza en yakın kiti seçin. Görüşünüzden uzak olan bir şablonu ağır bir şekilde özelleştirmektense, benzer bir şablonu değiştirmek daha hızlıdır
  • Önce tam kiti içe aktarın, sonra ihtiyacınız olmayanları silin. Bu, küresel stillerin ve bağlantılı öğelerin doğru çalışmasını sağlar
  • Temanın tasarım sistemini kullanın. Temanızın (örneğin Astra veya GeneratePress) kendi tasarım token'ları varsa, kitin küresel renklerinin tema ayarlarıyla uyumlu olduğundan emin olun
  • Tüm cihazlarda test edin. Şablon kitleri öncelikle masaüstü için tasarlanmıştır. Yayınlamadan önce mobil ve tablet deneyimini her zaman doğrulayın
  • Özelleştirilmiş bölümleri şablon olarak kaydedin. Yeniden kullanabileceğiniz (referanslar, CTA bloğu, fiyat tablosu) bir bölümü özelleştirdikten sonra, diğer sayfalar için şablon kütüphanenize kaydedin

Şablon Kitinin Performansı

Şablon kitleri, ağır animasyonlar, birden fazla video gömme veya aşırı büyük görseller içeriyorsa performans yükü getirebilir. optimize edilmiş sayfa hızı için:

  • Açık bir amacı olmayan animasyonları kaldırın
  • Gömülü videoları, tıklama ile videoyu yükleyen küçük resimlerle değiştirin
  • Görselleri uygun boyutlara sıkıştırın ve yeniden boyutlandırın
  • Elementor'un performans özelliklerini kullanın (Geliştirilmiş Varlık Yükleme, arka plan görselleri için Tembel Yükleme)
  • Özelleştirmeden sonra Google PageSpeed Insights ile test edin

Sıkça Sorulan Sorular

Elementor şablon kitleri ücretsiz mi?

Elementor bazı ücretsiz şablonlar içerir, ancak tam web sitesi kitleri Elementor Pro gerektirir. Envato Elements gibi pazar yerlerinden alınan üçüncü taraf kitleri genellikle bir abonelik veya tek seferlik satın alma gerektirir. Elementor Pro, PluginTheme.net'te tam kit kütüphanesine erişim sağlar.

Bir şablon kitini birden fazla web sitesinde kullanabilir miyim?

Evet, eğer Elementor Pro lisansınız birden fazla siteye izin veriyorsa. Şablon kitleri bir siteden dışa aktarılabilir ve başka birine içe aktarılabilir. GPL lisansı altında, şablonları kullandığınız site sayısı üzerinde herhangi bir kısıtlama yoktur.

Şablon kitleri herhangi bir WordPress temasıyla çalışır mı?

Şablon kitleri, Elementor ile uyumlu herhangi bir tema ile çalışır. Ancak, Astra, GeneratePress ve Hello Elementor gibi temalar, Elementor içeriğine kendi stillerini enjekte etmedikleri için en temiz tuvali sağlar. Aşırı stillendirilmiş bir tema ile bir şablon kiti kullanmak görsel çelişkilere neden olabilir.

Uyguladıktan sonra bir şablon kitini nasıl güncellerim?

Şablon kitleri düzenli WordPress sayfaları oluşturur. İçe aktarıldıktan sonra, sayfalar kitten bağımsızdır—kitin güncellenmesi özelleştirilmiş sayfalarınızı etkilemez. Eğer Elementor bir kitin güncellenmiş bir versiyonunu yayınlarsa, yeni versiyonu mevcut sayfalarınızla birlikte içe aktarabilir ve istediğiniz değişiklikleri manuel olarak benimseyebilirsiniz.

Farklı kitlerden şablonları karıştırabilir miyim?

Teknik olarak evet, ancak önerilmez. Farklı kitler farklı renk şemaları, tipografi ve boşluk değerleri kullanır. Bunları karıştırmak görsel tutarsızlık yaratır. Kitinizde yer almayan bir sayfa türüne ihtiyacınız varsa, ya kitinizin küresel stillerini kullanarak sıfırdan tasarlayın ya da yeni şablonu içe aktarın ve stilini eşleştirmek için manuel olarak ayarlayın.

Şablon kiti ile başlangıç şablonu arasındaki fark nedir?

Bir başlangıç şablonu genellikle içe aktarıp özelleştirdiğiniz tek sayfa tasarımıdır (anasayfa, iniş sayfası). Bir şablon kiti, birlikte çalışmak üzere tasarlanmış, uyumlu sayfalar, başlıklar, alt bilgiler ve açılır pencerelerden oluşan tam bir settir. Kitler tutarlılık sağlar; bireysel şablonlar belirli sayfalar için esneklik sunar.

100+ Elementor Web Sitesi Kitine Erişin

Tam şablon kiti kütüphanesine, Tema Oluşturucuya ve tüm Pro widget'larına erişim için Elementor Pro edinin. Tam web sitelerini saatler içinde, haftalar değil.

Elementor Pro'yu İnceleyin →

Sık Sorulan Sorular

Elementor şablonları ile şablon kitleri arasındaki fark nedir?
Şablon, tek sayfa tasarımıdır. Şablon kiti, ana sayfa, hakkında, hizmetler, iletişim, blog ve tutarlı tasarım unsurlarını paylaşan diğer sayfalar dahil olmak üzere, bir web sitesinin tamamı için koordine edilmiş şablonların tam setidir.
Şablon kitlerini kullanmak için Elementor Pro'ya ihtiyacım var mı?
Evet. Elementor Free, bazı temel şablonlara erişim sağlar. Tam şablon kitleri ve yüzlerce profesyonel kit içeren Şablon Kiti Kütüphanesi için Elementor Pro gereklidir. Üçüncü taraf şablon sağlayıcıları da her iki versiyon için kitler sunar.
İçe aktardıktan sonra şablon kiti tasarımlarını özelleştirebilir miyim?
Evet. Şablon kitleri bir başlangıç noktası sağlar, bitmiş bir ürün değil. İçe aktardıktan sonra, renkleri, yazı tiplerini, görselleri, metin içeriğini ve yerleşim unsurlarını Elementor görsel editörü kullanarak özelleştirin. Küresel stiller, tema genelinde değişiklikleri verimli hale getirir.
Elementor şablon kitini nasıl içe aktarırım?
Elementor editöründe, Şablon Kiti Kütüphanesi simgesine tıklayın. Sektörünüze uygun bir kiti tarayın veya arayın. Tüm sayfaları ve küresel stilleri içe aktarmak için Uygula Kiti'ne tıklayın. Bireysel şablonlar da sayfa sayfa içe aktarılabilir.
Şablon kitleri sahte içerik içeriyor mu?
Evet. Şablon kitleri yer tutucu metin, örnek görseller ve demo içeriği içerir. Bunları gerçek içeriğiniz, marka görselleriniz ve iş bilgileriyle değiştirin. Bazı kitler, önerilen görsel boyutları ve içerik yapısı için talimatlar içerir.

Bu yaziyi paylas

Yazar Hakkında

Can Bayar
Can Bayar

WordPress Uzmanı

Eklenti ve tema geliştirme alanında 10 yılı aşkın deneyime sahip kıdemli WordPress geliştiricisi. WooCommerce, Elementor ve performans optimizasyonu konularında uzmanlaşmıştır.

WordPressWooCommerceElementorPHPJavaScriptPerformans Optimizasyonu

Güncel Kal

En son WordPress ipuçlarını ve eğitimlerini e-postaniza alın.