Canva Code ile etkileşimli tasarımlar oluşturun
Canva Kod sayesinde kod yazmanın zorluklarına gerek kalmadan duyarlı ve etkileşimli tasarımlar oluşturabilirsiniz. Canva Kod'u iki şekilde kullanabilirsiniz:
- Etkileşimli Programlama tasarımları oluşturun
- Landing page, pano veya portföy gibi tam etkileşimli tasarımlar oluşturun ve Canva Editör'de web sitesi olarak yayınlayın
- Tasarımlarınıza etkileşimli Kod bileşenleri ekleyin
- Başka bir tasarım için testler, hesap makinesi veya grafikler gibi etkileşimli bileşenler oluşturup bunları birden fazla tasarımda yeniden kullanın
Etkileşimli Kod tasarımı oluşturun
Eksiksiz bir etkileşimli deneyim oluşturmak istediğinizde Kod tasarımı türünü kullanın.
- Açılış sayfası, pano, portföy ve daha fazlasını oluşturun
- Canva Editör'de düzenleyin ve iyileştirin
- Duyarlı web sitesi olarak yayınlayın
- Canva ana sayfasından Kod öğesini seçin. Bu, Canva editörünü açar.
- Canva editörde, ilk olarak Canva Yapay Zeka sekmesinde tasarımınızı tanımlayarak başlayın. "Etkileşimli ve kullanıcı dostu bir egzersiz takibi tasarlayın" gibi bir şey yazın.
- Ya da, Şablonlar sekmesinde başlamak için şablonlara göz atabilir veya şablonlar da arayabilirsiniz.
- Canva Yapay Zekayı kullanarak veya doğrudan düzenleme yaparak görsellerinizi geliştirin. Nasıl yapabileceğinizi öğrenmek için Etkileşimli Canva Programlama tasarımlarınızı ve bileşenlerinizi düzenleme bölümüne bakın.
Tasarımlarınıza etkileşimli Kod bileşenleri ekleyin
Canva Yapay Zeka'ya giderek, Tek bir etkileşimli bileşen oluşturmak istediğinizde Kod bölümüne gidin.
- Bileşen olarak testler, hesap araçları, grafikler ve daha fazlasını oluşturun.
- Sunumlar, Beyaz Tahtalar veya diğer belge türlerine ekleyebilirsiniz. Web sitesi olarak yayınlayın veya Bileşenleri birden fazla tasarımda yeniden kullanın.
- Canva ana sayfasında Canva Yapay Zeka öğesini seçin.
- Komut kutusunda, oluşturmak istediğiniz etkileşimli Code bileşenini tanımlayın. Buradan yapay zeka komutları hakkında daha fazla bilgi edinebilirsiniz.
- </> Kod öğesini seçin.
- Klavyenizdeki enter tuşuna basın veya gönder düğmesine tıklayın. Canva Yapay Zeka, tasarımınızı verdiğiniz komuta göre hazırlar.
- Kod tasarımını oluşturduktan sonra Bir tasarımda kullan öğesini seçin.
- Etkileşimli Kod bileşeni olarak eklemek istediğiniz belge türünü Bileşen olarak ekle hedefine ekleyin.
- Canva Programlama ile oluşturulan tasarımı geliştirmek için yan paneldeki sohbet kutusundan düzenlemelerinizi isteyin.
Not: Canva Yapay Zeka ile sohbet dizinizin tasarım sürümlerine erişebilirsiniz.
Canva Kod tarafından oluşturulan etkileşimli tasarımlarınızı ve bileşenlerinizi düzenleyin
Editördeki araçları kullanarak Canva Kod tarafından oluşturulan tasarımınızı geliştirin. Daha fazla bilgi için Canva Kod tarafından oluşturulan etkileşimli tasarımları ve bileşenleri düzenleme bölümüne göz atın.
Tasarımınızı Önizleme ve yayınlama
Tasarımınızla etkileşime geçmek için Önizleme seçeneğine tıklayın. Her şey yolunda gittiğinde web sitesi olarak yayınlayabilirsiniz. Canva Kod web sitelerini nasıl yayınlayacağınızı ve yöneteceğinizi öğrenin.
Not: Etkileşimli içerik, tasarım Canva'da görüntülendiğinde veya bir web sitesi olarak yayınlandığında çalışır.
Canva Kod sürümlerine erişin, tasarımları kopyalayın ve yönetin
Canva Kod tasarımınızı komutlar aracılığıyla her güncellediğinizde Canva otomatik olarak aynı sohbet yazışmaya yeni bir sürüm kaydeder. Bu sayede önceki sürümlere dönebilir, düzenlemeye önceki bir sürümden devam edebilir veya oluşturulan kodu harici kullanım için kopyalayabilirsiniz.
Sürüm geçmişinizi görüntüleyin
- Canva ana sayfasından Canva Yapay Zeka sayfasını açın.
- Kenar çubuğunda Canva Programlama sohbetlerinizi görüntülemek için Komut çubuğu altındaki </> Kod seçeneğini belirleyin.
- Not: Canva Programlama sohbetlerini yanlarında </> simgesinden görebilirsiniz.
- Bir Canva Programlama sohbeti açın.
- Kenar çubuğunda mevcut sürümlere göz atın (örneğin: Sürüm 1, Sürüm 2 ve daha fazlası).
Not: Aynı sohbet içinde komut göndermeye devam ederseniz otomatik olarak yeni bir sürüm belirir.
Önceki bir sürümü kullan
- Canva Programlama sohbeti dizisini açın.
- Kullanmak istediğiniz sürümü seçin.
- Bu sürümü Canva'da düzenlemeye devam etmek için Bir tasarımda kullan öğesini seçin.
Kodu görüntüleyin ve kopyalayın
Canva Programlama tarafından oluşturulan temel kodu görüntüleyebilir ve Canva dışında yeniden kullanmak için kopyalayabilirsiniz.
- Canva Code dizinizde Show code t oggle'ı açın.
- Panonuza kaydetmek için Kodu kopyala 'yı seçin.
Canva Kod sınırlamaları
- Canva Kod, canva.cn hesabındaki kullanıcılar hariç, Canva'da bulunan tüm dilleri destekler.
- Canva Kod, yalnızca girdiğiniz veya kullandığınız açıklamalardaki talimatları alır. Ne kadar çok bağlam ve talimat verirseniz, sonuç o kadar iyi olacaktır.
- Kodları harici olarak kopyalayıp yeniden kullanabilirsiniz ancak dosya olarak dışa aktaramaz veya doğrudan Canva içinde düzenleyemezsiniz.
Canva Kod web sitem yayınlanmıyorsa ne yapabilirim?
Canva Kod web siteniz büyük veya karmaşıksa, büyük boyutlu bir widget web sitesinin yayınlanmasını engelleyebilir. Web sitesini basitleştirmeyi veya içeriği daha küçük web sitelerine ya da sayfalara bölmeyi deneyebilirsiniz.Aynı Canva Kod sohbetinde Canva Yapay Zeka'ya aşağıdaki komutları kullanarak komut deneyin:
- "Lütfen bu web sitesini basitleştirin ve büyük boyutlu widget'ları/bileşenleri azaltın böylece web sitesi Canva'da yayınlanabilir."
- "Lütfen alanı iki küçük yayınlanabilir web sitesine/sayfaya bölün."
Canva Kod güncel sürümü oluşturduktan sonra tekrar yayınlamayı deneyin.
İpucu: Yayınlanan her site daha az içerik içerdiği için içeriği daha küçük web sitelerine veya sayfalara bölmek yardımcı olabilir. Web sitenizi yayınlanan ayrı web sitelerine bölerseniz bunların URL'lerini ayrı ayrı yönetmeniz ve paylaşmanız gerekir.
Kodu Canva dışında yeniden kullanabilir miyim?
Evet. Kod kopyalandıktan sonra kendi projelerinizde kullanabilirsiniz. Canva için oluşturulmuş olsa da harici araçlara veya iş akışlarına uyarlayabilirsiniz.
Canva Kod'dan tasarımlarımı ticari kullanım için kullanabilir miyim?
Canva ile aranızda ve yasaların izin verdiği ölçüde, yapay zeka destekli özelliklerimize (Canva Kod ve oluşturulan Canva Kodları dahil) ilişkin Girdi ve Çıktıların sahibi sizsiniz ve Canva, Girdiniz veya Çıktınız üzerinde herhangi bir telif hakkı sahipliği iddiasında bulunmayacaktır. (oluşturulan Canva Kodları dahil). Daha fazla bilgi ve koşulların tamamı için lütfen Yapay Zeka Destekli Ürün Koşulları sayfamıza bakın.
Canva Kod ile oluşturduklarımı kimler görebilir?
Canva Kod ile konuşmalarınızı yalnızca siz görebilirsiniz. Bir tasarımda kullan seçeneğine tıkladığınızda bu sürümle yeni bir tasarım oluşturulur ve Paylaş düğmesini kullanarak tasarımı (Canva Kodu dahil) paylaşabilirsiniz.
Tasarımınızı bir web sitesinde yayınlarsanız erişim kontrolü, web sitesi yayınlama akışı sırasında yapılandırdığınız ayarlar tarafından kontrol edilir.
Ekibimin Canva Kod erişimini yönetebilir miyim?
Yönetici, öğretmen veya marka tasarımcısıysanız ekibinizden veya sınıfınızdan kimlerin Canva Kod özelliğine erişebileceğini seçebilirsiniz.
Canva Kodunu ana sayfanızda bulamıyor musunuz? Canva Kodu erişim kısıtlamaları hakkında daha fazla bilgi edinin.
Neden kod satırlarının değiştiğini görmüyorum?
Canva Kod artık fark tabanlı düzenleme kullanıyor. Yani tüm blok yeniden oluşturmak yerine yalnızca gerekli kod satırları güncelleniyor. Bu, tasarım mantığınızda küçük değişiklikler yaparken daha hızlı geri bildirim almanızı sağlar.
Komutu gönderdikten sonra kod satırlarında değişiklik görmüyorsanız Canva arka planda çalışıyor ve yalnızca gerekli değişiklikleri uyguluyor demektir. Lütfen Canva Kodunun yeni bir sürümünü oluşturma işleminin tamamlanmasını bekleyin.
Bu yardımcı oldu mu?
Yardımcı oldu
Yardımcı olmadı