Happy Particle Kullanarak WordPress Sitenizi Nasıl Tasarlarsınız?
Yayınlanan: 2021-01-07En son ne zaman bir sitede dakikalarca kaldığınızı ve o sitenin tasarımı sizi etkilemediğini hatırlıyor musunuz? Bildiğimiz zor! Çünkü genellikle bizi cezbetmeyen ve tasarımın yüklenmesi sonsuzluk süren bir siteden çıkıyoruz.
diye bir söz var
İlk izlenim bırakmak için sadece bir şansınız var
Bu nedenle, bir web sitesi sahibi olarak, ziyaretçilerde ilk izlenimi yaratan bir tasarım yapmak ilk ve en önemli önceliğimizdir.
İşte rolünü oynamak için Mutlu Parçacık geliyor. Farklı parçacık efektleri ile tasarımınızı kalabalıklar arasında öne çıkarabilirsiniz. Harika efektler, siteyi ziyaretçi için unutulmaz kılar ve geri gelme olasılıkları daha yüksektir. Bu yüzden çarpıcı web sayfaları yapmak için Mutlu Parçacık Etkilerini denemelisiniz.
Ve Elementor sitenizle Mutlu Parçacıkları kullanmanıza yardımcı olmak için işte bu eğitim kılavuzuyla karşınızdayız. Hadi dalalım!
Happy Addons- Happy Particle'ın Son Özelliğine “Merhaba” Deyin

Mutlu Eklentilerle daha önce karşılaştıysanız, Mutlu Eklentilerin ne kadar hızlı büyüdüğünü zaten biliyorsunuzdur. Büyümesinden bahsettiğimizde, 200K aktif kurulum kilometre taşına çoktan dokunduğunu bilmekten memnun olacaksınız.
Bunun dışında 2021'de daha birçok süper heyecan verici başarıya sahip ve daha fütürist planlarla 2022'ye gidiyoruz. Happy Particle'ın piyasaya sürülmesinin Happy Addons'un tacına daha fazla tüy ekleme planımızın bir parçası olduğunu söyledikten sonra.
Happy Particle'ı, web sitenizde bir wow etkisi yaratacağı için müşterilerinize ve site ziyaretçilerinize ekstra mutluluk getirmesi hedefiyle başlattık.
Başlangıçta, Happy Particle ile tamamen farklı üç efekt elde edeceksiniz. Ve son olarak, bazı parçacıkları karıştırarak yaratıcılığınızla tamamen farklı bir etki yaratabileceksiniz. Ona Özel Parçacık adını verdik.
1. Kar Düşüşü Etkisi

Web sitenizin arka planına görsel olarak rahatlatıcı bazı parçacık efektleri eklemek istiyorsanız, Kar Yağışı efektini kullanabilirsiniz. Parçacık sayısını, parçacıklarınızın boyutunu, Parçacık hareketlerinin hızını ve Parçacık efektinize Hover Efekti ekleme esnekliğini ayarlamanıza olanak tanır.
2. Çokgen Etkisi

Çokgen efekti, web sitenizin arka planında sihir yaratır. Poligon adı, tasarımınızla nasıl performans göstereceğini söylüyor. Tasarımınızı dinamik bir senaryo ile büyüleyici kılmak için tüm noktalar birbirine eklenecektir.
3. NASA Etkisi

Web sitenizin arka planına bazı göz alıcı kayan efektler eklemek istiyorsanız, NASA efektini kullanabilirsiniz. Diğer iki efekt gibi burada da Parçacık sayısını, parçacıklarınızın boyutunu ve Parçacık hareketlerinin hızını ayarlayabilirsiniz.
4. Özel Efekt
Bu üç parçacık efektlerinin dışında bir efektimiz daha var ve o da özel efekt. Kendi yaratıcılığınızla bir parçacık efekti oluşturmak istiyorsanız, bunu özel efekti kullanarak yapabilirsiniz. Parçacığı oluşturduktan sonra JSON dosyasını indirin ve Mutlu Parçacık, işinizi halletmek için bu kodu tasarımınıza eklemenize izin verecektir.
Sitenizi Görsel Olarak Daha Çekici Hale Getirmek İçin Mutlu Parçacık Nasıl Kullanılır?
Bizi çeken siteyi ziyaret etmeyi seviyoruz. Ve günümüzde insanları çekmek biraz zor. Çünkü her gün birçok siteyi ziyaret ediyoruz ve bizi yakalayacak farklı bir şey olmadığı sürece her siteyi unutuyoruz.
Burada, Mutlu Parçacık hile yapar. Duvarları yıkan tasarım öğeleriyle diğer web sitelerine göre fark yaratıyor. Ve Happy Particle'ı kullanmak kolay bir iştir.
Şimdi size Happy Particle kullanarak Elementor sitenizi nasıl tasarlayabileceğinizi göstereyim.
Buradasınız, yani zaten kendi WordPress siteniz var. Çünkü bu parçacığı kullanmak için üç şeye ihtiyacınız var:
- WordPress sitesi
- Elementor (Ücretsiz)
- Mutlu Eklentiler Profesyonel
Elementor & Happy Addons'u başarıyla yüklediğinizden ve etkinleştirdiğinizden emin olun. Şimdi aşağıdaki adımları izleyin.
Adım 01: Yeni Bir Sayfa Oluşturun veya Mevcut Bir Sayfayı Seçin
Mutlu Parçacık efektini uygulamak için yeni bir sayfa oluşturabilir veya mevcut bir sayfayı seçebilirsiniz. Yeni bir sayfa oluşturmak için,
- 'Sayfa' > 'Yeni Ekle'ye gidin

Yeni bir sayfa alacaksınız.
- Bir sayfa adı koyun
- Taslağı kaydedin veya yayınlayın
- Son olarak, “Elementor ile Düzenle” düğmesine basın.

Tasarlamak için yeni bir sayfa alacaksınız.
Adım 02: Sayfayı Tasarlayın
- Tek sütunu seçin

- Elementor düzenleme sayfasının bölüm seçeneğine tıklayın.
- Yüksekliği "Ekrana Sığdır" olarak ayarlayın.
- Uzatma Bölümünü “Evet” olarak çevirin.

- Bir widget eklemek için artı işaretine basın.
- Bir widget'ı düzenleyiciye sürükleyin. Örneğin, burada Başlık widget'ını ekliyoruz.

- Şimdi, stil seçeneklerinden tasarım becerinize göre başlığı düzenleyin.

Adım 03: Çokgen Etkisi Uygulayın
- Elementor düzenleme sayfasının bölüm seçeneğine tekrar tıklayın.
- Stil sekmesine gidin.
- Mutlu Parçacık Arka Planı'nı etkinleştirin. Evet yap.

- Açılır listeden bir stil ( Çokgen ) seçin.
- Parçacığın rengini değiştirebilirsiniz.
- Gelişmiş Ayarlar'ı etkinleştirerek parçacık sayısını, parçacık boyutunu ve hareket hızını da değiştirebilirsiniz.

Adım 04: Kar Yağışı Etkisi Uygulayın
- Bir görüntü widget'ını düzenleyiciye sürükleyin.
- Bir resim yükleyin ve ardından stil sekmelerinden özelleştirin.

- Mutlu Parçacık Efektlerine gidin ve Parçacık Arka Planını Etkinleştir'i Evet'e çevirin.
- Stil sekmesinden Kar'ı seçin.
- Ayrıca bu bölümden parçacık numarasını, boyutunu, rengini, hızını ve diğer şeyleri değiştirebilirsiniz.

Adım 05: NASA Etkisini Uygulayın
- Bir widget'ı (hangisini isterseniz) düzenleyiciye sürükleyin. Burada bir geri sayım widget'ı kullandık.
- Stil bölümünden NASA efektini uygulayın.

işte! NASA efektini tasarımınıza eklediniz.

Adım 06: Özel Parçacık Tasarlayın
Kendi özel parçacıklarınızı tasarlayabilirsiniz. Tek yapmanız gereken Style kısmından Custom seçeneğini seçmek.
- Özel parçacıklar oluşturmak için bu özel efekt oluşturucu sitesini ziyaret edin.

- json dosyasını indirin ve kodu kopyalayın. Şimdi kodu işaretli alana yapıştırın.

Tebrikler! Mutlu Parçacık efektlerini keşfetmeyi tamamladınız ve bu efektlerle bir tasarım oluşturdunuz. Tasarımınızın son haline bir göz atmak ister misiniz?
Peki! Sana göstereyim.

Mutlu Parçacık Tasarımınızı Öne Çıkarsın
Happy Particle'ı kullanmak pasta kadar kolaydır. Mutlu Parçacık efektlerinden bir stil seçin ve onu mevcut veya yeni oluşturduğunuz tasarımlarınıza uygulayın. Kesinlikle tasarımınıza ekstra bir vay yaratacaktır. Ziyaretçileri tekrar gemiye almak için ihtiyacınız olan tek şey bu.
Bu blogu okuduktan sonra hala sitenizi tasarlamakta sorun yaşıyorsanız veya sitenizi şişiriyorsa veya herhangi bir şekilde ayrıntılı belgelerimizi takip edebilirsiniz.
Peki! Şimdi, en çok hangi efekti sevdiğinizi bana bildirin. Veya Ar-Ge ekibimize önermek istediğiniz bir şey var mı? Aşağıdaki yorum kutusu aracılığıyla geri bildiriminizi bize bildirin.
