WordPress Spectra nedir? Spectra vs Elementor

Ahmet Akdel
By Ahmet Akdel - Editor
WordPress Spectra

Spectra nedir?

Spectra, varsayılan blok düzenleyici Gutenberg’in üzerine inşa edilmiş görsel bir sayfa oluşturucudur. Daha öne sizlere Blocksy temasından bahsetmiştik. Dilerseniz o tema incelememize göz atabilirsiniz.

Daha önce ‘Ultimate Addons for Gutenberg‘ olarak bilinen Spectra, 2,5 milyondan fazla web sitesi tarafından kullanılan en popüler WordPress teması Astra‘nın arkasındaki şirket olan Brainstorm Force tarafından oluşturulan güçlü bir WordPress Blok Düzenleyici eklentisi ve eklentisidir.

Spectra’yı bu kadar özel kılan %100 WordPress default, varsayılan blog editoru Gutenberg üzerine kurulmuş olmasıdır. Spectra BrainStorm’un WordPress sayfa oluşturucu eklentisidir. Page builder olarak bilinen Spectra birçok eklenti özelliğini barındırır. Dünyaca ünlü WordPress teması WP Astra’nın da yapımcısı tarafından geliştirilen Spectra Ultra hızlı web siteleri için görsel sayfa oluşturucudur. Spectra’yı incelemek isterseniz buradan detaylı olarak kurcalayabilirsiniz 🙂

Spectra website

1. Hazır Web Sitesi Şablonları

Spectra premade presets 3
image 1
Spectra copy paste options

Bir bloğu tamamen özelleştirdiğiniz ve aynısını başka bir blokta tekrarlamak istediğiniz zamanları bilirsiniz.

Artık Spectra’nın Kopyalama ve Yapıştırma Stili özelliğini kullanabilirsiniz.

Spectra her niş için 100+ hazır web sitesi şablonu ile birlikte gelir. Ayrıca ana sayfalar, açılış sayfaları, hizmet sayfaları, hakkımızda, iletişim sayfaları, fiyatlandırma sayfaları ve daha fazlası için ayrı sayfa şablonları seçebilirsiniz.

ÖzelliklerNeler İçeriyor
Hazır ŞablonlarHer niş için 100’den fazla hazır web sitesi şablonu
Özel BloklarGelişmiş düzenler için 28+ Gutenberg bloğu
Duyarlı DüzenlemeMasaüstü, tablet ve mobil düzenleme modları
Tasarım SeçenekleriYüzlerce stil, renk ve tipografi seçeneği
Performans OptimizasyonuHız için varlık optimizasyonu ve önbelleğe alma
Derin EntegrasyonlarTüm büyük sayfa oluşturucular ve eklentilerle çalışma
PluginÜcretsiz SürümÜcretli Plan
SpectraÜcretsiz şablonlar ve sınırlı bloklar. Ancak, ücretsiz sürüm başlangıçta tamamen kullanılabilirKullanımı ücretsiz. Pro planlar bir site için sadece 49 $/yıl ve on site için 59 $/yıl’dan başlar.
ElementorAz sayıda şablon ancak iyi bir blok listesi, onu kullanılabilir bir ücretsiz eklenti haline getiriyorTek bir web sitesi için 59$/yıl ve 3+ site için 99+$/yıl.
Beaver BuilderAz sayıda şablon ve blok ve Spectra’dan daha az özellik olsa da, ücretsiz bir eklenti için mükemmel bir seçim olabilir.Premium, sınırlı özelliklerle 99 $/yıl’dan başlar ve tüm özellikler için 546 $/yıl’a kadar çıkar. 
Brizy5 ücretsiz şablon arasından seçim yapabilirsiniz, ancak ücretsiz sürüm ürün hakkında fikir edinmenize yardımcı olmak için tasarlanmıştırBir web sitesi için 60 $/yıl ve tüm özellikler için 192 $/yıl’a kadar çıkıyor

2. Özel Gutenberg Blokları

Spectra’nın eklediği faydalı bloklardan bazıları şunlardır:

Şimdi Spectra ve Spectra 2.0 ile gelen yenilikleri keşfedelim.

WordPress Spectra nedir?

Spectra, varsayılan blok düzenleyici Gutenberg’in üzerine inşa edilmiş görsel bir sayfa oluşturucudur.

Spectra website

Spectra ile, tamamen yeni başlayan biri olsanız bile ultra hızlı web siteleri oluşturabilirsiniz. Ve iyi haber şu ki Spectra tüm WordPress temalarıyla mükemmel bir şekilde çalışır.

Normalde, ya kötü yazılmış kodlar üreten, web sitesi performansını engelleyen bir temayla ya da yeni başlayanlar için karmaşık olan ve önemli bir öğrenme eğrisi içeren sayfa oluşturuculara sahip olursunuz.

Bunun dışında, sayfa oluşturucuların diğer üçüncü taraf temalar ve eklentilerle uyumluluk sorunları yaşadığı görülmektedir.

Spectra tüm sorunları ortadan kaldırdığını iddia ediyor.

Şimdi yeni başlayan kullanıcı dostu bir sayfa oluşturucu kullanarak hızlı ve kolay bir şekilde yüksek performanslı web siteleri oluşturabilirsiniz.

Spectra’daki yenilikler nelerdir?

Spectra ile amacımız, en iyi kullanıcı deneyimi ile birlikte mükemmel web siteleri oluşturmak için ihtiyacınız olan her şeyi içeren bir ürün ortaya çıkarmak.

Bu nedenle, Spectra’ya yeni özellikler eklerken, dünya standartlarında bir görsel sayfa oluşturucu ortaya çıkarmak için eskilerini de güncelledik.

İşte Spectra’nın harika özelliklerinden bazıları

Görsel web sitesi oluşturucumuzu kullanarak ultra hızlı web siteleri oluşturun

Spectra ile web sitesi oluşturmak artık çok daha kolay.

Başlangıç olarak, satır ve sütunları ortadan kaldırdık. Artık satır ve sutunların modası geçiyor.

Bunun yerine artık Flexbox Containers kullanıyoruz.

Flexbox Konteyner, tüm web tasarım sorunlarınızı çözmek için esnek konteynerler kullanır.

Spectra Flexbox container

Spectra bunu bir adım öteye taşıyor.

Bir kapsayıcıdaki öğelerin yönünü değiştirmek mi istiyorsunuz? Belki içeriği yaslamak veya hatta hizalamayı özelleştirmek? Spectra Flexbox’lar ile hakimiyet sizde.

Çeşitli konteyner öğelerini tasarım ihtiyaçlarınıza uyacak şekilde hizalamaktan

ve konteynerin genişliğini ve yüksekliğini kontrol etmek tamamen sizin elinizde.

Spectra container height option

önemli özellik listelerini görüntülemek, paneli kullanmak oldukça kolay.

Displaying features with container block

ve özel tabloları verimli bir şekilde oluştururken, Spectra ile tasarım olanakları sınırsızdır. Tüm bunlar, düzeni tüm cihazlar için akıcı ve duyarlı tutarken. Bir diğer önemli özellik ise Ön Ayarlar. Önayarlar ile web sitenizin tasarımına hızlı bir başlangıç yapabilirsiniz.

Spectra premade presets 3

Önceden tasarlanmış blokları web sitenizin gereksinimlerine uyacak şekilde özelleştirin. Tasarımları çoğaltmak ve kolayca zaman kazanmak ister misiniz? Bir bloğu tamamen özelleştirdiğiniz ve aynısını başka bir blokta çoğaltmak istediğiniz zamanları biliyor musunuz? Artık Spectra’nın Kopyala ve Yapıştır Stili özelliğini kullanabilirsiniz.

Spectra copy paste options

Bu özelliği kullanarak web sitenizde tutarlılığı kolayca sağlayabilir ve tasarım süresinden büyük ölçüde tasarruf edebilirsiniz.

Bir daha asla sıfırdan web sitesi tasarlamak zorunda kalmayacaksınız

Profesyonelce tasarlanmış 100’den fazla ÜCRETSİZ başlangıç şablonundan oluşan ve sürekli büyüyen kütüphanemiz, varsayılan WordPress blok editörü, Astra ve Spectra kullanılarak oluşturulmuştur.

Starter templates with spectra

Sadece birkaç tıklamayla bir sayfayı, bölümü ve hatta tüm web sitesi şablonunu içe aktarın. İçeriği özelleştirin ve projeleri her zamankinden daha hızlı teslim edin.

Ve en iyi yanı, hemen hemen her niş için bir web sitesi şablonuna sahip olmanızdır.

Blok Kalıpları kullanmayı mı tercih ediyorsunuz? Bilirsiniz, web sayfalarınızdaki kahraman bölümü, özellikler, müşteriler, referanslar, konumlar, adres, istatistikler ve tek alıntılar gibi belirli bölümler için kullandığınız önceden oluşturulmuş bloklar.

Spectra, kolayca içe aktarabileceğiniz, özelleştirebileceğiniz ve sayfalarınızda kullanabileceğiniz çok çeşitli önceden oluşturulmuş Blok Kalıpları ile sizi korur.

patterns with spectra

Spectra tüm pagebuilderlar ile uyumludur. Size geçiş ve taşıma için yardımcı oluyor.

Wireframes blocks with spectra

Önceki tasarımlarınız Spectra kullanılarak sadece birkaç tıklamayla içe aktarılabilir.

Spectra performanstan ödün vermeden harika özellikler sunar

Spectra, web sitenizin tasarım süresini kısaltmaya yardımcı olan hızlı ve güvenilir bir sayfa oluşturucudur. Optimize edilmiş varlıklar, temiz kod kullanır ve sıfır bağımlılığa sahiptir, bu da daha hızlı sayfa yükleme sürelerine yol açar.

Spectra, ultra hızlı ve yüksek performanslı web siteleri oluşturmak için gereken tüm özelliklere sahiptir:

  • Temiz ve daha az kod çıktısı, hızlı yükleme süreleri sağlar
  • Spectra’nın tam zamanında derleyicisi varlıkları dinamik olarak yükleyerek daha iyi performans sağlar
  • HTML, CSS ve JS gibi varlıklar optimize edilir ve küçültülür. Bu şekilde web siteniz hızlı yüklenir
  • Spectra jQuery’yi yüklemez, böylece yüklenen dosya sayısını azaltır
  • Spectra, Google Yazı Tiplerini yerel olarak yüklemenizi sağlar, böylece istek sayısını azaltır ve web sitenizin hızını artırır
  • Modern ReactJS çerçevesi ile inşa edilen Spectra ile yapılan sayfalar doğal olarak daha hızlı ve daha güçlüdür
Spectra Performance

Web sitenizin olağanüstü iyi performans göstermesini sağlamanın yanı sıra, Spectra kullanılarak oluşturulan web siteleri arama motorları için de süper optimize edilmiştir.

Spectra ile SSS, İnceleme ve Nasıl Yapılır gibi SEO dostu blokları kullanarak sayfalarınıza yalnızca içerik eklemekle kalmaz, aynı zamanda işaretlemeyi otomatik olarak uygularsınız.

Biliyorsunuz, bu web sitenizin SERP’de daha üst sıralarda yer alma şansını artırır.

Spectra kullanılarak oluşturulan web sitelerinin Google Core Web Vitals’da %90’ın üzerinde puan alabilir.

Size mükemmel bir sayfa oluşturma deneyimi sunan 25’ten fazla blok

Spectra, tamamen özelleştirilebilen ve herhangi bir kod satırı yazmadan yüksek performanslı web siteleri oluşturmanıza olanak tanıyan 25’ten fazla blokla birlikte gelir.

Spectra available blocks
  • Düğmeler – Üzerine gelme efektli özel tasarımlı düğmeler
  • Gönderi Düzenleri – Blog gönderilerini ızgaralar, listeler veya karuseller halinde sergileyin
  • Sekmeler – İçeriği sekmeli bölümler halinde düzenleyin
  • Testimonials – Müşteri yorumlarını içeren sosyal kanıt bölümleri
  • Görüntü Galerisi – Proje galerilerini ve portföy parçalarını görüntüleyin
  • Haritalar – Zengin etkileşimli Google Haritaları gömün
  • İletişim Formları – İletişim ve bülten formları oluşturun
  • Geri sayımlar – Geri sayımlarla aciliyet ve vızıltı yaratın
  • Fiyatlandırma – Esnek fiyatlandırma tabloları ve paketleri
  • Uyarılar – Bildirimler, uyarılar ve ikazlar
  • Slider – Görüntü karuselleri ve kahraman bölümleri

Eksiksiz site şablonlarına ek olarak Spectra, gelişmiş düzenler için 28’den fazla özel Gutenberg bloku sağlar.

3. Hızlı ve Duyarlı Düzenleme Deneyimi

image 3

Mobil uyumlu siteler oluşturmak çok fazla çalışma gerektirebilir. Spectra, duyarlı düzenleme deneyimini tamamen dönüştürüyor.

Masaüstü, tablet ve mobil olmak üzere üç özel cihaz önizleme modu ekler. İçeriğinizin ekran boyutlarında tam olarak nasıl görüneceğini tek bir tıklamayla görebilir, böylece yayına girmeden önce sorunları yakalayıp düzeltebilirsiniz.

WordPress Spectra Hız Özellikleri

Spectra Performance
  • Temiz ve daha az kod çıktısı, hızlı yükleme süreleri sağlar
  • Spectra’nın tam zamanında derleyicisi varlıkları dinamik olarak yükleyerek daha iyi performans sağlar
  • HTML, CSS ve JS gibi varlıklar optimize edilir ve küçültülür. Bu şekilde web siteniz hızlı yüklenir
  • Spectra jQuery’yi yüklemez, böylece yüklenen dosya sayısını azaltır
  • Spectra, Google Yazı Tiplerini yerel olarak yüklemenizi sağlar, böylece istek sayısını azaltır ve web sitenizin hızını artırır
  • Modern ReactJS çerçevesi ile inşa edilen Spectra ile yapılan sayfalar doğal olarak daha hızlı ve daha güçlüdür

4. Tasarım ve Özelleştirme Seçenekleri

image 4

For starters, global settings allow customizing core elements like:

  • Tipografi – Yazı tipi aileleri, boyutları, ağırlıkları, harf aralıkları, satır yükseklikleri ve daha fazlası
  • Renkler – Birincil ve ikincil tonlar, arka plan, metin ve bağlantı renkleri
  • Layout – Site genişliği, hizalama, maksimum genişlikler ve kapsayıcı dolgusu

Bu, görsel bir marka yönünü tek bir yerden tanımlamayı kolaylaştırır. Ardından, yerel değişiklikler için her blok, aşağıdakiler de dahil olmak üzere derin stil kontrolleri içerir:

  • Spacing – Blok başına özel kenar boşlukları ve dolgu
  • Borders – Renk, genişlik, yarıçap ve stil
  • Efektler – Gölgeler, klip yolları, dönüşümler ve filtreler
  • Arka planlar – Renkler, resimler, videolar ve degradeler
  • Animasyon – Blokları gerektiği gibi hareket ettirin, soldurun ve yakınlaştırın
  • Boyutlandırma – Genişlikler, yükseklikler, minimum/maksimum boyutlar
  • Pozisyonlar – Mutlak, göreli, yapışkan, yüzen seçenekler

WordPress Spectra Diğer Özellikler

  • Heading
  • Info Box
  • Call To Action
  • Icon Lists
  • Blog Posts
  • Social Sharing
  • Price List
  • How to
  • Tabs
  • Lottie Animation

 Eyleme Çağrı Bloku bu şekilde görünür.

Spectra call to action block

İçerik Zaman Çizelgesi Bloğu bu şekilde görünür.

Spectra content timeline block

WordPress Spectra ile birlikte gelenler

  1. Instagram besleme bloğu
  2. Dinamik içerik işlevselliği
  3. Geri sayım zamanlayıcı bloğu
  4. Karşılaştırma kaydırıcı bloğu
  5. Popup Oluşturucu
  6. Ve bir tema oluşturucu

WordPress Spectra‘yı ücretsiz denemek ve hemen kullanmak için buradan ulaşabilirsiniz.


Dijital Teknoloji Blogu sitesinden daha fazla şey keşfedin

Subscribe to get the latest posts sent to your email.

Share This Article
Leave a Comment

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir