Elementor ve Wordpress ile Kodsuz Web Tasarımı

Elementor ve Wordpress ile kodsuz web tasarımı

“ Şimdi projenizi Domestika Topluluğu'na sunabilmeniz için web sitenizin gelişiminin temel aşamalarını inceleyeceğiz. Her birinde ne yaptığınızı kısaca açıklamanızı ve açıklamaya bir veya daha fazla görselle eşlik etmenizi isterim. Kavram ve referanslar Web sitenizin tüm konseptini geliştirerek başlayın. Bunu yapmak için öncelikle ilham kaynağı olacak görsel referansları toplayın ve bunları bir klasöre veya favorilerinize kaydedin. Ah! Ve unutmayın, sadece web sayfaları değil, etrafınızdaki herhangi bir nesne, müzik, şehriniz, manzara... Her şey size ilham verebilir!

Web sitenizin haritası İkinci olarak, site navigasyonunuzu oluşturacak sayfaları ve kullanıcının bunlar arasında nasıl hareket edeceğini tanımladığınız bir web sitesi haritası çizin. Stil kılavuzu Daha sonra web siteniz için istediğiniz tüm genel öğeleri ve stilleri toplayın: logo, tipografik set, renk paleti ve isteğe bağlı olarak grafik öğeleri. Tüm bunları içeren bir stil rehberi oluşturun. Tasarım teklifi Şimdi tüm sürecin en heyecan verici kısımlarından biri olan tasarım teklifi üzerinde çalışacaksınız. Bunun için dilediğiniz tasarım programıyla çalışabilirsiniz. Stil rehberinizin tüm unsurlarını kullanarak, web sitenizi oluşturan ve daha önce site haritasında tanımladığınız bölümlerin her birini tasarlayın. Bu bölümlerin her birinde hangi içerik veya yapıları kullanacağınızı bilmiyorsanız, ilham almak için her zaman görsel referanslara tekrar göz atabileceğinizi unutmayın. Tasarım teklifinin en önemli yanı, daha sonra Elementor ile çalıştığınızda sitenizin nasıl olacağını görselleştirmenize yardımcı olmasıdır. WordPress ve Elementor'da Tasarım Sitenizin tamamını oluşturmak için bu kursta çalışacağınız araçları yükleyin ve yapılandırın. Bunun için öncelikle WordPress kurabileceğiniz hosting ve alan adınızın olduğundan emin olun. Kurduktan sonra yapılandırın ve web siteniz için gezinme sayfalarını ve menülerini oluşturun. Bir sonraki adım, Elementor eklentisini ve temel olarak kullanacağınız temayı yüklemek olacaktır: "Merhaba Tema". Artık tek yapmanız gereken, tüm web sitesi tasarımınızı oluşturmak için bazı harika özellikler içeren Elementor Pro'yu indirip yüklemek. Web tasarım teklifinin tamamını %100 gerçek ve işlevsel bir siteye aktarmanın zamanı geldi, bunun için Elementor, varsayılan kit, tema oluşturucu ve şablon seçenekleriyle çalışacaksınız. Bu noktada daha önce hazırladığınız web tasarım teklifini her zaman aklınızda tutmanız gerektiğini unutmayın. Üstbilgi ve altbilgiyi oluşturarak başlayın. Ana sayfayı tasarlamaya devam edin ve onu daha görsel ve çekici hale getirmek için animasyon efektleri eklemeyi unutmayın. Şimdi proje şablonunu ve ana portföy sayfasını oluşturun. Ayrıca "Hakkında" ve "İletişim" bölümlerine de tıklayın. Ah! Web sitenizdeki görselleri çok ağır olmayacak ve hızlı yüklenmeyecek şekilde optimize etmeyi unutmayın ve bu görsellere, çalışmanıza katkıda bulunan, bağlamsallaştıran ve insanileştiren metinlerle eşlik etmeyi unutmayın. Son olarak, web sitenizin gizlilik politikası sayfası, "Hata 404" sayfası ve bakım sayfası gibi ikincil bölümlerinin tasarımı üzerinde de çalışın. Test etme ve başlatma Bitirmeye çok az kaldı! Bazen bir web sitesi bazılarında biraz farklı göründüğünden, web sitesini farklı tarayıcılarda ve cihazlarda test etme zamanı gelmiştir. Beklediğiniz gibi çalışmayan veya görüntülenmeyen tüm ayrıntıları yazın ve bunları daha sonra Elementor'da düzeltin. Her şeyi düzelttiğinizde web sitenizin dünyadaki herkes tarafından görülebilmesi için her şey hazır! Bir kere başlattıktan sonra güncel tutmayı unutmayın Ah! Ve her güncelleme yapmadan önce yedeklemeyi unutmayın. "Projenizi oluşturun" seçeneğine tıklayarak son projenizi toplulukla paylaşmanın zamanı geldi. Tasarladığınız web sitesini görmek ve sizi bu siteye yönlendiren tüm yaratıcı süreci bize anlatmak için bağlantıyı paylaşmayı unutmayın. Herhangi bir zamanda web sitesini bakım moduna aldıysanız, lütfen web sitenizin tamamını görebilmemiz için bunu devre dışı bırakın. Kesinlikle muhteşem :). Projenizi görmeyi ve size geri bildirimde bulunmayı sabırsızlıkla bekliyorum. Sabrınızı rica etsem de elimden geldiğince ve profesyonel projelerimin izin verdiği ölçüde foruma erişmeye çalışacağım. Son olarak, sizi yalnızca ilerlemenizi paylaşmakla kalmayıp, aynı zamanda tavsiyelerde bulunarak ve topluluğun geri kalanına yardım etmeye çalışarak foruma aktif olarak katılmaya davet etmek istiyorum. Forumda görüşürüz! ”

Videonun kısmi transkripsiyonu

“Şimdi senin zamanın geldi. kendi web sayfanı yapman için seninle bazı zorunlu adımları gözden geçireceğim. Gerçekten çok fazla yeni bilgi vardı. bu yüzden buraya kadar geldiğin ve web tasarım korkusunu yendiğin için çok gururlu olmalısın. Unutma. her zaman işe başlamadan önce seni motive eden bazı görsel referanslar. Bunları bir klasörde saklayabilir veya bir mood board oluşturabilirsin. Ardından. web siten için istediğin tüm bölümleri içeren bir site haritası çiz. Burada. bölüm sayısında bir sınır olmadığını unutma. bölüm sayısında sınır yok ve zorunlu bölümler de yok. Sadece projene en uy...”

Bu transkript otomatik olarak oluşturulduğundan hatalar içerebilir.

Şunun için kurs özeti: Elementor ve Wordpress ile Kodsuz Web Tasarımı

• Seviye: Acemi
• 98% olumlu yorumlar ( 252 )
• 1 öğrenci
• 1 ünite
• 1 ders ( 3h 28m )
• 1 indirme

• Kategori

  Web & App Tasarımi

• Alanlar

  Dijital Ürün Tasarımı, Portföy Geliştirme, Uygulama Tasarımı, Web Tasarımı