Görüntü maskesini uygulamak ister misiniz? Elementor ?

Basit bir numara, sayfanızın genel tasarımını belirleyebilir. ile bir sayfa oluştururken Elementorsayfa görsellerinizin öne çıkmasını ve benzersiz olmasını sağlamak için görsel maskesi uygulamak isteyebilirsiniz. Maalesef, Elementor görüntü maskesini bir görüntüye uygulamak için varsayılan stil seçeneği yoktur.

Eğer kullanıyorsanız Elementor Pro ve CSS bilgisine sahipseniz, görüntü maskesini bir görüntüye uygulamak için özel CSS ekleyebilirsiniz. CSS bilginiz yoksa kullanabilirsiniz. Mutlu Eklentiler eklenti eklentisi Elementor'da görüntü maskesi uygulamak için.

Happy Addons, görüntü maskesini uygulama işleviyle birlikte gelen ücretsiz bir Elementor eklentisidir. Bu özelliğin kendisi yalnızca profesyonel sürümde mevcuttur, bu nedenle bu özelliği kullanmak için Happy Addons'un pro sürümünü kullanmanız gerekir.

Bu arada, görüntü maskesi nedir?

Görüntü maskeleme, görüntünün belirli bölümlerini diğer bölümleri vurgulamak için gizleme işlemidir. Bu işlem genellikle Photoshop ve GIMP gibi görüntü düzenleme araçlarında uygulanır.

İşte örnek.

CSS, temel olarak görüntü maskesini uygulama özelliğine sahiptir. Ama yine de, onu kullanmak için CSS becerilerine sahip olmalısınız. okuyabilirsin cet makale Daha fazla bilgi için.

Happy Addons, CSS bilginiz yoksa Elementor'da görüntü maskesi uygulamak için harika bir çözümdür.

Yorum ça marche

Görüntü maskesini uygula özelliği, Görüntü widget'ı ve Görüntü Kutusu widget'ı gibi bir görüntüyü işleyen Elementor widget'larında çalışır. adlı yeni bir seçenek göreceksiniz. görüntü maskesi görüntü seçicinin hemen altında. Otuz dokuz farklı maske şeklinden birini seçebilirsiniz. Bir SVG dosyası yükleyerek özel bir maske şekli de kullanabilirsiniz.

Görüntü Maskesi Nasıl Uygulanır

Başlamadan önce, Happy Addons'un pro sürümünü bilgisayarınıza yüklediğinizden ve etkinleştirdiğinizden emin olun. web sitesi WordPress. üzerine alabilirsin onun resmi web sitesi.

Her şey hazır olduğunda, yeni bir sayfa oluşturun ve orada Elementor ile düzenleyin veya mevcut bir sayfayı da düzenleyebilirsiniz. Düzenleme kutusuna bir görüntü içeren bir pencere aracı (Görüntü pencere aracı gibi) ekleyin.

Happy eklentileri ile Elementor'da resim maskesini uygulayın

Sol panele gidin ve görüntü seçiciyi tıklayın. Resim altında blok içindekiler sekmesini kullanarak kullanmak istediğiniz resmi seçin. Görüntü seçildikten sonra, üzerindeki kurşun kalem simgesine tıklayın. Görüntü Maskesiseçenek g.

Happy eklentileri ile Elementor'da resim maskesini uygulayın

Beğendiğiniz bir maskeleme şekli seçin. Ayrıca maskeleme konumunu ayarlayabilir, boyutu ayarlayabilir ve tekrarlayabilirsiniz. Bir SVG dosyası kullanarak özel bir maskeleme şekli kullanmak istiyorsanız, resim simgesini (Mutlu Eklentiler simgesinin yanında) tıklayabilirsiniz.

Happy eklentileri ile Elementor'da resim maskesini uygulayın

Görüntü maskeleme ayarını bitirdikten sonra şuraya gidebilirsiniz: stil boyutunu ayarlamak ve filtreler uygulamak gibi resminizi özelleştirmek için sekmesine tıklayın. Düzenlemeyi bitirdikten sonra sayfanızı yayınlayın.

Şimdi Elementor Pro'yu Alın !!!

Sonuç

Buraya ! Size nasıl olduğunu gösteren bu makale için bu kadar Elementor'da görüntü maskesi uygula. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa, bize içinde bildirin. Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...