WordPress Sitenizi Yayına Almadan Önce Önizleme

Okuyucularımıza söylediğimiz bir şey şudur: yayınlamadan **önce her zaman** önizleyin. Yıllar boyunca binlerce WordPress sayfası ve gönderisi oluşturup güncelledik ve yayına almadan önce içeriği önizlemek, yayın sürecimizin önemli bir parçası haline geldi.

Bu adımı atlamak, ziyaretçileriniz için sürprizlere yol açabilir — bozuk düzenler, eksik resimler veya yazım hataları. Kendimiz de bu durumları yaşadık, ancak gerçekten de bu sorunlardan kaçınmak kolaydır.

Bu makalede, yayına geçmeden önce WordPress web sitenizin önizlemesini yapmanın etkili yollarını size adım adım anlatacağız. Bu sayede, sitenizin tam olarak istediğiniz gibi göründüğünden ve çalıştığından emin olabilirsiniz. 🧑‍💻

Bu kılavuzda ele alacağımız konulara hızlı bir genel bakış. Belirli bölümlere atlamak için aşağıdaki bağlantıları kullanmaktan çekinmeyin:

• Yapım Aşamasında Modu ile Yayına Almadan Önce WordPress Sitesini Önizleyin
• Müşterilerin WordPress Sitesini Yayına Almadan Önce Önizlemesine İzin Verin
• WordPress'te Değişiklikleri Önizlemek İçin Bir Staging Sitesi Oluşturun
• Yayınlamadan Önce WordPress Yazılarını ve Sayfalarını Önizleyin
• Bir Temayı Değiştirmeden Önce WordPress Temasını Önizleyin
• WordPress Tema Özelleştirmelerini Önizle
• Özel WordPress Temanızı Önizleyin
• Lansman Sayfalarını Yayına Almadan Önce Önizleyin
• Bonus İpucu 🌟: Görsel Geriye Dönük Test ile Tasarım Sorunlarını Yakalayın

Hazır mısınız? Başlayalım.

Yapım Aşamasında Modu ile Yayına Almadan Önce WordPress Sitesini Önizleyin

Yeni bir WordPress web sitesi oluşturuyorsanız, siteniz üzerinde çalışırken yakında gelecek modu etkinleştirmeniz her zaman önerilir.

This allows you to display a proper coming soon page to website visitors. You’ll still be able to log in to the WordPress admin area and work on your website, but your visitors won’t be able to see it.

En iyi yanı, canlı hale getirmeden önce web sitenizi önizleyebilecek ve gerekli tüm testleri yapabilecek olmanızdır.

Bunu yapmak için SeedProd'a ihtiyacınız olacak. Pazardaki en iyi WordPress web sitesi oluşturucusudur ve güzel bir yakında çıkacak sayfası göstermenizi kolaylaştırır.

Ortak markalarımızdan bazıları aslında web sitelerini oluşturmak için SeedProd kullanıyor. Onlar için ne kadar iyi çalıştığını ilk elden gördük ve okuyucularımız için öğreticiler yazarken aracı birçok kez kullandık.

Eklenti hakkında daha fazla bilgi edinmek isterseniz, ayrıntılı SeedProd incelememize bakın.

İlk olarak, SeedProd eklentisini yükleyip etkinleştirmeniz gerekir. Daha fazla ayrıntı için, yeni başlayanlar için bir WordPress eklentisinin nasıl kurulacağına dair adım adım rehberimize bakın.

Etkinleştirdikten sonra, lisans anahtarınızı girmek için SeedProd » Ayarlar sayfasına gidin. Bu bilgiyi SeedProd web sitesindeki hesabınızda bulabilirsiniz.

Ardından, WordPress yönetici alanından SeedProd » Açılış Sayfaları ekranına gidin.

Buradan, 'Yakında' sayfası kur' düğmesine tıklamanız yeterlidir.

Bundan sonra, eklenti sizden gelecek sayfanız için bir şablon seçmenizi isteyecektir.

SeedProd, dönüşümleri artırmak için profesyonelce tasarlanmış birkaç güzel yapım aşamasında (coming-soon) şablonuyla birlikte gelir.

Bir şablon seçtikten sonra, SeedProd'un sayfa oluşturucu arayüzü ekranda açılacaktır.

Sayfa oluşturucu sezgisel bir tasarım aracıdır. Herhangi bir öğeyi düzenlemek için basitçe işaretleyip tıklayabilir veya sol sütundan düzeninize yeni öğeler sürükleyip bırakabilirsiniz.

Ayrıca, kullanıcılarınızın lansmandan önce bile markanızı takip edebilmeleri için yakında çıkacak sayfanıza bir e-posta kayıt formu ve sosyal medya düğmeleri ekleyebilirsiniz.

Sayfa tasarımını bitirdikten sonra, üstteki bağlantı sekmesine geçin. Buradan, e-posta pazarlama hizmetinizi listenizi büyütmek ve siteniz yayına girdiğinde insanları bilgilendirmek için entegre edebilirsiniz.

Daha ayrıntılı talimatlar için, SeedProd ile WordPress'te yakında sayfaları oluşturma hakkındaki eğitimimize bakmak isteyebilirsiniz.

İşiniz bittiğinde, değişikliklerinizi saklamak için 'Kaydet' düğmesine tıklayın.

Ardından, gelecek yakında sayfanızı kullanıma hazır hale getirmek için 'Yayınla'yı seçin. Endişelenmeyin, henüz web sitenizde aktif değil. Bunu bir sonraki adımda yapacağız.

Artık sayfa oluşturucu arayüzünü kapatabilirsiniz, bu sizi SeedProd » Açılış Sayfaları ekranına geri götürecektir.

Burada, "yakında" sayfası kutusunun altındaki geçişi 'Aktif' olarak tıklayın. Bu, tüm web sitesi ziyaretçilerinizin gerçek web siteniz yerine yeni "yakında" sayfanızı görmesini sağlayacaktır.

Artık WordPress yönetici alanından çıkış yapabilir veya web sitenizi Gizli modda ziyaret edebilirsiniz.

Yakında sayfanızın web sitenizde canlı olarak göründüğünü göreceksiniz.

WordPress panonuza giriş yapabilir ve web siteniz üzerinde çalışmaya devam edebilirsiniz.

Giriş yapmışken canlı web sitenizi de önizleyebileceksiniz.

Siteniz üzerinde çalışmayı bitirdiğinizde, yakında çıkacak sayfanızı kapatmak için basitçe SeedProd » Açılış Sayfaları ekranına gidebilirsiniz.

Buradan, devre dışı bırakmak için 'Aktif' kaydırıcısına tıklayın.

Müşterilerin WordPress Sitesini Yayına Almadan Önce Önizlemesine İzin Verin

Müşteri web siteleri üzerinde çalışıyorsanız, müşterilerin canlıya geçmeden önce bir WordPress web sitesindeki değişiklikleri kolayca önizlemelerine olanak tanıyan birkaç yol vardır.

Ancak, en kolay yol, yukarıda gösterdiğimiz gibi SeedProd ile oluşturulmuş bir "Yakında" Sayfası kullanmaktır.

Yaklaşan Modu aktif hale getirdikten sonra, ‘Sayfayı Düzenle’ düğmesine tıklamanız gerekir.

Bu, ekranınızda sayfa oluşturucuyu başlatacaktır; burada Sayfa Ayarları sekmesine geçmeniz gerekir.

Ardından, ‘Erişim Kontrolü’ bölümüne tıklayın.

Buradan bir Bypass URL'si oluşturabilir ve URL sonlandırma süresini seçebilirsiniz. Değişikliklerinizi kaydetmeyi unutmayın.

Müşterileriniz artık gizli URL'yi kullanarak gelecek yakında sayfasını atlayabilir ve web sitesini önizleyebilir.

Web siteniz zaten yayındaysa ve canlıya geçmeden önce müşterilerinizle değişiklikleri paylaşmak istiyorsanız, bunu bir sonraki adımda ele alacağız.

WordPress'te Değişiklikleri Önizlemek İçin Bir Staging Sitesi Oluşturun

It is standard best practice among web professionals to create a staging website so you can test and preview any changes before applying them to a live site.

Bir hazırlık web sitesi, web sitenizin özel bir kopyasıdır. Ana halktan gizlenir, bu da size canlı sunucunuzda değişikliklerinizi test etme ve önizleme avantajı sağlar.

Many of the top WordPress hosting companies offer a 1-click staging website. You can simply click a button to create a staging website and easily sync any changes you make with your live site.

Bu makalede, size Bluehost üzerinde bir hazırlık web sitesini nasıl oluşturacağınızı göstereceğiz.

Bluehost, dünyanın en büyük barındırma şirketlerinden biridir ve resmi olarak önerilen bir WordPress barındırma sağlayıcısıdır. Tüm WordPress müşterilerine 1 tıklamayla hazırlık sitesi özelliği sunarlar.

Öncelikle, Bluehost eklentisinin web sitenizde yüklü ve etkin olduğundan emin olmalısınız. Zaten etkinse, WordPress yönetici menüsünün üst kısmında bir Bluehost menü öğesi göreceksiniz.

Bluehost menüsünü göremiyorsanız, Bluehost hosting hesabı kontrol panelinize giriş yapabilir ve ‘Web siteleri’ düğmesine tıklayabilirsiniz.

Bundan sonra, web sitenizde ‘Ayarlar’a tıklayın.

Under the site management area, switch to the ‘Plugins’ tab.

Ardından, Bluehost eklentisini etkinleştirin.

Bluehost eklentisinin yüklü olduğundan emin olduktan sonra, hazırlık sitenizi oluşturmaya hazırsınız.

WordPress yönetici alanından, Bluehost eklenti sayfasına tıklayın ve 'Staging' sekmesine geçin.

Bundan sonra, ‘Hazırlık sitesi oluştur’a tıklayın.

Eklenti daha sonra hazırlık (staging) web sitenizi oluşturacaktır.

Bittiğinde, hazırlık sitesine geçmek ve üzerinde çalışmaya başlamak için 'Şu anda düzenlenmiyor'u tıklayabilirsiniz.

Artık hazırlık (staging) web siteniz üzerinde çalışabilir ve değişikliklerinizi canlı bir önizlemede görebilirsiniz.

Geçiş yapıldıktan sonra, WordPress yönetici çubuğunda kırmızı bir ‘Hazırlık Ortamı’ bildirimi göreceksiniz.

Bu, canlı sitenizden farkını anlamanıza yardımcı olmak içindir.

Staging sitesinde değişikliklerinizi önizlemeyi bitirdikten sonra, tekrar Bluehost eklenti sayfasına gidip 'Staging' sekmesine gidebilirsiniz.

Buradan, ‘Tüm Değişiklikleri Dağıt’ seçeneğini belirleyin ve değişiklikleri canlı hale getirmek için yenile düğmesine tıklayın.

Daha fazla ayrıntı ve diğer barındırma ortamları için talimatlar için, WordPress için bir hazırlık sitesi nasıl oluşturulacağına dair ayrıntılı kılavuzumuza bakın.

Yayınlamadan Önce WordPress Yazılarını ve Sayfalarını Önizleyin

WordPress, gönderilerinizin ve sayfalarınızın canlı önizlemesini göstermek için temanızın stilini otomatik olarak kullanan sezgisel bir blok düzenleyici kullanır.

Ancak, bir gönderinin veya sayfanın web sitenizde başlıklarınız, kenar çubuklarınız ve sayfadaki diğer her şeyle nasıl görüneceği konusunda size net bir fikir vermeyebilir.

Neyse ki, blok düzenleyici de bir gönderiyi veya sayfayı yayınlamadan önizlemenize olanak tanır.

Sağ üst köşedeki 'Önizleme' düğmesine tıklamanız yeterlidir.

Masaüstü, Tablet ve Mobil önizleme seçenekleri arasında seçim yapabilirsiniz, ancak bunlar yalnızca içerik düzenleyicisinin içindeki önizlemeyi gösterecektir.

Bir cihaz türü seçtikten sonra, web sitenizde tam önizlemeyi görüntülemek için 'Yeni sekmede önizle' seçeneğine tıklayın.

WordPress daha sonra yayına almadan önce gönderinizin veya sayfanızın önizlemesini gösterecektir.

Başka birine yayınlanmamış bir gönderinizin önizlemesi için özel erişim izni vermek istiyorsanız, WordPress'te genel gönderi önizlemelerine nasıl izin verileceği konusundaki kılavuzumuza bakın.

Bir Temayı Değiştirmeden Önce WordPress Temasını Önizleyin

Normalde, bir WordPress teması etkinleştirdiğinizde, bu hemen web sitenizde yayına girer.

Bir hazırlık sitesi kullanmıyorsanız, kullanıcılarınız özelleştirmeler olmadan yeni temayı görecektir.

Web sitenizde etkinleştirmeden önce bir WordPress temasını önizleyebilseydiniz harika olmaz mıydı?

Neyse ki, WordPress bir temayı etkinleştirmeden önce önizlemenize olanak tanır.

Önizlemek istediğiniz WordPress temasını kurmanız yeterlidir. Daha fazla ayrıntı için, bir WordPress temasının nasıl kurulacağına dair rehberimize bakın.

Temayı yükledikten sonra, ‘Canlı Önizleme’ bağlantısına tıklayın.

Alternatif olarak, Görünüm » Temalar sayfasına gidip fare imlecini yüklü bir temanın üzerine getirebilirsiniz.

‘Canlı Önizleme’yi başlatmak için bir düğme göreceksiniz.

WordPress daha sonra Tema Özelleştirici'yi başlatacaktır.

Burada, temanın mevcut içeriğinizle canlı bir önizlemesini göreceksiniz.

Tema özelleştiricisi mevcut içeriğinizi ve gezinme menünüzü kullanacaktır. Sol panelden farklı tema ayarlarını deneyebilirsiniz.

Temayı etkinleştirmeden tema özelleştiricisinden çıkabilirsiniz. Ancak bu, özelleştirmelerinizi kaydetmeyecektir.

Tema görünümünden memnunsanız, menünün üst kısmındaki 'Etkinleştir ve Yayınla' düğmesine tıklayarak etkinleştirebilirsiniz.

Tema değiştirme konusunda yardıma mı ihtiyacınız var? WordPress temanızı nasıl doğru bir şekilde değiştireceğiniz hakkındaki eğitimimize bakın.

WordPress Tema Özelleştirmelerini Önizle

WordPress temanızda değişiklikler yapmak istiyor ancak canlı sitenizde nasıl görüneceklerinden emin değil misiniz?

WordPress, WordPress temanızı uygulamadan önce önizlemenin farklı yollarıyla birlikte gelir.

Çoğu WordPress teması için, tema özelleştiricisini kullanarak değişikliklerinizi önizleyebilirsiniz. Başlatmak için Görünüm » Özelleştir sayfasına gidin.

Buradan farklı tema seçeneklerini deneyebilir, menüleri değiştirebilir, widget'ları özelleştirebilir, özel CSS ekleyebilir ve daha fazlasını yapabilirsiniz.

Bu, tema değişikliklerini web sitenize uygulamadan önizlemenizi sağlar.

Yaptığınız değişikliklerden memnun kaldığınızda, bu değişiklikleri uygulamak için 'Yayınla' düğmesine tıklayabilirsiniz. İsteğe bağlı olarak, değişikliklerinizi taslak olarak kaydetmek, değişikliklerinizi zamanlamak ve müşterilerle bir önizleme bağlantısı paylaşmak için dişli simgesine de tıklayabilirsiniz.

Şimdi, bu yöntem Tam Site Düzenleyiciyi kullanan WordPress blok temaları için mevcut olmayabilir.

Bu durumda, Görünüm » Düzenleyici menüsünü ziyaret ederek düzenleyiciyi başlatabilirsiniz.

Tam site düzenleyici, WordPress temanızı blokları kullanarak düzenlemenize olanak tanır. Web sitenizin canlı önizlemesiyle tek tek şablon dosyalarını düzenleyebilirsiniz.

WordPress tam site düzenleme hakkındaki kapsamlı kılavuzumuza göz atarak daha fazla ayrıntı öğrenebilirsiniz.

Ancak, Tema Özelleştirici'nin aksine, değişikliklerinizi taslak olarak kaydedemezsiniz. Bu değişiklikler, kaydettiğinizde canlı olacak veya kaydetmeden çıkarsanız kaybolacaktır.

Özel WordPress Temanızı Önizleyin

Canlı önizlemeli tamamen özel bir WordPress teması oluşturmak ister misiniz?

SeedProd, canlı bir önizleme ile sürükle ve bırak arayüzünü kullanarak özel bir WordPress teması oluşturmanıza olanak tanıyan en iyi WordPress tema oluşturucudur.

İlk olarak, SeedProd eklentisini yükleyip etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, lisans anahtarınızı girmek için SeedProd » Ayarlar sayfasına gidin. Bu bilgiyi SeedProd web sitesindeki hesabınızda bulabilirsiniz.

Ardından, SeedProd » Tema Oluşturucu sayfasını ziyaret etmeniz gerekir.

Buradan, ‘Temalar’ düğmesine tıklayın.

Bu, başlangıç noktası olarak kullanmak üzere bir tema seçebileceğiniz bir açılır pencere getirecektir.

SeedProd, özelleştirebileceğiniz birçok güzel tema ve şablonla birlikte gelir.

Bir temayı seçmek için tıklamanız yeterlidir ve SeedProd sizin için tüm tema şablon dosyalarını oluşturacaktır.

Artık bu tema dosyalarından herhangi birine tıklayarak tema oluşturucuda düzenleyebilirsiniz.

SeedProd, güzel düzenler oluşturmak için blokları ve bölümleri kullanan sezgisel bir sürükle ve bırak oluşturucu ile birlikte gelir.

Tasarımınıza sol sütundan bloklar ekleyebilirsiniz. Sağınızda, tema şablonunuzun canlı, düzenlenebilir bir önizlemesini göreceksiniz.

SeedProd ayrıca WooCommerce için tam destek ile birlikte gelir.

That means you can design and preview your online store, including product pages, checkout pages, and more.

Temanızı mobil cihazlar için önizlemek ister misiniz?

Sadece alt çubuktaki mobil simgesine tıklayın ve SeedProd temanızın mobil önizlemesini gösterecektir.

Temanızı düzenlemeyi bitirdiğinizde, sağ üstteki 'Kaydet' düğmesine tıklayabilir ve oluşturucudan çıkabilirsiniz. Gerekirse diğer şablonları düzenleyebilirsiniz.

Özel temanızı dağıtmaya hazır olduğunuzda, tema oluşturucu sayfasındaki 'SeedProd Temasını Etkinleştir' geçişini açmanız yeterlidir.

Özel temanız şimdi yayına girecektir. Bu, mevcut WordPress temanızın yerini alacağı anlamına gelir.

SeedProd özel tema oluşturucu hakkında daha fazla bilgi edinmek için, kod yazmadan özel bir WordPress teması oluşturma konusundaki öğreticimize bakın: nasıl kod yazmadan özel bir WordPress teması oluşturulur.

Lansman Sayfalarını Yayına Almadan Önce Önizleyin

Açılış sayfaları, pazarlama kampanyalarında kullanılan özel sayfalardır. Bu sayfalar dönüşümler ve satışlar için yüksek oranda optimize edilmiştir.

Bazı WordPress temaları, blok düzenleyiciyi kullanarak özelleştirebileceğiniz açılış sayfası şablonlarıyla birlikte gelir.

However, if you need more design options, then you’ll need SeedProd. It is the best WordPress landing page builder and allows you to easily create beautiful landing pages for your website.

SeedProd, başlamanız için düzinelerce profesyonelce tasarlanmış açılış sayfası şablonuyla birlikte gelir. Ayrıca, açılış sayfalarınız tüm ekran boyutlarında harika görünecektir.

İlk olarak, SeedProd eklentisini yükleyip etkinleştirmeniz gerekir. Etkinleştirdikten sonra, lisans anahtarınızı girmek için SeedProd » Ayarlar sayfasına gitmeniz gerekir.

Bu bilgileri SeedProd web sitesindeki hesabınızda bulabilirsiniz.

Ardından, WordPress yönetici kenar çubuğundan SeedProd » Açılış Sayfaları ekranına gidin.

Sayfanızı tasarlamaya başlamak için ‘Yeni Açılış Sayfası Ekle’ düğmesine tıklayın.

Ardından, bir şablon seçmeniz gerekir.

Başlangıç noktası olarak kullanabileceğiniz birkaç yüksek oranda optimize edilmiş şablon vardır veya boş bir şablonla başlayabilirsiniz.

Bu, bir açılış sayfanız için bir ad girmeniz ve bir URL takma adı seçmeniz gereken bir açılır pencere getirecektir.

Ardından devam etmek için 'Kaydet ve Sayfayı Düzenlemeye Başla' düğmesine tıklayın.

Bu, sayfa oluşturucu arayüzünü başlatacaktır.

It is a drag-and-drop design tool where you can design your page with a live preview.

Açılış sayfanızı düzenlemeyi bitirdiğinizde, ‘Kaydet’ düğmesine tıklayabilir ve web sitenizde yayına almak için ‘Yayınla’yı seçebilirsiniz.

To learn more, see our tutorial on how to create landing pages in WordPress.

Ek İpucu 🌟: Görsel Regresyon Testi ile Tasarım Sorunlarını Yakalayın

Sitenizin yönetimini bir adım öteye taşımak ister misiniz? Görsel regresyon testi, değişiklikler yapmadan önce ve sonra web sitenizin ekran görüntülerini otomatik olarak karşılaştırmanıza yardımcı olur.

Bunlar, insan gözünden kaçan tasarım sorunlarını yakalamanın en iyi yollarından biridir. Bunlar arasında düzen kaymaları, yazı tipi aksaklıkları, renk uyumsuzlukları veya yalnızca belirli sayfalarda veya ekran boyutlarında görünen boşluk sorunları yer alır.

Örneğin, bir eklenti güncellemesi gibi küçük bir şey bile, bir iletişim formunun stilini istemeden bozabilir veya öğeleri hizadan çıkarabilir.

Görsel gerileme araçları bu farklılıkları yan yana vurgular, böylece ziyaretçileriniz fark etmeden önce bunları tespit edip düzeltebilirsiniz.

Başlamanın en kolay yolu, WordPress için VRTs eklentisini kullanmaktır. Bu eklenti, kontrol panelinizden doğrudan belirli sayfalar veya şablonlar üzerinde görsel karşılaştırma testleri çalıştırmanıza olanak tanır – kodlama gerekmez.

Ayrıca, herhangi bir şeyi yayına almadan önce güncellemeleri güvenli bir şekilde test etmek için bir hazırlık sitesinde de kullanabilirsiniz. Ayrıntılar için lütfen görsel gerileme testlerinin nasıl yapılacağına ilişkin eksiksiz kılavuzumuza bakın.

Umarım bu makale, WordPress web sitenizi yayına almadan önce nasıl önizleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, bir WordPress felaket kurtarma planı oluşturma konusundaki uzman ipuçlarımızı ve WordPress bakımı hakkındaki nihai rehberimizi de görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.