Elementor Web Sitesinde Araç İpucu Nasıl Eklenir

Elementor web sitenize araç ipucu eklemenin bir yolunu mu arıyorsunuz? Durum buysa, doğru sayfaya geldiniz.

Araç ipucu, herhangi bir görüntünün veya belirli bir metnin üzerine gelindiğinde görünen bir metin parçacığını gösteren Ekran İpucu veya Bilgi İpucu olarak da bilinir. Bu araç ipuçları internette veya masaüstünüzde alternatif metin, etiketler veya başlık metni olarak her yerdedir.

İnterneti her açtığınızda herhangi bir resim, simge veya başlık görebilirsiniz; fare imlecinizi bu alanların üzerine getirirseniz, araç ipucu olan bir metin etiketi görürsünüz.

Aynı şekilde araç ipucu özelliğini kullanarak aynı şeyi web sitenizde de yapabilirsiniz.

Bu makalede, Elementor ve PowerPack Eklentilerini kullanarak bir araç ipucu ekleme ve görünümünü özelleştirme konusunda size rehberlik edeceğiz.

O halde lafı fazla uzatmadan devam edelim.

Araç İpucu nedir?

Araç ipucu, temelde bir kullanıcının internet tarayıcılarını, uygulamalarını, masaüstü ekranlarını vb. kullanırken karşılaştığı küçük bir UI öğesidir.

Araç ipucunu kendi adıyla anlamaya çalışalım.

Bakın, adından da anlaşılacağı gibi, bir araç ki ipuçları verir bir tetikleyici olduğunda kullanıcılara bir öğe veya alan hakkında. Bu tetikleyici, kodlanırken yapılandırıldığı gibi üzerine gelinebilir veya tıklanabilir.

Bu araç ipuçları, kısa bir açıklama veya söz konusu öğeyi, alanı veya aracı belirten bir başlık içeren küçük metin kutularıdır. Örneğin, masaüstü ekranınıza bakın ve araç çubuğundaki veya Windows başlat menüsündeki simgelere bakın.

Gördüğünüz gibi, ' Windows başlat menüsündeki ' uygulama, o uygulama hakkında bilgi gösteren küçük bir metin kutusu görüntüler. Şimdi, sisteminizde veya web sitenizde herhangi bir yerde bulabileceğiniz bir araç ipucu böyle görünüyor.

Bu araç ipuçlarının web sitenizin her yerinde görüntülenmesini istiyorsanız, bunları eklemeniz gerekir.

Araç İpuçları Web Sitelerinizdeki Kullanıcı Deneyimini Nasıl İyileştirir?

Bu araç ipuçlarının web sitenizdeki kullanıcı deneyimini iyileştirmenize nasıl yardımcı olabileceğini görelim.

Araç ipuçları, web sitenizdeki aşağıdaki gibi alanlara eklenebilir:

• Görüntüler, simgeler vb. gibi tıklanabilir öğeler.
• Başlıklar, metinlerin veya tıklanabilir bağlantıların üzerine gelir.
• Görüntü etkin noktası.
• E-ticaret ürünleri (Bir WooCommerce web sitesi işletiyorsanız.)

Tamam, bir düşünün, bu ipuçlarını web sitenizin tüm bu alanlarında kullanırsanız, web sitenizi gezen tüm kullanıcılar için ne kadar kolay ve yararlı olacaktır.

Evet, tüketiciler bunu uygun bulacaklardır ve bunun nedeni, bu araç ipuçlarının, web sitenizin neresine yerleştirilirse yerleştirilsin ilgili metinlerin göstergelerini sunarak kullanıcılara yardımcı olmasıdır ve bu, onların kullanıcı deneyimini iyileştirecektir.

PowerPack kullanarak Elementor'da Araç İpuçları Nasıl Eklenir?

Bir ipucu yardımıyla, daha iyi bir kullanıcı deneyimi için önemli bir mesajı metin yoluyla kullanıcılarınıza gösterebilirsiniz.

Web sitenize bir araç ipucu eklemek için Elementor ve PowerPack Eklentilerini yüklemeniz ve etkinleştirmeniz gerekir.

Elementor için PowerPack Eklentileri, 80'den fazla kullanışlı ve yaratıcı widget'a, 300'den fazla önceden tasarlanmış şablona ve web sitenizin genel görünümünü ve hissini geliştirmek için kullanışlı uzantılara sahiptir. Bu uzantılardan biri, web sitenizde araç ipucu metinlerini görüntülemek için kullanabileceğiniz bir Araç İpucudur.

Öyleyse, Elementor ve PowerPack kullanarak web sitenize nasıl araç ipucu ekleyebileceğinizi görelim.

Araç İpucu Uzantısını Etkinleştir

Web sitenize bir araç ipucu eklemek için önce araç ipucu uzantısını etkinleştirin.

Ardından, WordPress Kontrol Panelinize gidin, Elementor'a gidin ve PowerPack'e tıklayın.

Ardından, Uzantılar bölümüne gidin ve Araç İpuçları özelliğini etkinleştirin.

Tamamlandığında, Değişiklikleri Kaydet düğmesine basın.

Elementor'da Araç İpucu Özelliğini Etkinleştirin

Elementor web sitenizdeki herhangi bir belirli widget'a/bölüme Araç İpucu eklemek için sayfanızı Elementor düzenleyicide açın. Araç ipucunu görüntülemek istediğiniz öğeyi seçin, ardından Gelişmiş Sekmesi > PowerPack'e gidin; şimdi 'Araç ipucu ' özelliğini etkinleştirin.

Son olarak, araç ipucu özelliği, web sitenizin sayfanızda görüntülenmesi için başarıyla etkinleştirildi.

Araç İpucu Özelliğini Özelleştirin

Araç ipucu özelliğini etkinleştirdiğinize göre, çekici bir araç ipucu metni görüntülemek için özelleştirebileceğiniz özelliklerine bakalım.

Araç ipucu özelliğini etkinleştirdiğinizde, genel görünümünü geliştirmek için kullanabileceğiniz tüm özelleştirme seçenekleri görünecektir.

Bakalım bu özellikle hangi araç ipucu ayarlarına sahip olacaksınız:

• Araç İpucu İçeriği: Araç ipucunda görüntülemek istediğiniz içeriği ekleyin.
• Hedef: Bu seçeneği kullanarak hedefi geçerli bir öğe veya özel bir seçici olarak seçebilirsiniz.
• Tetik: Fareyle üzerine gelme veya tıklama gibi mevcut seçeneklerden istediğiniz tetiği seçin.
• Araç İpucu Konumu: Araç ipucu konumunu üst , alt , sol veya sağ olarak seçin.
• Ok Göster: Bir ok gösterilip gösterilmeyeceğine ilişkin bir seçenek belirleyin.
• Animasyon: Bu özelliği kullanarak, soldurma , düşme , büyütme , kaydırma veya sallama gibi mevcut seçeneklerden araç ipucuna animasyon uygulayabilirsiniz.
• Mesafe: Bu seçenek, etkin nokta ile araç ipucu arasındaki mesafeyi ayarlayabilir.
• Z-Index: Bu seçenek ile araç ipucu için Z-index değerini ayarlayabilirsiniz.

Artık tüm araç ipucu ayarlarını özelleştirdiğinize göre bir sonraki adıma geçelim.

Araç ipucu özelliği için kullanılabilen tüm stil seçeneklerini görelim:

• Arka Plan Rengi: Bu seçeneği kullanarak araç ipucunun arka plan rengini özelleştirin.
• Metin Rengi: Bu özellik, araç ipucu metin rengini özelleştirmek için kullanılabilir.
• Tipografi: Araç ipucu tipografi metni bu seçenek kullanılarak özelleştirilebilir.
• Kutu Gölgesi: Görünümünü geliştirmek için bu seçenekle kutu gölgesi özelliğini etkinleştirebilirsiniz.
• Kenarlık Türü: Araç ipucuna kenarlık eklemek isterseniz bu seçeneği kullanabilirsiniz. Düz , noktalı , kesikli , çift ve oluk gibi mevcut seçeneklerden bir kenarlık türü seçin .
• Sınır Yarıçapı: Araç ipucuna bir kenarlık uyguladıysanız, bu seçeneği kullanarak yarıçapını ayarlayabilirsiniz.
• Doldurma: Araç ipucu için dolguyu ayarlayabilirsiniz; bu, araç ipucu metni ile kenarlık arasında boşluk bırakılmasına izin verecektir.
• Genişlik: Bu seçenekle araç ipucu genişliğini de ayarlayabilirsiniz.

Tüm bu özellikleri özelleştirdikten sonra, az önce oluşturduğumuz araç ipucu aşağıdaki gibi görünecektir.

Tamamlanıyor!

Tartıştığımız gibi, PowerPack Eklentilerini kullanarak bir Elementor web sitesine araç ipucu ekleme sürecinin tamamı. Ancak bu, kodlama yoluyla da yapılabilir; profesyonel bir kodlayıcı iseniz.

Bu öğreticinin Elementor web sitenize bir araç ipucu eklemenize yardımcı olduğunu umuyoruz. Elementor web sitenizde harika Araç İpuçları ve diğer birçok bölüm oluşturmak üzere PowerPack Elementor Eklentileri almak için burayı tıklayın.

Elementor sayfanızı tasarlıyor ve özel yazı tipleri eklemenin yollarını arıyorsanız, Elementor Web Sitelerine Özel Yazı Tipleri Nasıl Eklenir makalesi size yol gösterecektir.

Herhangi bir sorunla karşılaştıysanız, lütfen sorularınızı yorum bölümüne bırakmaktan çekinmeyin.

Twitter, Facebook ve YouTube'da bize katılın.