WordPress Playground – Tarayıcınızda WordPress Nasıl Kullanılır

WordPress’i test amacıyla tarayıcınızda kullanmak mı istiyorsunuz?

Önce bir hosting planı satın almadan açık kaynaklı WordPress.org’u bir tarayıcıda deneyebileceğiniz bir platform olan WordPress Playground ile tanışın. Canlı WordPress web sitenizi etkilemeden eklentileri ve temaları test etmek için de kullanabilirsiniz.

Bu yazımızda WordPress Playground’un ne olduğunu ve nasıl kullanılacağını açıklayacağız.

WordPress Playground Nedir ve Nasıl Çalışır?

WordPress Playground, içerik yönetim sistemini deneyebileceğiniz ve hakkında daha fazla bilgi edinebileceğiniz geçici, tarayıcı içi bir WordPress örneğidir.

Gerçek web sitenizi etkilemeden her türlü WordPress geliştirmesini yapabileceğiniz çevrimiçi bir kum havuzu gibidir.

Tek yapmanız gereken WordPress Playground web sitesine gidip açmak. Ardından WordPress ‘i normalde kullandığınız gibi kullanabilirsiniz: yeni eklentiler yükleyebilir, yeni temalar deneyebilir, yeni sayfalar ekleyebilir vb.

WordPress Playground sayfasını yenilediğinizde tüm özelleştirmeler kaybolacaktır. Bununla birlikte, WordPress örneğinizi indirebilir ve WordPress Playground’a tekrar yükleyebilirsiniz.

WordPress Oyun Alanı Nasıl Çalışır?

WordPress Playground, WordPress’i normal web sunucusu ve veritabanı kurulumu olmadan kullanmanıza izin veren bazı harika teknolojiler üzerinde çalışır:

1. WebAssembly ikilisi (Wasm): PHP kodunu doğrudan web tarayıcınızda çalıştırmanızı sağlayarak WordPress’in geleneksel bir sunucu olmadan çalışmasını sağlar. Ayrıca platformu Chrome ve Edge’den Firefox ve Safari’ye kadar tüm tarayıcılarla uyumlu hale getirir.
2. SQLite veritabanı: WordPress Playground, MySQL yerine doğrudan tarayıcınızda çalışan SQLite adlı daha hafif bir dosya tabanlı veritabanı sistemi kullanır.
3. Service Worker ve Worker Threads API’leri: Bu web araçları, isteklerin işlenmesine ve arka planda JavaScript komut dosyalarının çalıştırılmasına yardımcı olarak WordPress Playground’un PHP uygulamalarını tarayıcınızda sorunsuz bir şekilde çalıştırmasını mümkün kılar.

Bu teknolojiler ayrıca geliştiricilerin WordPress Playground’u node.js, Visual Studio Code ve wp-now adlı bir CLI aracıyla entegre etmelerini sağlar.

Bu araçlarla, geliştiriciler WordPress Playground’u test veya hazırlama amacıyla bir geliştirme platformunda da kullanabilirler.

WordPress Playground’un Sınırlamaları Nelerdir?

Avantajlarına rağmen, WordPress Playground’un çeşitli sınırlamaları vardır, örneğin:

• Tema ve ek lenti dizinine doğrudan erişim yok – Temaları ve eklentileri manuel olarak indirip yükleyerek kurmanız gerekecek. Bununla birlikte, bir ağ erişimi beta özelliği bu sorunu çözmeyi amaçlamaktadır.
• WordPress Playground’daki özelleştirmeler geçicidir – Değişiklikleri tarayıcıya kaydetmemeye karar verirseniz, ilerlemenizi kaybetmemek için sayfayı yanlışlıkla yenilememeye dikkat etmeniz gerekecektir.
• iFrame sorunları yaygındır – Web sayfanıza bir WordPress Playground örneği yerleştirirseniz, yanlışlıkla yenilemelerden iFrame’in çalışmamasına kadar bazı sorunlar bekleyebilirsiniz.
• Bu nispeten yeni bir özelliktir – Her şey düzgün çalışmayacaktır, bu nedenle çevreyi keşfederken burada ve orada bazı aksaklıklar bekleyebilirsiniz.

Tüm bunlarla birlikte, Oyun Alanı nispeten yeni bir WordPress projesidir. Dolayısıyla, ekibin kullanıcı deneyimini iyileştirmek için yeni özellikler ve hata düzeltmeleri yayınlamasını bekleyebilirsiniz.

Artık WordPress Playground’un ne olduğunu bildiğinize göre, onu nasıl kullanabileceğinizi görelim. Eğitimimizde gezinmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

WordPress Playground Nasıl Kullanılır

WordPress Playground’u kullanmak için web tarayıcınızda doğrudan bu alan adına gidebilirsiniz: https://playground.wordpress.net

Web sitesine girdikten sonra, Oyun Alanı’nın kurulması için birkaç dakika bekleyin. Ardından, varsayılan bir WordPress teması kullanan web sitesinin ön ucunu göreceksiniz.

WordPress Playground’u test için kullanıyorsanız, ortamı gerçek web sitenizin WordPress yazılımını yansıtacak şekilde yapılandırmak isteyebilirsiniz.

Bunu yapmak için, ‘PHP 8.0 WP 6.4 – Depolama’ yazan menüye tıklayın: Yok’ yazan menüye tıklayın.

Yapılandırmanız gereken ilk ayar depolama türüdür. Üç seçenek vardır.

‘Yok’, sayfa yenilendiğinde tüm değişikliklerin kaybolacağı anlamına gelir. Bu arada, ‘Tarayıcı’ değişikliklerin tarayıcıda saklanacağı ancak tarayıcı sekmesini kapattığınızda veya önbelleğinizi temizlediğinizde kaybolacağı anlamına gelir.

‘Aygıt’ı seçerek değişiklikleri bilgisayarınıza da kaydedebilirsiniz. Bu seçenek, localhost WordPress sitesi oluşturmaya benzer şekilde WordPress Playground dosyalarınızı depolamak için bilgisayarınızda bir klasör seçmenize olanak tanır.

Yapılandırmak istediğiniz bir sonraki şey PHP sürümüdür.

Bunu web siteniz için kullandığınız PHP sürümüyle aynı yapmanızı öneririz. Bununla birlikte, 7.0’dan daha eski PHP sürümlerini burada bulamayabilirsiniz.

Bunun altında, isteğe bağlı olarak ‘Uzantıları yükle: libxml, openssl, mbstring, iconv, gd’ ve ‘Ağ erişimi (örn. eklentilere göz atmak için)’ ayarlarını etkinleştirebilirsiniz.

İlk ayar, WordPress Oyun Alanınızı geliştirmek için bu belirli PHP uzantılarını (libxml, openssl, mbstring, iconv ve gd) yükleyecektir. Ancak bunlar gerekli değildir.

İkinci ayar ‘Ağ erişimi’ olarak adlandırılır. Bu bir beta özelliğidir ve WordPress Playground’unuzu resmi eklenti dizinine bağlar, böylece WordPress temalarını ve eklentilerini doğrudan ortamdan yükleyebilirsiniz.

Son olarak, Oyun Alanı için bir WordPress sürümü seçebilirsiniz. WordPress blogunuz veya web siteniz için şu anda kullandığınız sürümü seçmelisiniz.

WordPress ayrıca ‘WordPress Nightly’ sürümünü de kullanıma sunar. Bu, WordPress geliştirme ekibi tarafından yapılan en son değişiklikleri içeren WordPress’in geliştirme sürümüdür.

Bir eklenti veya tema geliştiricisiyseniz ve bir sonraki WordPress güncellemesiyle uyumluluğu test etmek istiyorsanız bunu kullanabilirsiniz.

Bu ayarları yapılandırmayı tamamladıktan sonra, devam edin ve ‘Değişiklikleri uygula’ya tıklayın.

Ve ayarlar için hepsi bu kadar. Artık sandbox’ı test etmeye başlamak için yönetici alanına gidebilirsiniz.

Yönetici alanını açmak için site başlığı menüsünün üzerine gelin ve ‘Gösterge Tablosu’na tıklayın. Ya da ‘Siteyi düzenle’ seçeneğine tıklayarak Tam Site Düzenleyicisine de gidebilirsiniz.

WordPress Playground’da Temalar ve Eklentiler Nasıl Kurulur?

WordPress Playground’da bir WordPress eklentisi veya teması yüklemenin iki yolu vardır. Birincisi, WordPress.org’daki bir eklenti veya tema sayfasına gitmek ve ‘İndir’ düğmesine tıklamaktır.

Bu, eklentinin veya temanın zip dosyasını bilgisayarınıza kaydedecektir.

Ardından, eklentiler ve temalar için normal, manuel WordPress kurulumuna devam edebilirsiniz. Daha fazla talimat için kılavuzlarımızı okuyabilirsiniz:

• WordPress Eklentisi Nasıl Kurulur (Yeni Başlayanlar İçin Adım Adım)
• WordPress Teması Nasıl Kurulur (Başlangıç Kılavuzu)

Bu yöntem, premium WordPress eklentilerini ve premium WordPress temalarını test etmek için de işe yarar.

Eklentiler için, WordPress Playground’un kontrol paneline gidin ve Eklentiler ” Yeni Eklenti Ekle‘ye gidin.

Bundan sonra, ‘Eklenti Yükle’ düğmesine tıklayın ve daha önce indirdiğiniz eklenti zip dosyasını yüklemek için ‘Dosya Seç’i seçin. Son olarak, ‘Şimdi Yükle’ye tıklayın.

Temalara gelince, Oyun Alanı’nı ilk kullandığınızda WordPress sizin için varsayılan bir tema yükleyecektir.

Ancak yeni bir ücretsiz WordPress teması kullanmak istiyorsanız, bunu WordPress tema dizininden manuel olarak indirebilirsiniz. Ardından, Oyun Alanı’nda Görünüm “ Temalar’a gidin ve ‘Yeni Tema Ekle’ye tıklayın.

Bir sonraki ekranda, ‘Tema Yükle’ düğmesine tıklayın.

Bundan sonra, daha önce indirdiğiniz tema dosyasını seçin ve ‘Şimdi Yükle’ye tıklayın.

Bu işlem biraz sıkıcı görünüyorsa endişelenmeyin. WordPress, Playground’un eklenti veya tema dizinine bağlanmasını sağlayan bir beta özelliği üzerinde çalışıyor. Daha önce kurulum sırasında ‘Ağ erişimi’ni seçerseniz bu özellik etkinleştirilmelidir.

Bu şekilde, Oyun Alanı tipik bir WordPress panosu gibi çalışır ve ücretsiz temaları ve eklentileri önce bilgisayarınıza kaydetmeden yükleyebilirsiniz.

WordPress panosuna tema ve eklenti yüklemenin bir başka yolu da WordPress Playground’un Query API’sini kullanmaktır. WordPress Playground URL’sine bazı sorgu parametreleri eklemenizi gerektirerek çalışır.

Örneğin, AIOSEO’nun ücretsiz sürümünü WordPress Playground’da yüklemek ve test etmek istiyorsanız, AIOSEO’nun WordPress.org sayfasına gidebilirsiniz. Bundan sonra, AIOSEO’nun URL slug‘ına dikkat edin.

Şimdi, yeni bir tarayıcı sekmesinde, WordPress Playground’un URL’sini AIOSEO’nun slug’ı ile birlikte aşağıdaki gibi yazın:

https://playground.wordpress.net/?plugin=all-in-one-seo-pack

‘Enter’ tuşuna bastığınızda, WordPress Playground otomatik olarak AIOSEO eklentisinin yüklü olduğu yeni bir ortam oluşturacaktır.

Temayı yüklemek istiyorsanız, eklenti parametresini tema ile değiştirmeniz yeterlidir:

https://playground.wordpress.net/?theme=astra

WordPress çekirdeğinin üzerine birden fazla eklenti veya tema yüklemek istiyorsanız birden fazla sorgu parametresini bile birleştirebilirsiniz. Sadece her parametreyi ve işareti ile ayırdığınızdan emin olun.

AIOSEO ve MonsterInsights eklentilerinin yanı sıra Astra temasını da yüklüyorsanız URL şu şekilde görünecektir:

https://playground.wordpress.net/?theme=astra&plugin=all-in-one-seo-pack&plugin=google-analytics-for-wordpress

Eğer bir Chrome kullanıcısıysanız, Open in WordPress Playground uzantısını da yükleyebilirsiniz. Bu sayede WordPress.org’da bir eklenti veya tema sayfasına gittiğinizde ‘Playground’ butonunu göreceksiniz.

Tıklandığında, eklenti veya temanın yüklü olduğu yeni bir WordPress Playground ortamı açılacaktır. Sorgu parametresi yöntemini basitleştirir.

WordPress Playground ile Yapılan Bir Site Nasıl Dışa/İçe Aktarılır

Diyelim ki WordPress Playground ile oynadınız, Gutenberg editörünü kullanarak bazı yeni yazılar eklediniz ve hatta belki de tüm bir web sitesi oluşturdunuz. Sekmeyi kapatıp tüm ilerlemenizi sonsuza dek kaybetmek büyük bir kayıp olur.

Neyse ki sitenizi WordPress Playground’dan dışa aktarabilir ve bilgisayarınıza kaydedebilirsiniz. Oyun Alanı’nı tekrar açtığınızda, kaldığınız yerden devam etmek için dışa aktarılan zip dosyasını her zaman yükleyebilirsiniz.

Bunu yapmak için, Oyun Alanı’nın üst menüsüne gidin ve sağ üst köşedeki üç satırlı menüye tıklayın. Ardından, ‘Zip olarak indir’ seçeneğine tıklayın.

Tarayıcınız daha sonra dosyayı bilgisayarınıza indirmeye başlayacaktır.

Dosyayı WordPress Playground’a yüklemek için Playground sitesini açın ve üç satırlı menüye tekrar tıklayın. Bundan sonra, ‘.zip’ten geri yükle’ye tıklayın.

Şimdi bir açılır pencere sizden daha önce dışa aktardığınız bir dosyayı seçmenizi isteyecektir.

Dosyayı seçtikten sonra, sadece ‘İçe Aktar’a tıklayın.

Dosya geçerliyse, içe aktarmanın başarılı olduğunu bildiren bir açılır pencere göreceksiniz ve Oyun Alanı yeni örnekle yenilenecektir.

Açılır pencereyi kapatmak için ‘Tamam’a tıklamanız yeterlidir.

WordPress Oyun Alanını GitHub’a Aktarma/Dışa Aktarma

Bir GitHub hesabınız varsa, sitenizi WordPress Playground’dan da dışa ve içe aktarabilirsiniz. GitHub, web sitenizdeki değişiklikleri izlemenize, dosyalarınızı yedeklemenize ve diğer kullanıcılarla işbirliği yapmanıza olanak tanıyan harika bir platformdur.

Bir siteyi WordPress Playground’dan GitHub’a aktarmak için üç satırlı menüye tıklayın ve ‘Çekme İsteğini GitHub’a Aktar’ı seçin.

Bir sonraki açılır pencerede, WordPress’in web sitenizi bilgisayarınıza yedek olarak kaydetmeyi teşvik ettiğini göreceksiniz. Bunu yaptıktan sonra, ‘Oyun Alanımı zip olarak dışa aktardım’ kutusunu işaretleyebilirsiniz.

Ardından, ‘GitHub hesabınıza bağlanın’ düğmesine tıklayın.

Ardından, WordPress Playground’a depolarınıza erişim yetkisi verdiğinizi onaylamanız gerekir.

Devam etmek için ‘Adamziel’i yetkilendir’ seçeneğine tıklayın.

Bu aşamada, devam edin ve ne tür dosyaları dışa aktaracağınızı seçin: eklentiler, temalar veya wp-content dizini. Eklentileri, temaları, medya dosyalarını, widget‘ları, menüleri ve yazı tiplerini dışa aktarmak istiyorsanız, son seçeneği seçin.

Ayrıca siteyi dışa aktarmak istediğiniz GitHub deposunun URL’sini de belirtmeniz gerekecektir. Ardından, ‘Sonraki adım’ düğmesine tıklayın.

Bunu yaptıktan sonra, yeni bir çekme isteği mi oluşturacağınızı yoksa mevcut bir isteği mi güncelleyeceğinizi seçmeniz gerekir. Gösterim amacıyla, ilk seçeneği seçeceğiz.

Bundan sonra, değişikliklerin işlenmesi gereken depodaki yolu girin.

Ayrıca WordPress Playground kullanılarak hangi değişikliklerin yapıldığını belirtmek için bir commit mesajı eklemeniz gerekecektir.

Tüm bunlar tamamlandıktan sonra ‘Çekme Talebi Oluştur’a tıklayın.

Dışa aktarma başarılı olursa, WordPress yeni çekme isteğine bağlantı içeren bir açılır pencere gösterecektir.

Çalışırken görmek için bağlantıya tıklamanız yeterli.

Şimdi, GitHub’dan WordPress Playground’a bir site aktarmak istiyorsanız, üç satırlı menüye tekrar tıklamanız yeterlidir.

Ardından, ‘GitHub’dan içe aktar’ı seçin.

Tamamen yeni bir WordPress Playground ortamı açıyorsanız, tüm GitHub Playground yetkilendirme işlemini yeniden yapmanız gerekebilir.

Bundan sonra, içe aktarmak istediğiniz GitHub deposu URL’sine tıklamanız yeterlidir. Emin değilseniz WordPress bazı örnekler sunar.

Ardından, hangi dosyaları içe aktaracağınızı belirtmeniz gerekir: temalar, eklentiler veya tüm wp-content dizini.

Ayrıca içe aktardığınız deponun yolunu da girebilirsiniz. İşlem tamamlandıktan sonra ‘İçe Aktar’a tıklamanız yeterlidir.

İçe aktarma işlemi çalışırsa, WordPress Playground’un yeni örnekle yenileneceğini onaylayan bir başarı mesajı açılır.

WordPress Oyun Alanı Web Sitenize Nasıl Yerleştirilir

Bir WordPress eğitimi yazıyorsanız, kullanıcılara talimatlarınızda yol göstermek için muhtemelen WordPress kontrol panelinden ekran görüntüleri ekleyeceksiniz. Ancak, bazen ekran görüntüleri anlattığınız eylemleri doğru bir şekilde göstermez.

WordPress Playground işte bu noktada işe yarayabilir. Sayfanıza veya yazınıza yerleştirerek kullanıcılara daha etkileşimli bir okuma deneyimi sunabilirsiniz. Oyun Alanı’nı kullanarak talimatlarınızı takip edebilirler.

Öncelikle, bir sayfa veya gönderi için Gutenberg blok düzenleyicisini açmanız gerekir. Orada, ‘+’ blok ekle düğmesine tıklayın ve Özel HTML bloğunu seçin.

Şimdi, devam edin ve aşağıdaki kodu kopyalayıp HTML bloğuna yapıştırın:

<iframe src="https://playground.wordpress.net/"></iframe>

İsterseniz, size daha önce gösterdiğimiz gibi bu URL’ye bazı sorgu parametreleri de ekleyebilirsiniz.

Bundan sonra, değişiklikleri canlı hale getirmek için ‘Yayınla’ veya ‘Güncelle’ye tıklayın.

WordPress Oyun Alanı temanıza bağlı olarak farklı görünebilir.

Bizim durumumuzda, üstündeki bloklarla hizalı görünmüyordu ve öğenin kendisi etkileşim için çok küçüktü.

Bundan kaçınmak için bunun yerine bu kodu kullanabilirsiniz:

<div class="iframe-container"><iframe src="https://playground.wordpress.net/" style="width: 100%; height: 500px"></iframe></div>

Burada, iFrame etiketi, Playground gömüsünün kabın dolgu ve kenar boşluğunu takip etmesini sağlamak için div etiketlerine sarılmıştır.

Ayrıca, iFrame’in genişliğini kabının %100’üne ve yüksekliğini 500 piksel uzunluğa ayarlamak için stil niteliğini ekledik.

İşte ön uçta nasıl göründüğü:

WordPress Oyun Alanı Hakkında Sıkça Sorulan Sorular

WordPress Playground hakkında sıkça sorulan bazı soruları ele alalım.

WordPress’i tarayıcınızda kullanabilir misiniz?

Evet, WordPress Playground WordPress’i doğrudan tarayıcınızda kullanmanızı sağlar. Web siteleri oluşturabilir, temaları ve eklentileri canlı sitenize yüklemeden önce deneyebilirsiniz.

WordPress Playground’a özel temalar ve eklentiler yükleyebilir miyim?

Evet, yönetici alanında çalışıp çalışmadıklarını ve belirli WordPress sürümleriyle uyumlu olup olmadıklarını görmek için WordPress Playground’da özel temalar ve eklentiler yükleyebilirsiniz.

WordPress Playground ile yapılmış bir siteyi hosting hesabıma yükleyebilir miyim?

Teknik olarak, sitenizi WordPress Playground’dan dışa aktarabilir ve WordPress barındırma hesabınıza aktarabilirsiniz. Ancak, WordPress Playground SQLite veritabanını kullandığından, sitenin bir web sunucusunda çalışması için veritabanını MySQL’e dönüştürmeniz gerekebilir.

WordPress eklentilerini ve temalarını yerel olarak nasıl çalıştırabilirim?

WordPress eklentilerini ve temalarını yerel bir geliştirme ortamında çalıştırmak istiyorsanız, önce yerel bir WordPress sitesi oluşturmanız gerekir. Adım adım talimatlar için yerel bir WordPress sitesinin nasıl oluşturulacağına ilişkin eğitimimizi okuyabilirsiniz.

Umarız bu makale WordPress Playground’un ne olduğunu ve tarayıcınızda nasıl kullanacağınızı öğrenmenize yardımcı olmuştur. WordPress için kolayca bir hazırlık sitesi oluşturma hakkındaki makalemize ve bir siteyi klonlamak veya çoğaltmak için en iyi WordPress eklentileri listemize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.