Elementor ile nasıl gradyan başlığı oluşturulacağını öğrenmek ister misiniz?
Bir web sayfası veya şablon oluştururken Elementoroluşturduğunuz sayfanın öne çıkmasını sağlamak için başlık öğesiyle küçük bir deneme yapabilirsiniz. Deneyebileceğiniz deneylerden biri, başlık öğesine bir degrade efekti eklemektir.
Bu makale size oraya nasıl gidileceğini gösterecektir.
Ayrıca şunları da okuyabilirsiniz: Elementor'da iki renkli bir başlık nasıl oluşturulur
Elementor'un yerel Başlık bloğu, degrade efekti ayarlamak için herhangi bir seçenek sunmaz. Başlık metni için yalnızca düz renk kullanabilirsiniz. Ancak, yalnızca Elementor pro'da bulunan özel CSS'yi kullanarak Elementor'daki başlık öğesine degrade efekti eklemek için özel CSS ekleyebilirsiniz.
Bunu yapmak için size iki yöntem sunacağız: Pro sürümünüz varsa ve CSS konusunda rahatsanız, ilk yöntemi kullanın. Ama kullanmayı seviyorsan WordPress eklentileri ikinci yöntem mükemmel olacaktır.
Yöntem 1: Özel CSS ile başlık öğesine degrade efekti ekleyin
Elementor'unuzu profesyonel sürüme yükselttiğinizi varsayarak, yeni bir sayfa/şablon oluşturun ve Elementor ile düzenleyin. Ayrıca mevcut bir sayfayı veya şablonu düzenleyebilirsiniz.
Başlık öğesini sürükleyip bırakarak tuval alanına Başlık pencere öğesini ekleyin.
blokta Başlık sekmenin altında içerik, seçenekte bir başlık seviyesi seçin HTML etiketi. Herhangi bir düzeyde başlık kullanabilirsiniz. Buna bir CSS seçici olarak ihtiyacınız olacak.
Sekmeye git gelişmiş ve bloğu aç Özel CSS ve aşağıdaki CSS kodunu yapıştırın.
seçici h2 {arka plan görüntüsü: doğrusal gradyan (sağa doğru, # 463f64, # 463f64, # e2285c, # e2285c); -webkit-arka plan-klip: metin; ekran: satır içi blok; dolgu: 14 piksel; -webkit-metin-dolgu rengi: # 00000000; }
Seçiciyi önceki adımda seçtiğiniz başlığın düzeyiyle eşleştirdiğinizden emin olun.
Beğendiğiniz renklerin onaltılık kodunu özellik üzerine yapıştırarak renkleri değiştirebilirsiniz. arka plan görüntüsü.
Veya degradede daha fazla renk içeren bir degrade başlığı oluşturmak için aşağıdaki kodu da kullanabilirsiniz.
seçici .elementor-heading-title {arka plan: doğrusal gradyan (90 derece, kırmızı, mavi, siyah); -webkit-arka plan-klip: metin; -webkit-metin-dolgu rengi: şeffaf; }
Yöntem 2: Eklenti ile Elementor'da bir degrade başlığı oluşturun
CSS eklemek size korkutucu geliyorsa, Elementor'da bir geçiş başlığı oluşturmanın daha kolay bir yolu var: bir eklenti uzantısı yükleyerek. Degrade başlığı oluşturmanıza izin veren bir uzantı Mutlu Eklentiler.
keşfedin WordPress'e bir eklenti nasıl kurulur (eklenir)
Happy Addons, ücretsiz bir eklentidir ve bir degrade başlığı (Gradient Heading olarak adlandırılır) oluşturma öğesi ücretsiz sürümde mevcuttur. Degradenin türünü (radyal veya doğrusal), degradenin konumunu ve konumu tanımlayabilirsiniz.
Başlık öğesi ayrıca Happy Addons ile aynı gradyan ayarlama seçeneklerini sunar.
Burada! Elementor'da az önce bir degrade başlığı oluşturdunuz.
Ayrıca bazı premium WordPress eklentilerini keşfedin
diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.
Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.
1. 404 Hata Sayfası Ana Sayfaya veya Özel Sayfaya Yönlendirme
Bunu etkinleştirdikten sonra ziyaretçiyi ana sayfaya veya özel sayfaya yönlendirecek bir 404 hata sayfasını kolayca eklemenin en iyi yollarından biri burada. WordPress Plugin.
404 hata sayfasının tümü ana sayfaya veya özel bir URL'ye yönlendirilecektir. Bunu kullanarak WordPress Plugin, çok sayıda 404 hata sayfası varsa, Google'ın web sitenizin pagerank'ını düşürmesine izin vermiş olursunuz.
Çok keşfetmek WordPress'te 413 hatası nasıl düzeltilir
Ce WordPress Plugin sadece yönlendirme yapmakla kalmaz, aynı zamanda web sitenizin arama motoru sonuçlarındaki sıralamasını iyileştirmek için de uygun bir çözüm olabilir.
Indir | gösteri | Web hosting
2. ATKI
WOOF, çevrimiçi mağaza kullanıcılarınızın kategorilere, özel ürün özelliklerine göre arama yapmasına izin vermek için işlevselliğini genişleten güçlü bir premium WooCommerce ürün filtreleme eklentisidir. Kelimeler ve kişiselleştirilmiş fiyatlarla.
Tonlarca profesyonel ve premium özelliğe sahiptir ve hiç şüphesiz hepsini denerseniz size en çok dikkat çeken özellik olacaktır. Geliştirecek ürün arama olağanüstü kullanım kolaylığı ile çevrimiçi mağazanızda.
Indir | gösteri | Web hosting
3. İletişim Formu 7 Başarı Yönlendirme
İletişim Formu 7 Başarı Yönlendirme, kişiyi gönderdikten sonra bir ziyaretçiyi veya kullanıcıyı bir sayfaya yönlendirmenize olanak sağlayan WordPress İletişim Formu 7 eklentisinin bir uzantısıdır.
Form gönderme işlemi, yönetici tarafından seçilen sayfaya yönlendirmeyle sonuçlandığında formu daha kullanıcı dostu hale getirmek için tasarlanmıştır. Yapılandırması son derece kolaydır. Bunu, gösterge tablonuzun mevcut sayfalarından bir sayfa seçerek veya bir Özel URL yönlendirme.
Bizim keşfedin Blogunuzun SEO’sunu geliştirmek için 8 WordPress eklentileri
Her formun kendi yapılandırması olacaktır. Böylece, her başarılı yönlendirme benzersiz bir şekilde tanımlanabilir.
Indir | gösteri | Web hosting
Önerilen Kaynaklar
Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.
- Görüşler: Ziyaretçilerinizin güvenini nasıl artırabilirsiniz?
- Anında güncellenmeyen bir web sitesi nasıl düzeltilir?
- 7 WordPress, bir Google Haritalar'ı web sitenize yerleştirmek için eklentileri
- 10 WooCommerce eklentileri dinamik fiyatlandırma oluşturmak
Sonuç
Yani ! Bu makale için bu kadar. Artık WordPress'te nasıl bozulmuş bir başlık oluşturacağınızı bileceksiniz. Elementor eklentisi. bize bırakın Yorumlar ve bunu yaparken herhangi bir zorluk yaşarsanız yorumlar.
Ancak, ayrıca kaynaklarımız, İnternet sitesi oluşturma projelerinizi gerçekleştirmek için daha fazla öğeye ihtiyacınız varsa, WordPress blog oluşturma.
Çekinme En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşın.
...
