WordPress sitenize süper havalı animasyon eklemek
Animasyon harika. Oyunlaştırmada, sayfa geçişlerinde ve aynı zamanda en son navigasyon tasarım trendlerinde oynarken gördük. Animasyonun en iyi kısmı? Web tasarımında çok sık görmüyorsunuz, bu da kesinlikle WordPress sitenize rekabette mükemmellik verecek. Bu çekici tasarım trendinin o kadar sık olmasının nedenlerinden bazıları, birçok WordPress kullanıcısının uygulanmaya yardımcı olmak için kaç araç bulunduğunun farkında olmadığı için sık sık değil. Bir CSS, JavaScript kodu ve JQuery’nin kendi animasyon efekti nasıl oluşturulacağını öğrenebilmenize rağmen, neden WordPress’e yardım etmesini istemiyorsunuz?
Web sitenize hoş bir animasyon dokunuşu eklemenize yardımcı olmak için bekleyen bir dizi yüksek kaliteli WordPress eklentisi vardır. Animasyon efektleri eklemek için ücretsiz WordPress eklentileri Filmlerin ve dijital teknolojinin ortaya çıkmasından önce animasyon mevcutken (Flip Books gibi eski okul animasyonlarını düşünmek), komik yüzlerden mizah aşaması en yüksek ödülü aldı çünkü ilk animasyon filmi oldu: [YouTube https://www.youtube. com/watch? v = 7m5so1wfnzo] daha önce söylediğim gibi: animasyon harika. 1906’dan beri bile, animasyonlu tahta görüntüleri hala bizi seyirci olarak büyülemenin bir yolunu buluyor.
Yine de, animasyonun ilk günlerinden beri uzun bir yolculuk yaptık. Ve bir web sitesini daha hızlı ve daha kolay hale getirme sürecini yapan WordPress ile, şimdi hikayelerin ve mükemmel kullanıcı deneyimlerinin yürütülmesi ile kendimizi daha yaratıcı bir şekilde adamak için daha fazla zamanımız var. Aşağıdaki 13 ücretsiz WordPress eklentisi çeşitli animasyon efektleri içerir. Tipografinizi canlandıracak, navigasyonunuzu oynayacak veya sitenizdeki diğer beklenmedik alanlarda hareketler yapacaksanız, kontrol etmelisiniz.
Görüntüler, simgeler ve metin blokları içeren web siteleri için, Amazing Hover Effects eklentisi bu tasarım öğesi için birçok animasyon seçeneği sunar. Bu eklentiye, birisi imleci her animasyon öğesine yönlendirdiğinde tetiklenen 75’den fazla animasyon türü dahildir. Ayrıca, yazı tipleri, renkler, bağlantılar ve daha fazlası dahil olmak üzere animasyonlu öğelerdeki diğer her şeyi ayarlayabilirsiniz.
Detaylar
Animasyon! Eklenti
Hayvan BT geliştiricisi! Anize.css stilini alın ve kullanımı kolay eklentiye dönüştürün. Bu listede bulacağınız diğer birçok ücretsiz animasyon eklentisinin aksine, Animal It! Animasyona daha esnek bir yaklaşım sunar. Bu, kaydırma veya tipografi veya sayfa geçişini canlandırmak için hangi eklenti kullanmak istediğinizi seçmeniz gerekmediği anlamına gelir. Bu oldukça katı bir karışım içerir. Onu antize etmekle ilgileniyor! Eklenti? Detaylar
Animasyonlu başlık eklentisi
Web sitenizdeki manşetler biraz daha pop vermek ister misiniz? Animasyonlu başlık eklentisi, başlık metninizi çevirme, yazma, çığlık atma ve kaydırma gibi şeyler yapmanıza izin veren on farklı animasyon efekt içerir. Tek ihtiyacınız olan basit bir kısa kodun nasıl uygulanacağını bilmek. Animasyonlu başlık eklentisiyle ilgileniyor musunuz? Detaylar
Sosyal medya uçan Ikon eklentisi
Sosyal medya simgesi çok iyi çünkü 1) sitenize biraz hareket dokunuşu ekliyorlar ve 2) sosyal medya simgeniz ziyaretçilerinizin önünde (rahatsız etmeden) kalıyor. Bu eklenti ile karmaşık animasyonlar yapma konusunda endişelenmenize gerek yok. Zaten pürüzsüz bir yüzer hareketle yerleşik. Sosyal medya uçan Ikon eklentisiyle ilgileniyor musunuz?
Detaylar Eklenti efektleri görüntü
Yukarıdaki #1’den imleci tarafından tetiklenen animasyonlu bir fan iseniz, karar vermeden önce bunu görmenizi öneririm. Image Hover efekt eklentileri 40’tan fazla farklı animasyon efektini içerir ve iki farklı stille (daireler veya kareler) gelir. Animasyon için hedef öğeler açısından benzer olsa da, bu stil, sitenizin stiline göre daha fazla olabilecek biraz daha fazla düğmedir. İndirmeden önce her ikisini de kontrol etmenizi öneririm.
Görüntü Hover efektleri eklentisiyle ilgileniyor musunuz? Detaylar
Meta Vites Eklentisi
Kaydırıcının kötü olmadığını kabul eden ve bir adım önde onlara saygı duymak isteyenler için, kaydırıcı meta eklentisini deneyin. Bu eklenti sadece dört farklı sürgülü widget’a sahip olmakla kalmaz, aynı zamanda bir dizi geçiş efektiyle de donatılmıştır, böylece burada içeriğinizi veya slayt güvertenizi canlandırmak için birçok seçenek vardır. Meta kaydırıcı eklentisiyle ilgileniyor mu? Detaylar
Animasyon ve sayfa geçiş eklentisi Web sitenize daha açık olan animasyon arıyorsanız, sayfa geçişinize animasyon efektleri uygulamayı düşünebilirsiniz. Eklenti sayfası animasyonları ve geçişleri ile dokuz farklı hareket arasından seçim yapabilir ve ayrıca animasyon süresini ayarlayabilirsiniz.
Animasyon ve sayfa geçiş eklentileriyle ilgileniyor musunuz?
Detaylar Sayfayı eklenti kimliğine kaydırın
Bu, animasyonlu efektler açısından biraz aşırı olsa da, yine de bu, web sitenizde kullanabileceğiniz bir animasyon türüdür. Çok çarpıcı bir şey yapmaya çalışmazsanız ve diğer animasyon türlerinin marka stiliniz veya siteniz için çalışmadığını tespit ederse, belki de sayfa kaydırma sayfası gibi basit bir şey ihtiyacınız olan şeydir. Eklenti kimliğine sayfa kaydırma ile ilgileniyor musunuz?
Detaylar
Paralax Scroll eklentileri
Paralaks kaydırma eklentisiyle ilgileniyor musunuz?
Detaylar Acele eklentisi
WordPress sitenizdeki statik tasarım öğesinin eğlenebilen tek kişi olduğunu kim söylüyor? Ziyaretçilerinize gelmek için özel bir mesaj ve müdahale niyeti göndermek için bir açılır pencere veya slayt kullanmayı planlıyorsanız, Hustle’ı (şimdi WordPress dizininde ücretsiz) kontrol ettiğinizden emin olun. Bu eklenti, POP-Over mesajınıza dikkat edilmesi gereken ekstra hareketler verecektir. Hustle eklentisiyle ilgileniyor mu? Detaylar
Duyarlı Menü Eklentisi
Her web sitesi için önemli bir duyarlı menüye sahiptir. Ziyaretçilerinizin sitenizi hangi cihazlardan bulacağını asla bilemezsiniz. Bir duyarlı ve ince hareketlerle donatılmış olması daha da iyidir. Bu duyarlı menü eklentisi, yalnızca menünüzün nasıl değiştirilmesini veya kaldırılmasını istediğini seçmenize izin vermekle kalmaz, aynı zamanda dönen düğme gibi diğer animasyon efektleri, Hakem tarafından tetiklenen renk değişiklikleri ve soluktan seçim yapabilirsiniz. Duyarlı bir menü eklentisiyle ilgileniyor musunuz?
Detaylar
Yazma efekti eklentisi Typed.js komut dosyalarını temel olarak kullanan bu eklenti geliştiricisi, JavaScript kullanarak rahatsız edici olmayabilecek WordPress kullanıcılarına web sitelerinde küçük bir metne yazma efektleri uygulama yeteneğini verdi. Bu eklentiyi içerikle dolu bir içerik için kullanmak istemeseniz de, bazı ek poplar için belirli metin dizeleri vermek istiyorsanız, kullanılması olağanüstü bir araç olacaktır. Efekt eklentileri yazmakla ilgileniyor musunuz?
Detaylar
Uppev eklentisi
Blog yayınını okuduktan sonra ziyaretçileri dahil etmeye çalışırken en sevdiğim araçlardan biri ilgili yayın eklentisidir. Onları orijinal yazı ile ilişkilendirebilirseniz, onlara, aramaları gerekmeyen alakalı bir yazı vererek dikkatlerini çekebilirsiniz. UPPREV eklentileri, ilgili yayınlar (veya yalnızca bir gönderi veya sayfa dizisi) kavramını alır ve buna animasyonlu efektler ekleyin. UpPrav eklentisiyle ilgileniyor musunuz? Detaylar
Gördüğünüz gibi sarma, WordPress için animasyon her zaman tam bir animasyon deneyimi üretmek zorunda değildir. Bazen web sitenizin daha küçük kısmına küçük bir hareket eklemek, ziyaretçilerinizin onları içeriğinize dahil etmeleri için gereken tek şeydir. Ancak, sitenizin tamamen animasyonlu ve dinamik manzaradan yararlanacağını düşünüyorsanız, JavaScript kütüphanesine bakmanızı öneririm. Bunların çoğu, animasyon efektlerinizle oynamak için daha fazla esneklik ve alan sağlayarak daha fazla seçenek sunar.
Size: Web sitesinin dışından ilham alan bir tür animasyon efekti var mı? Kendi web sitenize uygulayabilir misiniz? Etiket:
animasyon
Eklenti
