Yerleştirme

Senin bulmacan, senin sayfanda, senin adınla.

Tek bir iframe etkinliği doğrudan sitene, CMS'ine veya LMS'ine yerleştirir. Beyaz etiket — çerçevenin içinde başlık yok, alt bilgi yok, Puzzel markası yok.

Yerleştirme kodumu oluştur Önce örneği dene

Her CMS veya LMS'te çalışır Çerçevede Puzzel markası yok Sonuçlar yine takip edilir

iframe · 600px × 900px Kare bulmaca

Çerçevede Puzzel yazan hiçbir şey yok. 600px × 900px

Paket Yerleştirme, her ücretli aboneliğin parçasıdır. Paketlere bak

Yerleştirme kodu oluşturucu

Burada ayarla, oraya yapıştır.

1 · Hangi etkinlik

2 · Çerçeve boyutu

Genişlik Yükseklik

Duyarlı genişlik

Çerçeve, bulunduğu alanı doldurur — sabit piksel yerine 100% genişlik

Sabit genişlik. Sayfanın telefonlarda da çalışması gerekiyorsa duyarlı genişliği aç.

3 · Görünümü önizle

Renkler etkinliğin kendi tasarım ayarlarından gelir, böylece bulmaca sitenin bir parçası gibi görünür.

Yerleştirme kodun

<div>
<iframe src='https://puzzel.org/tr/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>

Genişliği ve yüksekliği dilediğin gibi ayarla — 100% de geçerli bir değerdir.

Etkinliği sonradan düzenle; onu yerleştiren her sayfa kendini günceller.

Bu kod parçası gerçek bir örnek etkinlik kullanır, yani hemen şimdi yapıştırabilirsin.

Adım 1

Etkinliği oluştur

Düzenleyicide her zamanki gibi oluştur. 'Etkinliğimi kullan' düğmesi sana yerleştirme kodunu verir — hiçbir dosyaya dokunmazsın.

Adım 2

iframe'i kopyala

Düzenine uyan boyutu ayarla ve kod parçasını sayfanın HTML'ine bırak.

Adım 3

Kendine göre ayarla

Etkinliğin tasarımını düzenleyicide yap — renkleri ve yazı tipleri çerçeveye taşınır, böylece sitenin bir parçası gibi görünür.

Abone olmadan önce dene

Örnek kare bulmaca, yapıştırması ücretsiz

Bunu bir test sayfasına yerleştir ve çerçevenin senin düzeninde nasıl davrandığını gör. Gerçek, oynanabilir bir bulmaca — hesaba gerek yok.

<div>
<iframe src='https://puzzel.org/ar/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>

Test edildiği yerler

iframe'e izin verilen her yerde

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

CMS'in engelliyor mu? Kod parçasını zengin metin alanı yerine ham HTML veya yerleştirme bloğuna yapıştır.

Yayına yapıştırmadan önce

Oyuncular Puzzel'i hiç görüyor mu?

Hayır. Yerleştirilmiş etkinlik beyaz etikettir — logo yok, başlık yok, alt bilgi yok. Deneyimin tamamı senin sayfan.

Bulmaca kesiliyorsa ne olacak?

Yüksekliği artır ya da 100% genişlik kullan; böylece çerçeve sabit bir piksel değeri yerine sütununu takip eder.

Telefonlarda çalışıyor mu?

Evet. Duyarlı genişlikle etkinlik yeniden yerleşir ve dokunmatik giriş puzzel.org'daki gibi çalışır.