Vitrin Teması: Nasıl Kurulur ve Yapılandırılır

Yayınlanan: 2018-01-12

Storefront, WordPress kullanarak bir WooCommerce mağazası başlatmak söz konusu olduğunda en esnek ve genişletilebilir temalardan biridir.

Temiz kod mimarisi sayesinde kullanıcılar arasında oldukça popüler hale geldi ve şu anda 100.000'den fazla çevrimiçi mağaza WordPress teması olarak Storefront kullanıyor.

WooCommerce Storefront Temasını Yükleme

WP kontrol panelinizden temayı arayarak veya temayı manuel olarak yükleyerek Storefront temasını kurmanın iki yolu vardır.

WordPress Dashboard kullanarak yükleme

Storefront'u kurmanın en hızlı yolu WordPress panosundan geçer. Storefront'u WordPress panosu aracılığıyla yüklemek için bu adımları izleyin.

  1. Görünüm > Temalar > Yeni Ekle'ye gidin
  2. Arama kutusuna ' storefront ' yazın ve enter'a basın.
  3. Fareyle Storefront ekran görüntüsünün üzerine gelin.
  4. ' Yükle ' düğmesini seçin.
  5. Etkinleştir'e tıklayın

Storefront'u Manuel Olarak Yükleme

  1. Storefront'un en son sürümünü wordpress.org'dan indirin
  2. Görünüm > Temalar > Yeni Ekle'ye gidin
  3. Tema Yükle'ye tıklayın ve önceden indirilmiş zip dosyasını seçin.
  4. Şimdi Kur'a tıklayın
  5. Etkinleştir'e tıklayın

Ana Sayfayı Ayarlama

Storefront, iyi düşünülmüş yerleşik bir Ana Sayfa şablonuna sahiptir. Temiz yapısı, hedef kitlenizin sattığınız ürünleri kolayca bulmasına yardımcı olacaktır.

Varsayılan Vitrin Ana Sayfası şablonunda 6 bölüm vardır. Ancak, ihtiyacınıza göre bölümü ekleyebilir veya silebilirsiniz.

Varsayılan Ana Sayfa bölümleri:

  • Sayfa içeriği
  • ürün kategorileri
  • Son Ürünler
  • Özel Ürünler
  • popüler ürünler
  • İndirimdeki Ürünler
  • En Çok Satan Ürünler

Ana Sayfa Şablonu Atama

Ana Sayfa şablonunu ayarlamak için şu adımları izleyin:

  1. Gösterge Tablosu -> Sayfalar'a gidin ve “ Ana Sayfa ” başlıklı bir sayfa veya istediğiniz herhangi bir şey oluşturun.
  2. Ürünlerin üzerinde görüntülenecek olan hoş geldiniz içeriğini ekleyin.
  3. Sağ tarafta “ Sayfa Nitelikleri ” başlıklı bir kutu bulacaksınız.
  4. " Şablon " açılır menüsünden " Ana Sayfa "yı seçin.
  5. Değişikliği kaydetmek için Yayınla veya Güncelle'ye tıklayın.

Ana Sayfa Şablonunu Görüntüleme

Sayfayı yayınladıktan sonra artık bu ana sayfayı web sitenizin ön sayfası olarak göstermelisiniz. Yani web sitenize giren herkes önce bu sayfayı görür. Bunu ayarlamak için şu adımları izleyin:

  1. Kontrol Paneli > Ayarlar > Okuma'ya gidin
  2. Ana sayfanızın altında, Statik bir sayfa seçin (aşağıdan seçin)
  3. Ana sayfa açılır menüsünden önceki ana sayfa şablonu atama sayfasını seçin.
  4. Değişiklikleri Kaydet'e tıklayın

Vitrin Ana Sayfa Bölümlerini Yeniden Sipariş Edin

Vitrin Ana Sayfası bölümlerinin sırasını kancaları veya Ana Sayfa Kontrolü adlı bir eklentiyi kullanarak değiştirebilirsiniz. Ana sayfa bölümlerinizi yeniden sıralamak için aşağıdaki adımları izleyin:

  1. Ana Sayfa Kontrolünü İndirin ve Yükleyin
  2. Görünüm -> Özelleştir -> Ana Sayfa Kontrolü'ne gidin
  3. Bölümleri ihtiyacınıza göre sürükleyip yeniden sıralayın.
  4. Değişiklikleri kaydetmek için Kaydet ve Yayınla'ya tıklayın.

Gezinme Menüsünü Yapılandırma

Vitrin temasında Menüyü 3 konumda görüntüleyebilirsiniz.

  1. Birincil Menü – Site logosunun hemen altında görünür.
  2. İkincil Menü – Arama kutusunun yanındaki logonun yanında.
  3. El Menüsü – Mobil cihazlar için Menü.

Menüleri Ayarlama

Varsayılan olarak, belirli bir birincil menü ayarlanmamışsa, WordPress tüm sayfalarınızı birincil menünüz olarak görüntüler. Bazen kullanıcıların kafasını karıştırır ve bu sayfaların menüye nasıl girdiğini anlamalarını zorlaştırır.

Yeni bir menü oluşturma ve ona sayfa ekleme

  1. Yönetici paneline gidin, ardından Görünüm > Menüler
  2. En üstte Menü Adı alanını bulacaksınız. Menü adınızı buraya yazın.
  3. Sol taraftan Sayfalar'a tıklayın (menüye sayfa eklemek istediğinizi varsayarak)
  4. Yayınlanan tüm sayfaların bir listesini almak için Tümünü Görüntüle'ye tıklayın.
  5. Menüde görünmesini istediğiniz sayfaları işaretleyin.
  6. Sayfayı seçtikten sonra Menüye Ekle butonuna tıklayınız.
  7. Menü öğesini beğeninize göre yeniden düzenlemek için sürükleyip bırakın.
  8. Menüyü Kaydet'e tıklayın

Menüyü Atama

Menüyü oluşturduktan sonra menüyü görüntülemek istediğiniz konuma atayın. Görünüm > Menüler > Menü Ayarları'na gidin ve Konumu görüntüle onay kutusundan konumu işaretleyin.

Menünüze Ürün Kategorileri Ekleme

  1. Yönetici paneline gidin, ardından Görünüm > Menüler
  2. Sol üstten Ekran Seçeneklerine tıklayın ve Ürün Kategorilerini kontrol edin
  3. Şimdi sol bölmede bir Ürün Kategorileri sekmesi görünecektir.
  4. Genişletmek için Ürün Kategorileri sekmesine tıklayın, kategorileri seçin
  5. Seçtikten sonra Menüye Ekle butonuna tıklayınız.
  6. Menü öğesini beğeninize göre yeniden düzenlemek için sürükleyip bırakın.
  7. Kaydet menüsüne tıklayın

Widget Ayarları

Storefront, altı widget bölgesini 3 farklı alanda görüntülemenize olanak tanır.

  1. Kenar Çubuğu – Ana site içeriğinin solunda veya sağında,
  2. Başlığın Altında – Site başlığının hemen altında ve içeriğin üstünde.
  3. Altbilgi Sütunu 1 – Altbilgi Alanı
  4. Altbilgi Sütunu 2 – Altbilgi Alanı
  5. Altbilgi Sütunu 3 – Altbilgi Alanı
  6. Altbilgi Sütunu 4 – Altbilgi Alanı

WooCommerce Kurulumu

WooCommerce'i Yükleme

  1. Pano > Eklentiler > Yeni Ekle > Eklenti Ara'ya gidin
  2. “WooCommerce” arayın.
  3. Şimdi Kur'a tıklayın.
  4. Etkinleştir'e tıklayın.

WooCommerce'i Yapılandırma

WooCommerce'i etkinleştirdikten sonra, bir sihirbazla WooCommerce'i yüklemeniz istenir. Tüm başlangıç ​​ayarlarıyla ilgilenecektir. 6 parçaya bölünmüştür.

  • Sayfa Yapısı – Temel sayfaları (Mağaza, Sepet, Ödeme, Hesabım) otomatik olarak yapılandırır.
  • Mağaza Konumu – Mağaza konumunu, Para Birimi ve Satış Vergisini yapılandırın
  • Gönderi – Ağırlık birimini ve boyut birimini yapılandırın
  • Ödemeler – Ödeme ağ geçidini ayarlayın.
  • Tema – WooCommerce uyumlu temayı yükleyin.
  • Hazır – (isteğe bağlı) WooCommerce'in kullanım bilgilerini toplamasına izin verin.

Tüm bu ayarları istediğiniz zaman WooCommerce kontrol panelinden yapabilirsiniz.

WooCommerce'e Ürün Ekleme

  1. WordPress Kontrol Paneli'ne gidin
  2. Ürünler > Yeni Ekle'ye tıklayın
  3. Ürün Adı alanına ürün adınızı veya unvanınızı yazın.
  4. Ürün açıklamanızı aşağıdaki düzenleyiciye yazın.
  5. Şimdi ürününüzün öne çıkan bir resmini ve bir ürün galerisine ek bir resim yüklemeniz gerekiyor.
  6. Sağda Ürün görseli ve ürün galerisi başlıklı kutuyu bulacaksınız.
  7. Öne çıkan görseli Ürün görseline ve ek görselleri ürün galerisine yükleyin
  8. Yayınla'ya tıklayın.

Ürün Fiyatını ve Özelliğini Ayarlama

Ürün fiyatını ayarlamak için Pano > Ürünler'e gidin ve herhangi bir ürünü seçin. Ardından Ürün Verileri bölümüne ilerleyin. İşte tüm ürün verileri bölümü ayarlarının kısa bir açıklaması:

ürün tipi

  • Basit ürün : Basit bir tek ürün.
  • Gruplandırılmış ürün : Bir koleksiyonun parçası olan bir ürün.
  • Harici/ Bağlı ürün : Mağazanızda listelenen ancak asıl ürün başka bir yerde satılan ürün.
  • Değişken ürün : Varyasyonları olan bir ürün (beden, renk)
  • Sanal ürün : Kargo gerektirmeyen bir ürün.
  • İndirilebilir ürün : İndirilebilir bir dosya sağlamanız gereken bir ürün.

Genel

  • Normal Fiyat : Normal ürün fiyatı.
  • Satış Fiyatı : İndirimli ürün fiyatı.

Envanter

  • SKU : Stok tutma birimi (SKU) ürünleri takip eder
  • Stoku yönet : Stok yönetimini etkinleştir
  • Stok durumu : Ürünün stokta olup olmadığı.
  • Tek Tek Satılır : Tek siparişte satılabilir.

Nakliye

  • Ağırlık: Ürünün ağırlığı.
  • Boyutlar: Ürünün uzunluğu, genişliği ve yüksekliği.
  • Gönderi sınıfı: Benzer türdeki ürünleri belirli gönderim yöntemine göre gruplandırın.

Bağlantılı Ürünler

  • Upsells : İlgili ürünleri bir ürün ayrıntıları sayfasının altında görüntüleyin.
  • Çapraz satışlar : Sepet sayfasında ilgili ürünleri görüntüleyin.
  • Nitelikler : Ürünlerinizin global özelliğini seçin.

Gelişmiş

  • Satın alma notu : Satın alma işlemini tamamladıktan sonra müşteriye göndermek için not.
  • Menü sırası : Bu ürün için özel sipariş pozisyonu.
  • İncelemeleri etkinleştir : Ürün incelemelerini etkinleştirin veya devre dışı bırakın.

Vitrin Özelleştirme

Logo Nasıl Eklenir

Web sitenize logo eklemek ve görüntülemek için şu adımları izleyin:
1. WordPress Admin'e, ardından Görünüm > Özelleştir'e gidin
2. Ardından Site Kimliği > Logo'ya gidin
3. Logo resminizi yüklemek için Logo Seç'e tıklayın. (Önerilen Resim boyutu: 470px X 110px)
4. Yayınla'ya tıklayın.

Site favicon'u nereye yüklenir

Web sitenize favicon eklemek ve görüntülemek için şu adımları izleyin:
1. WordPress Admin'e, ardından Görünüm > Özelleştir'e gidin
2. Ardından Site Kimliği > Site Simgesine gidin
3. Logo resminizi yüklemek için Resim Seç'e tıklayın. (Önerilen Resim boyutu: 512px X 512px)
4. Yayınla'ya tıklayın.

Gönderi arşivi veya blog düzeni nasıl değiştirilir

  1. Görünüm > Özelleştir > Blog Özelleştirici > Arşiv Gönder'e gidin
  2. Arşiv Sonrası Düzeninden düzeni seçin
  3. Yayınla'ya tıklayın

Gönderi arşivi veya blog sütunu nasıl değiştirilir

  1. Görünüm > Özelleştir > Blog Özelleştirici > Arşiv Gönder'e gidin
  2. Arşiv Sonrası Sütunundan sütun numarasını seçin (Tam Genişlik, 2 Sütun, 3 Sütun ve 4 Sütun)
  3. Yayınla'ya tıklayın

Tek gönderi veya makale düzeni nasıl değiştirilir

  1. Görünüm > Özelleştir > Blog Özelleştirici > Tek Gönderi'ye gidin
  2. Tek Gönderi Düzeninden düzeni seçin
  3. Yayınla'ya tıklayın

Yazı tipi nasıl değiştirilir

  1. Görünüm > Özelleştir > Genel Stiller > Tipografi'ye gidin
  2. Yazı Tipi Eşleştirmelerinden yazı tipini seçin
  3. Yayınla'ya tıklayın

WooCommerce Özelleştirme

Mağaza sayfası düzeni nasıl değiştirilir

  1. Görünüm > Özelleştir > WooCommerce > Mağaza Sayfası – Ürün Listeleri'ne gidin
  2. Ürün Arşivi Düzeninden düzeni seçin
  3. Yayınla'ya tıklayın

Ürün ayrıntıları sayfa düzeni nasıl değiştirilir

  1. Görünüm > Özelleştir > WooCommerce > Mağaza Sayfası – Ürün Listeleri'ne gidin
  2. Ürün Arşivi Düzeninden düzeni seçin
  3. Yayınla'ya tıklayın