Bir metne nasıl resim ekleneceğini öğrenmeniz gerekiyor Elementor ?
Elementor herkesin gelişmiş CSS becerilerine sahip olmasına gerek kalmadan web tasarımcısı olmasını mümkün kıldı. Görsel düzenleyicisi, tek bir CSS kodu satırı yazmadan güzel bir web sayfası oluşturmanıza olanak tanır. İstediğiniz tasarım öğelerini (widget'ları) ekleyebilir ve ayarlar panelinde özelleştirebilirsiniz.
Yine de, bazı CSS becerilerine sahip olmak, kullanmak için harika bir bonus olacaktır.Elementor. İşlevi kullanarak web sayfanıza benzersiz stiller uygulayabileceksiniz. Özel CSS d 'Elementor. Bu makalede, Elementor'un özel CSS özelliğini kullanarak Elementor'da metne nasıl resim ekleyeceğinizi göstereceğiz.
bazılarında araçları GIMP ve Photoshop gibi tasarımlarda, metne bir görüntü eklemek için genellikle bir katman işaretçisi eklemeniz gerekir. Elementor'da, Elementor Başlık widget'ının ve Metin widget'ının arka plan olarak görüntü eklemek için herhangi bir ayar seçeneğine sahip olmadığı CSS kodunu ekleyerek de aynısını yapabilirsiniz.
Elementor metnine resim ekleme
Başlamadan önce, özel CSS işlevselliği yalnızca Elementor Pro'da mevcut olduğundan, Elementor sürümünüzü pro sürüme yükselttiğinizden emin olun. Hazır olduğunuzda yeni bir sayfa veya şablon oluşturun ve Elementor ile düzenleyin. Elbette mevcut bir sayfayı veya şablonu da düzenleyebilirsiniz.
Ayrıca bakınız: Elementor: İçindekiler nasıl eklenir
Başlık widget'ını düzenleme kutusuna ekleyin.
Sekmenin altındaki varsayılan metni değiştirmek için ayarlar paneline gidin içindekiler.
Ayrıca şu kılavuzumuzu okuyun: Elementor: Renk seçici nasıl kullanılır
Sekmeye git stil metni kişiselleştirmek için İçindeki kalem simgesine tıklayarak metin boyutunu, yazı tipi stilini vb. ayarlayabilirsiniz. Tipografi seçeneği bloğun altında Başlık. Metniniz için arka plan olarak bir resim kullanmak istediğiniz için metin rengini ayarlamanıza gerek yoktur.
Ardından sekmeye gidin gelişmiş ve bloğu aç görenek CSS ve aşağıdaki CSS kodunu yapıştırın. Resim URL'sini kendi resim URL'nizle değiştirin.
selector .elementor-heading-title
{
background: url("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") green repeat 30% 70% ;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}İşte örnek.
Elementor Pro'yu Hemen Alın!
Sonuç
Burada ! Elementor'da metne nasıl resim ekleneceğini gösteren bu makale bu kadar.. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize 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ş.
...
