WordPress ile SiteOrigin Sayfa Oluşturucu Nasıl Kullanılır

Diğer WordPress sayfa oluşturucuları gibi, SiteOrigin de biraz CSS ve sıfır kodlama bilgisi ile güçlü ve duyarlı bir web sitesi oluşturmanıza yardımcı olmak için burada. Kendi uçlarından kullanabileceğiniz (hem ücretsiz hem de premium) birkaç temanın yanı sıra ücretsiz ve Pro sayfa oluşturucu eklentileri vardır.

SiteOrigin'in Pro sürümünü test ettim ve bir açılış sayfası oluşturdum. Sürükle ve bırak işleviyle birlikte gelir ve herhangi bir temayla çalışır ve tüm Ücretsiz, Pro ve WordPress widget'larını aynı anda kullanabilirsiniz. WordPress ile SiteOrigin kurulumu ve yapılandırması hakkında daha fazla bilgi edinmek için bu makaleyi okuyalım.

Neden SiteOrigin Sayfa Oluşturucuyu Seçmelisiniz?

Siteyi oluşturmak, hem Classic hem de Gutenberg olmak üzere hepimizin aşina olduğu WordPress Editor'daki araç çubuğundan başlar. Az miktarda çıktı kodu üretir ve şişkin değildir, ancak çıktı kodunun her satırı tek sayfalık bir oluşturucu için mümkün olduğunca optimize edilmiştir.

Bir ön uç oluşturucuya sahip olmadığı için yaptığınız her değişikliğin canlı bir önizlemesine sahiptir.

Ayrıca geçmişi kolayca kontrol edebilir ve yaptığınız şeyden memnun kalmazsanız önceki bir tasarıma geri dönebilirsiniz. Ayrıca, diğer sayfa oluşturucular gibi her zamanki gibi Satırlar ve Pencere Öğeleri kullanır.

SiteOrigin Sayfa Oluşturucu'nun Özellikleri

SiteOrigin'in ücretsiz sürümü, oldukça sınırlı "widget" seçenekleriyle birlikte gelir, ancak Pro sürümüyle, sitenizi kolaylıkla oluşturmak için bir sürü kullanışlı eklenti widget'ınız vardır.

Özel Posta Türü Oluşturucu

SiteOrigin'in en popüler ve kullanışlı özelliklerinden biri, yeniden kullanılabilir Sayfa Oluşturucu düzenlerine ve WooCommerce şablonlarına sahip Özel Posta Türü Oluşturucu'dur. Diğer araçlardan biraz farklıdır ve nasıl kullanılacağına dair biraz daha derin açıklama yapacağım.

SiteOrigin'de özel bir yazı tipi şablonu oluşturabilmeniz için izlemeniz gereken önemli adımlar vardır.

Aşama 1

Yeni bir özel gönderi türü eklemeniz, Sayfa Oluşturucu'yu kullanarak gönderi türü düzenini oluşturmanız ve gönderi türü görüntüleme ayarlarını seçmeniz gerekir.

WordPress Panonuzdan Araçlar → Gönderi Türleri'ne gidin ve Yeni Ekle Düğmesine tıklayın, örneğin Portföy olarak adlandırın. Şimdi, Metin ve Görsel sekmelerinin yanındaki Sayfa Oluşturucu sekmesine tıklayın, Portföy özel yazı tipi düzeninizi oluşturmak için Sayfa Oluşturucu Widget Ekle ve Satır Ekle düğmelerini kullanın.

Şablona eklediğiniz tüm içeriklerin gelecekte yayınlanan her portföy gönderisinde görüntüleneceğini lütfen unutmayın. Bu nedenle, bu sayfaların her birinde Harekete Geçirici Mesaj, Bültenimize Abone Ol, Hakkımda, Görüşler vb. gibi belirli bir içerik bloğu görüntülemek istiyorsanız oldukça kullanışlıdır.

Adım 2

Oluşturduğunuz özel bir gönderi türüne nasıl içerik ekleyeceğinizi bilmeniz gerekir.

Özel Gönderi Türü portföyünü oluşturduktan sonra, Portföy Öğesini WordPress Kontrol Panelinizin sol kenar çubuğunda görebileceksiniz. Üzerine tıklayın ve ardından Yeni Ekle'ye tıklayın.

Portföy öğenizi adlandırdığınızda, ona içerik eklemenize izin verir. Unutmayın, yalnızca global şablonun parçası olmayan widget'ları düzenleyebilirsiniz ve bu widget'lar beni bir metin oku ile işaretlenecektir. Ve son olarak, bu gönderilerin bir gönderi atlıkarıncasına veya bir gönderi döngüsü widget'ına nasıl ekleneceği.

Döngü Widget'ı Gönder

SiteOrigin, Post Loop Widget'ına sahiptir, ancak aktif temanın içindeki döngü şablonlarına dayanır.

Post Loop Widget'ı eklemek için, bir sayfaya bir satır ekleyin veya görüntülenmesini istediğiniz yere gönderin, blog veya ızgara düzenini seçin ve bitirdiniz. Ardından, Gönderi sorgusu oluştur düğmesine tıklayarak hangi widget'ın görüntüleneceğini seçmeniz gerekir.

Son adımda, sorgu oluşturucu pencere öğesinin üst kısmındaki Gönderi Türü Açılır menüsünden Özel Gönderi Türünüzü tıklayın.

Bunu post carousel'de yapmak istiyorsanız, tek fark Post Loop yerine post carousel widget'ını seçmektir, prosedürün geri kalanı aynıdır.

WooCommerce Şablon Oluşturucu

WooCommerce şablonları, WooCommerce'e özel güzel sayfalar ve tek bir ürün görsel görünümü oluşturmaya izin verir. WooCommerce Template Builder arayüzü yedi sekmeye ayrılmıştır:

1. Ürün
2. Ürün arşivi
3. Mağaza
4. Araba
5. Boş sepet
6. Ödeme
7. Hesabım

WooCommerce için, tek bir ürünü oluşturmak için ihtiyaç duyduğunuz tüm gerçek bireysel öğeler, ürünleri kolayca oluşturmanıza olanak tanıyan bir widget olarak dağıtılır. Bir düzen oluşturabilir ve fiyat, SKU, Sepete Ekle, Kısa/Uzun Açıklama, Ürün Resmi, Başlık vb. WooCommerce widget'larını kullanabilirsiniz.

Ayrıca, size WooCommerce Upsell işlevselliğini kullanma özgürlüğü veren, bir ürün ek satışı için çok kullanışlı bir widget vardır. Ancak, bu widget'ların ve WooCommerce sayfalarının tasarımının CSS temanız tarafından belirlendiğini ve CSS kullanılarak düzenlenebileceğini lütfen unutmayın.

Haritalar, Akordeonlar, CTA'lar, Sekmeler, Sosyal Widget'lar, Karusel vb. gibi diğer widget'lar yaygındır.

Pro Aboneliği ile yalnızca Pro Sayfa Oluşturucu'ya değil, tüm Pro özelliklerine, Premium Temalara, CSS'ye ve widget'lara erişim sağlarsınız.

SiteOrigin Sayfa Oluşturucu Fiyatlandırması ve Planları

SiteOrigin iki fiyatlandırma modeli sunuyor. İlk ve en kullanışlı olanı 3 paket halinde gelen Yıllık Aboneliktir.

• 29 $ pahasına bir site için Tek
• 49 $ pahasına 5 sitelere up için İş
• 99 $ karşılığında sınırsız siteler için geliştirici

Ayrıca, abonelik değil, bir yıllık güncelleme ve destek dışında her şeye sahip olduğunuz bir Tek Yıllık Lisans vardır.

• 38 $ pahasına bir site için Tek
• $ 64 pahasına 5 sitelere up için İş
• 128 $ fiyata sınırsız siteler için geliştirici

SiteOrigin Sistem/Barındırma Gereksinimleri

SiteOrigin'in sistem gereksinimlerini bulmak biraz zor olsa da. Bazı destek forumlarından ve çevrimiçi yorumlardan, en az 512 MB PHP Belleğe sahip PHP 7.4 hile yapacak gibi görünüyor. Ancak, test amacıyla VultrHF'yi 2GB PHP Bellek ile kullandım.

Elbette, en son WordPress sürümüne ve diğer tüm eklentilerin güncel olmasına ihtiyacınız olacaktır.

SiteOrigin Sayfa Oluşturucuyu Kurun ve Yapılandırın

Kurulum ve yapılandırma söz konusu olduğunda, SiteOrigin çoğu sayfa oluşturucunun sunmadığı ilginç bir şey sunar.

WordPress'teki her şeye gelince, ücretsiz SiteOrigin'i doğrudan Repository'den yüklemeniz ve ardından SiteOrigin hesabınızdan indirdiğiniz Pro sürümünü yüklemeniz gerekir. Kurulumu tamamladıktan sonra adımları takip edin ve önerilen eklentileri kurun/etkinleştirin.

Eklenti paketini başarıyla yükledikten sonra, ihtiyacınız olan lisansı ve widget'ları etkinleştirmelisiniz. Lisansa gelince, hemen etkinleştirilmesi gerekiyor ve widget'lar için, bazılarına ihtiyacınız olduğunda şimdi veya daha sonra etkinleştirebilirsiniz.

SiteOrigin'in harika yanı, ihtiyacınız olmayan widget'ları etkinleştirmek zorunda olmamanız ve bunu yaparak, bazı kaynakları kaydedebilir ve yalnızca ihtiyacınız olan seçenekleri işlevsel hale getirebilirsiniz. Mavi olanlar aktif, gri olanlar ise aktif olmayan aletlerdir.

İşiniz bittiğinde, SiteOrigin sayfa oluşturucuyu kullanarak sitenizi oluşturmaya başlayabilirsiniz. Sayfalar → Yeni Ekle'ye gidin ve açılır oka tıklayarak, SiteOrigin Sayfa Oluşturucu ve Blok Düzenleyici ile Yeni Sayfa Ekle seçeneğine yönlendirileceksiniz → SiteOrigin Sayfa Oluşturucu'yu seçin.

Şahsen, ön uç oluşturucular çağında arka uç sayfa oluşturucularının en büyük hayranı değil. Ancak, daha az kaynak tüketeceği ve sunucunuz için daha hafif olacağı anlamına gelir. Genel olarak inşaatçılar kadar aç değil.

Sayfa oluşturucu, kullanışlı olan Canlı Düzenleme modunda bu şekilde görünür. Yaptığınız değişiklikleri görmek için her seferinde önizlemeye dokunmanız gerektiğinden, arka uç düzenleyici oldukça zor ve zaman alıcıdır.

Düzenle sayfasını tıkladığınızda, arka uç düzenleyicinin içine girersiniz, oradan araç çubuğundan Canlı Düzenleyici'ye tıklamanız yeterlidir.

Sol tarafta, aslında siteyi oluşturduğunuz Özelleştirici ile benzer bir kenar çubuğunuz var ve sağ tarafta herhangi bir değişiklik yapıldıktan sonra değişiklikleri görüntülemek için görünümü yeniden yükleyecektir.

Doğrudan sitede herhangi bir sürükle ve bırak yöntemini desteklemez, ancak her şeyin sol kenar çubuğu özelleştiricisi aracılığıyla yapılması gerekir.

Sol üst köşede, içinde 4 öğe bulunan araç çubuğunu göreceksiniz. Soldan sağa aşağıdakileri yapacaklardı.

Dişli Simgesi, oluşturduğunuz satırlara ekleyebileceğiniz kullanılabilir widget'ları açar. Hem WordPress widget'larını hem de SiteOrigin widget'larını aynı yerde görebilirsiniz. Ancak, yalnızca WordPress'i veya yalnızca SiteOrigin'i görmek için sol tarafı da seçebilirsiniz.

Bir sonraki simge, yeni bir satır ekleyecek olan bir Burger'dir ve bu, satır düzenini seçtiğiniz andır. Düzeni değiştirmeniz gerekiyorsa endişelenmeyin, daha sonra her an yapılabilir.

Düzen simgesine tıkladıktan sonra, aslında mevcut Düzeni içe/dışa aktarma seçeneğini açar. Fark ettiğim şey, SiteOrigin'in daha fazla düzen ve daha modern tasarımdan yoksun olması. Ayrıca, bu araçtan, önceden oluşturduğunuz mevcut sayfaları kopyalayabilir veya bölümleri/blokları yansıtabilirsiniz.

Son simge, sonuçları beğenmezseniz veya sadece bir hata yaptıysanız, yaptığınız şeyi geri alabileceğiniz yer olan Geçmiş'tir.

Cloudways'de SiteOrigin Sayfa Oluşturucu Performansı

Beklendiği gibi, SiteOrigin oldukça iyi bir performans sergiliyor çünkü kodda fazla şişkinlik yok ve oldukça basit, bu da aynı zamanda hem avantaj hem de dezavantaj. Belirtmemiz gerekiyor, hiçbir şekilde görüntü optimizasyonu yapmadık.

– SiteOrigin'in GTMetrix üzerindeki sonuçları

– SiteOrigin'in Pingdom Tools üzerindeki sonuçları

– WebPageTest'te SiteOrigin Sonuçları

SiteOrigin Sayfa Oluşturucu Kullanıcı İncelemeleri

Ve herhangi bir eklenti yüklemeden önce her zaman kontrol etmeniz gereken şeylerden biri, WordPress.org eklenti deposundaki incelemeler ve derecelendirmelerdir. SiteOrigin için şu ana kadar 922 5 yıldızlı derecelendirme var ve son incelemeler harika.

Özet

Basit bir web sitesi veya açılış sayfası oluşturmak için hafif bir araca ihtiyacınız varsa, SiteOrigin sizin için mükemmel bir seçim olabilir. Dezavantajı, bir üstbilgi ve altbilgi oluşturucu sunmamasıdır, bu nedenle sitenizin üstbilgisini ve altbilgisini düzenlemeye izin verecek bir temaya ihtiyacınız vardır.

Öğrenme eğrisi diktir ve WordPress ile daha önce biraz deneyime ve widget'ları ve öğeleri anlamanız gerekir. Bir ön uç düzenleyicinin olmaması da yeni başlayanlar için sınırlayıcı bir faktördür ve nihai sonucunuzun harika görünmesi için kesinlikle biraz CSS bilgisi ve becerisi gerektirir. Bununla birlikte, bir geliştirici olarak, yeni başlayanlar için pek sezgisel olmasa da, özelliklerin çoğu oldukça kullanışlıdır.

SiteOrigin çevresindeki ekosistem, diğer bazı sayfa oluşturucular kadar büyük değil, ancak Ücretsiz Sürüm için 1 milyon aktif kurulum ve Widget Bundle için 900.000 ve bazı harici eklenti yazarlarının 30.000+ olduğunu hesaba katmamız gerekiyor. aktif kurulumlar