En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

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

Okuyucularımız için eğitimler hazırlarken, WordPress özelliklerini, eklentilerini ve temalarını hızlı bir şekilde test etmemiz gerekiyor. Sonuçta, çözümleri önce iyice test etmeden önermek pek yardımcı olmaz, değil mi?

WordPress Playground ile tanışın: Tarayıcınızda WordPress'i doğrudan keşfetmenizi sağlayan pratik bir araç. Karmaşık bir kurulum gerektirmez ve daha da önemlisi mevcut web siteniz için hiçbir risk taşımaz.

WordPress Playground'u kendi test sürecimizde inanılmaz derecede kullanışlı bulduk ve özelliklerinden en iyi şekilde yararlanmak için birkaç akıllıca yol keşfettik. İster WordPress'e yeni başlıyor olun, ister yeni araçları güvenle denemek isteyin, ister hızlı bir test ortamına ihtiyacınız olsun, bu araç hayatınızı çok daha kolaylaştırabilir.

Bu kılavuzda, WordPress Playground'u etkili bir şekilde kullanmak için bilmeniz gereken her şeyi adım adım anlatacağız.

WordPress Oyun Alanı - Tarayıcınızda WordPress Nasıl Kullanılır

WordPress Playground Nedir?

WordPress Playground, tarayıcı içi geçici bir WordPress örneğidir ve burada içerik yönetim sistemi hakkında deneyler yapabilir ve daha fazla bilgi edinebilirsiniz.

Gerçek, canlı bir site kurmadan her türlü WordPress geliştirme işlemini yapabileceğiniz bir test ortamı gibidir.

WordPress Playground'un açılış sayfası

Tek yapmanız gereken, açmak için WordPress Playground web sitesine gitmektir. Ardından, WordPress'i normal şekilde kullanabilirsiniz: yeni sayfalar ekleyin, yeni eklentiler kurun, yeni temaları deneyin ve bunun gibi.

WordPress Playground sayfasını yenilerseniz, tüm özelleştirmeler kaybolacaktır. Ancak, WordPress örneğinizi indirebilir ve tekrar WordPress Playground'a yükleyebilirsiniz.

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

WordPress Playground, WordPress'i normal web sunucusu ve veritabanı kurulumu olmadan test etmenizi sağlayan harika teknolojiler üzerinde çalışır:

  1. WebAssembly ikili dosyası (Wasm): PHP kodunu doğrudan web tarayıcınızda çalıştırmanıza olanak tanır, bu da 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 adında daha hafif, dosya tabanlı bir veritabanı sistemi kullanır.
  3. Servis Çalışanı ve Çalışan İş Parçacığı API'leri: Bu web araçları, istekleri işlemeye ve arka planda JavaScript betikleri çalıştırmaya yardımcı olur, bu da WordPress Playground'un tarayıcınızda PHP uygulamalarını sorunsuz bir şekilde çalıştırmasını sağlar.

Bu teknolojiler ayrıca geliştiricilerin WordPress Playground'u node.js, Visual Studio Code, CLI uygulamaları ve hatta OpenAI ile entegre etmelerini sağlar.

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

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

Faydalarına rağmen, WordPress Playground'un şunlar gibi birkaç sınırlaması vardır:

  • WordPress Playground'daki Özelleştirmeler Geçicidir – Tarayıcıdaki değişiklikleri kaydetmemeye karar verirseniz, ilerlemenizi kaybetmemek için sayfayı yanlışlıkla yenilememeye dikkat etmeniz gerekecektir.
  • Hatalara açık olabilir – WordPress Playground kullanarak eklentileri test etme deneyimimize göre, her şey düzgün çalışmayacaktır. Bu nedenle zaman zaman aksaklıklar yaşanmasını bekleyebilirsiniz, ancak platformu iyileştirmek için WordPress'e geri bildirimde bulunabilirsiniz.
  • iFrame sorunları yaygındır – Bir WordPress Playground örneğini web sayfanıza yerleştirirseniz, kazara yenilemelerden iFrame'in çalışmamasına kadar bazı sorunlar yaşayabilirsiniz.

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 Kurulur

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

Web sitesinde bulunduğunuzda, Playground'un kurulumu için birkaç dakika bekleyin. Ardından, varsayılan bir WordPress teması kullanan web sitesinin ön yüzünü göreceksiniz.

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

Bunu yapmak için sağ üst köşedeki dişli ‘Ayarlar’ simgesine tıklayın.

WordPress Playground ayarlarını açma

Yapmanız gereken ilk şey, Playground için bir WordPress sürümü seçmektir. Zaten kullanmakta olduğunuz veya WordPress web siteniz için kullanmayı planladığınız sürümü seçebilirsiniz.

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.

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

Playground'da WordPress sürümü seçme

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ü ile aynı yapmanızı öneririz. Bununla birlikte, burada 7.0'dan eski PHP sürümlerini bulamayabilirsiniz.

WordPress Playground'da PHP sürümü seçme

WordPress Playground'da yapabileceğiniz bir diğer şey de yönetici alanınızın dilini seçmektir.

Seçenekler arasında onlarca tane var, ancak gösterim amacıyla ‘İngilizce (Amerika Birleşik Devletleri)’ kullanacağız.

WordPress Playground'da yönetici dili seçme

Bunun altında, ‘Ağ erişimine izin ver’ ve ‘Çoklu site ağı oluştur’ ayarlarını etkinleştirebilirsiniz.

Ağ erişimi özelliğine izin vermenizi öneririz çünkü WordPress temalarını ve eklentilerini doğrudan ortamdan yükleyebileceksiniz. Bu şekilde, onları manuel olarak kurmak zorunda kalmazsınız.

Bir test WordPress çoklu site ağı oluşturmak istiyorsanız, ikinci ayarı etkinleştirmenizi öneririz.

İşiniz bittiğinde, ‘Ayarları Uygula ve Oyun Alanını Sıfırla’ya tıklamanız yeterlidir.

WordPress Playground'da ağ erişimini etkinleştirme

Yönetici alanını açmak için site başlığı menüsünün üzerine gelin ve ‘Kontrol Paneli’ne tıklayın.

Veya, ‘Siteyi düzenle’ye tıklayarak da Tam Site Düzenleyici'ye gidebilirsiniz.

WordPress Playground'da yönetici veya tam site düzenleyicisini açma

Temel WordPress Playground kurulumu şimdi tamamlandı, ancak deneyiminizi geliştirebilecek bazı ek ayarları inceleyelim.

WordPress Playground Planları Nasıl Kullanılır

WordPress'te bir şablon, özel bir WordPress ortamını hızlı ve kolay bir şekilde kurmanıza yardımcı olan basit bir JSON dosyasıdır. Bu, hangi WordPress ve PHP sürümünün kullanılacağı, hangi eklentilerin ve temaların yükleneceği ve hatta WordPress tasarım öğelerinin hangilerinin olacağı gibi ayarları içerir.

Sık sık test ortamları oluşturuyorsanız ancak bunları hızlı bir şekilde kurmanız gerekiyorsa harika bir seçenektir. Veya belirli WordPress yapılandırmalarını başkalarıyla paylaşmanız gerekiyorsa.

Planlara erişmek için sol üst köşedeki küçük kare simgesine tıklayın.

WordPress Playground'da dört küçük kare düğmesine tıklamak

Ardından, ‘Blueprints Gallery’ (Şablon Galerisi) sekmesine gidin.

Burada diğer kullanıcılar tarafından paylaşılan herkese açık şablonları bulacaksınız. Seçebileceğiniz birçok seçenek var. Create Block Theme eklentisini kullanarak özel bir blok tema oluşturmak için ‘Blok Tema Oluştur’ seçeneğini kullanabilir veya bir demo WooCommerce web sitesi kurmak için ‘Stylish Press’i deneyebilirsiniz.

Özellikle Stylish Press'i seviyoruz çünkü öğreticilerimiz için WooCommerce eklentilerini ve temalarını test etmek gerçekten kullanışlıdır.

Herhangi bir şablonu kullanmak için, onu WordPress Playground'unuzda yüklemek üzere ‘Önizleme’ düğmesine tıklamanız yeterlidir.

WordPress Playground Mavi Planlar galerisi

Kendi WordPress Playground örneğinizi bir şablona da dönüştürebilirsiniz.

Sadece ‘Geçici Playground’ sekmesine geçin, ‘Ana Sayfa’nın yanındaki üç noktalı düğmeye tıklayın ve ‘Blueprint’i Görüntüle’yi seçin.

Bir WordPress Playground örneğini şablon olarak görüntüleme

Bu, örneğinizi bir şablon .json dosyası olarak gösterecektir.

Blueprint dosyasını bilgisayarınıza kaydetmek istiyorsanız, disket ‘Kaydet’ simgesine tıklamanız yeterlidir.

Bir WordPress Playground örneğini bir şablon olarak kaydetme

Taslağınızı kaydetmek gelecekte başvurmak için kullanışlıdır veya Katkı Yönergeleri'ni izleyerek taslak galerisinde paylaşabilirsiniz.

Kaydedilmiş bir planı yüklemek için disket düğmesinin yanındaki açık klasör simgesine tıklayın.

Basitçe blueprint.json dosyanızı seçin, WordPress bu yapılandırmaya göre ortamınızı otomatik olarak kuracaktır.

WordPress Playground'da mevcut bir planı yükleme

WordPress Playground'a Tema ve Eklenti Nasıl Kurulur

WordPress Playground'da WordPress eklentilerini ve temalarını yüklemenin birkaç yolu vardır. Kurulum sırasında ağ erişimi özelliğini etkinleştirdiyseniz, bunları normal bir WordPress sitesinde olduğu gibi doğrudan WordPress kontrol panelinden yükleyebilirsiniz.

Standart yükleme süreci için adım adım talimatlar için ayrıntılı kılavuzlarımıza göz atın:

Ağ erişimini etkinleştirmediyseniz veya premium WordPress eklentilerini veya temalarını yüklüyorsanız, manuel yükleme yöntemini izlemeniz gerekecektir.

İlk olarak, tema veya eklenti dosyasını indirin. Ücretsiz seçenekler için WordPress.org'a gidin, istediğiniz eklentiyi veya temayı bulun ve 'İndir' düğmesine tıklayın. Bu, bilgisayarınıza bir zip dosyası kaydeder.

Ücretsiz MonsterInsights eklentisini indirme

Eklentiler için, WordPress Playground'un kontrol paneline gidin ve Eklentiler » Yeni Eklenti Ekle yolunu izleyin.

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ç’ seçeneğini belirleyin. Son olarak, ‘Şimdi Yükle’ye tıklayın.

WordPress Playground'da WordPress eklentisi yükleme

Temalara gelince, Playground'u ilk kullandığınızda WordPress sizin için varsayılan bir tema yükleyecektir.

Ancak farklı bir ücretsiz veya hatta premium WordPress teması kullanmak istiyorsanız, onu kaynaktan manuel olarak indirebilirsiniz. Ardından, Playground'da Görünüm » Temalar'a gidin ve 'Yeni Tema Ekle'ye tıklayın.

WordPress Playground'da Yeni Bir Tema Ekleme

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.

WordPress Playground'a yeni bir tema yükleme

Temaları ve eklentileri yüklemenin bir başka yolu da WordPress Playground'un Sorgu API'sini kullanmaktır. Bu yöntem, WordPress Playground URL'sine bazı sorgu parametreleri eklemenizi gerektirir.

Yani, örneğin, WordPress Playground'da AIOSEO'nun ücretsiz sürümünü yüklemek ve test etmek istiyorsanız, AIOSEO'nun WordPress.org sayfasına gidebilirsiniz. Ardından, AIOSEO'nun URL slug'ını not alın.

Ücretsiz AIOSEO eklentisi URL'si

Şimdi, yeni bir tarayıcı sekmesinde, WordPress Playground'un URL'sini AIOSEO'nun slug'ı ile şu şekilde yazın:

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

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

Temayı yüklemek istiyorsanız, plugin parametresini theme ile değiştirmeniz yeterlidir, şöyle ki:

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

WordPress çekirdeğinin üzerine birden fazla eklenti veya tema yüklemek isterseniz, birden fazla sorgu parametresini birleştirebilirsiniz. Her parametreyi `&` işaretiyle ayırdığınızdan emin olun.

AIOSEO ve MonsterInsights eklentilerinin yanı sıra Neve temasını yüklediğinizde URL'nin nasıl görüneceğine dair bir örnek:

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

Chrome kullanıcısıysanız, ayrıca Open in WordPress Playground uzantısını yükleyebilirsiniz. Bununla, WordPress.org'da bir eklenti veya tema sayfasına gittiğinizde, ‘Playground’ düğmesini göreceksiniz.

Buna tıklamak, eklenti veya tema yüklü yeni bir WordPress Playground ortamı açacaktır. Sorgu parametresi yöntemini basitleştirir.

WordPress Playground'da WPForms eklentisini açma

WordPress Playground Örneğini Tarayıcınızda Kaydetme

WordPress Playground ile uğraştığınızı ve tamamen bir bekleme listesi açılış sayfası veya hatta bir web sitesi oluşturduğunuzu varsayalım. Sekmeyi kapatıp tüm ilerlemenizi sonsuza dek kaybetmek boşa kürek çekmek olurdu.

Neyse ki, WordPress Playground örneğinizi tarayıcınızda kaydetmenize olanak tanır. Bunu yapmak için sol üst köşedeki küçük kare simgesine tıklayın.

WordPress Playground'da dört küçük kare düğmesine tıklamak

‘Geçici Oyun Alanı’ sekmesinde olduğunuzdan emin olun.

Ardından, ‘Kaydet’ düğmesine tıklayın ve ‘Bu tarayıcıda kaydet’ seçeneğini belirleyin.

Bir Playground örneğini tarayıcıda kaydetme

Şimdi, WordPress'in bu oyun alanını tarayıcınıza kaydetmesini bekleyin. Deneyimlerimize göre bu birkaç dakika sürecektir.

Tamamlandığında, ‘Kaydedilen Playgroundlar’ adlı yeni bir bölüm göreceksiniz. WordPress, playground'unuzu otomatik olarak ‘Mutlu Güneşli Ülke’ veya ‘Sakin Klasik Orman’ gibi yaratıcı bir adla adlandıracaktır.

Ortam ayarlarını burada, önceki bölümde olduğu gibi yapılandırabilirsiniz. Ancak, PHP sürümünü ve ağ erişimi ayarlarını değiştirmekle sınırlısınız.

Değişiklik yaptıktan sonra, örneği açmak için ‘Kaydet & Yeniden Yükle’ düğmesine tıklayın.

Kayıtlı WordPress Playground örneklerini görüntüleme

Şimdi, tarayıcı sekmesini kapatsanız bile WordPress, Playground örneğinde yaptığınız her değişikliği kaydedecektir.

WordPress ayrıca ‘Yerel bir dizine kaydet’ seçeneği de sunar. Sadece daha önceki ‘Kaydet’ düğmesine tıklayın ve ‘Yerel bir dizine kaydet’ seçeneğini belirleyin.

Gördüğümüz şey, bu seçeneğin tüm Playground dosyalarını normal bir WordPress kurulumu gibi sıkıştırılmamış olarak indirmesidir. wp-content, wp-admin gibi standart WordPress klasörleri ve diğerleri alırsınız.

Bir WordPress Playground örneğini yerel dizine kaydetme

Bu seçeneği, bu dosyaları bir hazırlık ortamına veya bir barındırma hizmetindeki boş bir web sitesine yüklemek istiyorsanız kullanmanızı öneririz.

Özellikle önce WordPress Playground'da bir şeyler oluşturmak, ardından Playground ortamı dışında üzerinde çalışmak istediğinizde kullanışlıdır.

WordPress Playground Sitesini İndirme/Geri Yükleme Nasıl Yapılır

Tarayıcıda oyun alanınızı kaydetmek hızlı erişim için uygun olsa ve sıkıştırılmamış dosyaları kaydetmek canlı siteler için iyi çalışsa da, bazen ikisinin arasında bir şeye ihtiyacınız olur.

WordPress Playground'unuzu zip dosyası olarak indirmek, saklaması ve paylaşması kolay taşınabilir bir yedek elde etmenizi sağlar. Ayrıca bunu herhangi bir WordPress Playground örneğine geri yükleyebilirsiniz.

Başlamak için sol üst köşedeki küçük kare simgesine tıklayın.

WordPress Playground'da dört küçük kare düğmesine tıklamak

‘Geçici Playground’ sekmesinde olduğunuzdan veya kaydedilmiş bir playground'da bulunduğunuzdan emin olun. Ardından, ‘Ana Sayfa’ düğmesinin yanındaki sağ üst köşedeki üç noktalı menüye tıklayın.

‘Zip olarak indir’e tıklayın ve tarayıcınız dosyayı bilgisayarınıza indirmeye başlayacaktır.

Bir WordPress Playground örneğini zip dosyasına indirme

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

İndirdiğiniz playground'u geri yüklemek için 'Geçici Playground'un üzerindeki üç noktalı menüye tıklayın ve '.zip'ten İçe Aktar'ı seçin.

Bir WordPress Playground örneğini içe aktarma

Bir açılır pencere görünecek ve dışa aktardığınız dosyayı seçmenizi isteyecektir.

Seçin ve ‘İçe Aktar’a tıklayın.

Bir WordPress Playground zip dosyasını yükleme

Dosya geçerliyse, bir başarı mesajı göreceksiniz ve Playground geri yüklenen kurulumunuzla yenilenecektir.

Açılır pencereyi kapatmak ve geri yüklenen sitenizle çalışmaya başlamak için ‘Tamam’ düğmesine tıklayın.

WordPress Playground dosya aktarımının başarılı olduğunu belirten bir açılır mesaj

WordPress Playground'un zip dışa aktarımları hakkında harika bir şey, bunları WordPress.com'un yerel geliştirme aracı olan Studio by WordPress.com ile kullanabilmenizdir. Bu, siteniz üzerinde düzgün bir yerel ortamda çalışmaya devam etmenizi sağlar.

Öncelikle, bilgisayarınıza bağlı olarak ‘Windows için İndir’ veya ‘Mac için İndir’ seçeneğine tıklayarak Studio by WordPress.com web sitesine gidin.

WordPress.com Tarafından Studio İndirme

Kurulumu başlatmak için indirilen dosyayı açın.

Kurulum ilerlemesini gösteren bir açılır pencere göreceksiniz.

WordPress.com Studio'nun yüklenmesini bekliyor

Kurulum tamamlandıktan sonra ilk sitenizi eklemeye hazırsınız.

WordPress Playground zip dosyanızı ‘Bir yedek içe aktar’ alanına sürüklemeniz yeterlidir. Sitenize kolayca tanımlamanıza yardımcı olacak herhangi bir ad verebilirsiniz.

WordPress.com'dan Studio'ya bir Playground zip dosyası sürükleme

İçe aktarıldıktan sonra, yerel WordPress sitenizin kontrol panelini göreceksiniz.

Sitenizde çalışmaya başlamak için sağ üst köşedeki ‘Başlat’ düğmesine tıklayın. Bu, yerel web sitenizi bilgisayarınızda aktif hale getirir.

WordPress.com Studio yerel web sitesini başlatma

‘Başlat’ düğmesinin ‘Çalışıyor’ olarak değişmesini bekleyin, ardından sol üst köşedeki ‘WP Admin’ bağlantısına tıklayın.

Bu, yerel WordPress yönetici sayfanızı açar ve burada sitenizi geliştirmeye devam edebilirsiniz.

Studio by WordPress.com yerel web sitesinin WordPress yönetici paneline giriş yapma

WordPress Playground'u GitHub'a Nasıl İçe/Dışa Aktarırsınız

Bir GitHub hesabınız varsa, sitenizi WordPress Playground'dan dışa aktarabilir 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.

Sol üst köşedeki küçük kare simgesine tıklayarak başlayın.

WordPress Playground'da dört küçük kare düğmesine tıklamak

Bir siteyi WordPress Playground'dan GitHub'a dışa aktarmak için ‘Ana Sayfa’ düğmesinin yanındaki üç noktalı menüye tıklayın.

Bundan sonra, ‘GitHub'a Dışa Aktar’ı seçin.

Bir WordPress Playground örneğini GitHub'a dışa aktarma

Bir sonraki açılır pencerede, WordPress'in web sitenizi yedekleme amacıyla bilgisayarınıza kaydetmenizi 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ızı bağlayın’ düğmesine tıklayın.

WordPress Playground'u GitHub'a Bağlama

Ardından, WordPress Playground'un depolarınıza erişmesine izin verdiğinizi onaylamanız gerekir.

Devam etmek için sadece ‘Authorize adamziel’e tıklayın.

WordPress Playground'u GitHub'da Yetkilendirme

Bu aşamada, hangi tür dosyaları dışa aktardığınızı seçin: eklentiler, temalar, wp-content dizini veya belirli yollar.

Tüm eklentilerinizi, temalarınızı, medya dosyalarınızı, widget'larınızı, menülerinizi ve fontlarınızı dışa aktarmak istiyorsanız, son seçeneği belirleyin.

WordPress Playground'da GitHub'a dışa aktarılacak dosya türünü seçme

Ayrıca, siteyi dışa aktarmak istediğiniz genel GitHub deposunun URL'sini de belirtmeniz gerekecektir.

Ardından, ‘Sonraki adım’ düğmesine tıklayın.

WordPress Playground'da hedeflenecek GitHub genel deposunu seçme

Bunu yaptıktan sonra, yeni bir çekme isteği oluşturacağınız veya mevcut birini güncelleyeceğiniz konusunda seçim yapmanız gerekir. Gösterim amaçlı, ilk seçeneği seçeceğiz.

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

Ayrıca, WordPress Playground kullanılarak yapılan değişiklikleri belirtmek için bir commit mesajı eklemeniz gerekecektir.

Hepsi bittikten sonra, ‘Pull Request Oluştur’a tıklayın.

WordPress Playground'da bir GitHub çekme isteği oluşturma

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

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

WordPress Playground'da Yeni Çekme İsteği bağlantısı

Şimdi, GitHub'dan bir siteyi WordPress Playground'a aktarmak istiyorsanız, ‘Geçici Playground’un üzerindeki üç noktalı menüye tıklamanız yeterlidir.

Ardından, 'GitHub'dan İçe Aktar'ı seçin.

WordPress Playground'da bir GitHub çekme isteğini içe aktarma

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

Bundan sonra, içe aktarmak istediğiniz GitHub deposunun veya yol URL'sinin girin.

GitHub deposunu veya WordPress Playground'a aktarılacak yolu girme

Ardından, ne tür dosyalar aktardığınızı belirtmeniz gerekir: temalar, eklentiler veya tüm wp-content dizini.

Gerekirse, içe aktardığınız deponun yolunu tekrar ekleyebilirsiniz. Aksi takdirde, WordPress zaten hangi yoldan içe aktarılacağını biliyorsa bu alanı otomatik olarak dolduracaktır.

Tamamlandığında, ‘İçe Aktar’a tıklamanız yeterlidir.

WordPress Playground'da GitHub'dan Hangi Dosyaların İçe Aktarılacağını Belirtme

İçe aktarma başarılı olursa, bir başarı mesajı açılır penceresi göreceksiniz.

Kapatmak için 'Tamam'a tıklamanız yeterlidir.

Bir GitHub deposunu veya yolunu WordPress Playground'a Başarıyla İçe Aktarma

WordPress Playground ve GitHub ile yapabileceğiniz bir diğer şey, WordPress projesinden mevcut bir GitHub çekme isteğini (pull request) önizlemektir. Bu şekilde, WordPress'te ne gibi iyileştirmeler ve geliştirmeler yapıldığını görebilir ve bunları test edebilirsiniz.

Unutmayın ki, bu yazı yazıldığı sırada bu özellik yalnızca WordPress Geliştirme veya Gutenberg depolarından gelen çekme isteklerini önizlemek için çalışır.

Bunu yapmak için üç noktalı menü düğmesine tekrar tıklayabilir ve ‘WordPress PR önizle’ veya ‘Gutenberg PR önizle’ seçeneğini belirleyebilirsiniz.

Playground'da Bir WordPress veya Gutenberg Çekme İsteğini Önizleme

Ardından, çekme isteğinin URL'sini veya kimliğini uygun alana girebilirsiniz.

Bundan sonra, ‘Git’e tıklayın.

WordPress Playground'da WordPress GitHub çekme isteği URL'sini veya numarasını girme

WordPress Playground'u Web Sitenize Nasıl Yerleştirirsiniz

Bir WordPress öğreticisi yazıyorsanız, kullanıcıları talimatlarınızda yönlendirmek için WordPress kontrol panelinden ekran görüntüleri dahil edeceksiniz. Ancak, bazen ekran görüntüleri tarif ettiğiniz eylemleri doğru bir şekilde göstermez.

WordPress Playground'un kullanışlı olabileceği yer burasıdır. Sayfanıza veya gönderinize yerleştirebilirsiniz, bu da kullanıcılara daha etkileşimli bir okuma deneyimi sunar. Playground'u kullanarak talimatlarınızı takip edebilirler.

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

Blok düzenleyicide Özel HTML bloğunu ekleme

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

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

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

Bundan sonra, değişiklikleri canlı hale getirmek için 'Kaydet' veya 'Yayınla'ya tıklayın.

WordPress Playground için iFrame yerleştirme kodunu blok düzenleyiciye yapıştırma

WordPress Playground, temanıza bağlı olarak farklı görünebilir.

Bizim durumumuzda, üzerindeki bloklarla uyumlu görünmüyordu ve öğenin kendisi etkileşim kurmak için çok küçüktü.

Gömüldüğünde çok küçük görünen bir WordPress Playground örneği

Bunu önlemek 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 yerleşiminin kapsayıcının dolgu ve kenar boşluklarına uyması için div etiketlerine sarılmıştır.

Ayrıca, iframe'in genişliğini kapsayıcısının %100'üne ve yüksekliğini 500 piksel olarak ayarlamak için style özniteliğini ekledik.

Ön uçta görünümü şöyledir:

Hizalanmış yerleştirilmiş bir WordPress Playground örneği

WordPress Playground'da Hata Bildirme

WordPress Playground'da herhangi bir sorunla karşılaşırsanız, bu hataların düzeltilmesi için WordPress ekibine bildirebilirsiniz.

Bunu yapmak için, sol üst köşedeki küçük kare simgesine tıklayın.

WordPress Playground'da dört küçük kare düğmesine tıklamak

Bundan sonra, sayfanın sağ üst köşesindeki üç noktalı menüye tıklayabilirsiniz.

Ardından, ‘Hata bildir’ seçeneğine tıklayın.

WordPress Playground'da hata bildirme

Şimdi hatanın nasıl oluştuğunu açıklayabileceğiniz bir açılır pencere görmelisiniz. Ayrıca, ekibin tam olarak ne olduğunu görebilmesi için WordPress Playground ortamınızın URL'sini eklemelisiniz.

Bittiğinde, sadece 'Hata bildir'e tıklayın.

WordPress Playground'da hatayı açıklama

Ayrıca, WordPress Playground ortamınızın hata günlüklerini görüntülemenizi sağlar.

Bunu, ‘Geçici Oyun Alanı’ sekmesindeki veya kaydettiğiniz oyun alanlarından birindeki ‘Günlükler’ bölümüne giderek yapabilirsiniz.

WordPress Playground hata günlüklerini görüntüleme

WordPress Playground Hakkında Sıkça Sorulan Sorular

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

Tarayıcınızda WordPress kullanabilir misiniz?

Evet, WordPress Playground, WordPress'i doğrudan tarayıcınızda kullanmanıza olanak tanır. Canlı sitenize kurmadan önce web siteleri oluşturabilir ve tema ve eklentileri deneyebilirsiniz.

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

Evet, WordPress Playground'a tema veya eklenti yükleyebilir ve değiştirebilirsiniz, böylece yönetici alanında çalışıp çalışmadıklarını ve belirli WordPress sürümleriyle uyumlu olup olmadıklarını görebilirsiniz.

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

Evet, sitenizi WordPress Playground'dan dışa aktarabilir ve WordPress barındırma hesabınıza içe aktarabilirsiniz. WordPress Playground dosyalarınızı yerel bir dizine kaydedin ve ardından bunları barındırma hesabınızdaki boş bir web sitesine yükleyin.

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 sitesi oluşturma hakkındaki eğitimimizi okuyabilirsiniz.

Bu makalenin WordPress Playground'un ne olduğunu ve tarayıcınızda nasıl kullanacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca en iyi sürükle ve bırak WordPress sayfa oluşturucuları hakkındaki makalemizi ve WordPress'te dinamik içerik ekleme rehberimizi de incelemek 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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

6 CommentsLeave a Reply

  1. WordPress Playground aracı, güncellemeleri güvenli bir şekilde test etmek için mükemmeldir.
    Benim için harika çalışanlar şunlar:
    – Farklı site türleri için şablonlar kullanıyorum (örneğin, e-ticaret, portföyler)
    – Test etmeyi süper kolaylaştırıyor
    Ek bir ipucu: Büyük değişiklikleri test etmeden önce Playground yapılandırmalarınızın ekran görüntülerini almanızı öneririm, çünkü bu, belirli senaryolar için hangi kombinasyonların en iyi çalıştığını izlemenize yardımcı olur.

  2. Bir süredir WordPress kullanıyorum ama WordPress Playground'u hiç bilmiyordum. Bu eğitim, nasıl kullanılacağını anlamak için çok yardımcı oldu. Bunu diğer WordPress kullanıcılarıyla paylaşacağım. Teşekkür ederim.

  3. Vay canına, harika. Worpdress Playground gibi bir şey olduğunu bilmiyordum. Bilgimi genişlettiğin için teşekkür ederim. wpbeginner sayesinde her gün daha önce bilmediğim yeni konular ve şeylerle karşılaşıyorum. Wordpress playground'u da kesinlikle deneyeceğim.

  4. Bu harika ve bayıldım.
    Size söylüyorum, WordPress hala daha harika özellikler sunuyor, WordPress bir gelecek.
    WordPress Playground'u denemek, onu keşfetmek ve gerçekte nasıl çalıştığını deneyimlemek istiyorum.

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.