Güncellenmiş!WordPress’te araç ipuçları nasıl eklenir (kolay yol)
Formunuza araç ipuçları eklemek ister misiniz? Araç ipuçları, imleci WordPress sitenizdeki bir alana yönlendirdiğinizde görünen küçük kutulardır ve pek çok şeyi izlemeden alanlar hakkında ek bilgi eklemek çok iyidir. Bu yazıda, WordPress’e nasıl araç ipucu ekleyeceğinizi göstereceğiz. WordPress’te araç ipucu nedir? Araç ipuçları, ziyaretçileriniz WordPress sitenizdeki imleci veya dokunma (mobil cihazlarda) öğelerini yönlendirdiğinde ipuçları, sözlük terimi veya mesajlardır. WordPress formunuzda, araç ipuçları belirli alanlar hakkında ek bilgi eklemek için kullanılabilir.
Örneğin, aşağıdaki ekran görüntülerine bakın.
WPForms, en iyi WordPress form üreticisi eklentisidir. Ücretsiz Al!
Formunuzda gereksiz rahatsızlıklar elde etmeden belirli alanlar hakkında daha fazla ayrıntı vermek istiyorsanız, araç ipucu ekleyin.
Şimdi araç ipucu ne olduğunu bildikten sonra, sitenize nasıl ekleyeceğinizi öğrenmek için okumaya devam edin. WordPress Toolptip’i eklenti olmadan yükleme, WordPress Toolptip’i eklentiler olmadan yükleyebilirsiniz. Ancak, WordPress sitenize araç ipucu eklentisini kolayca eklemek için araç ipucu eklentisini kullanmak istemiyorsanız, gelişmiş bir kullanıcı olmanız ve HTML veya JQuery kullanmanız gerekir (veya sizin için yapmak için bir geliştirici kiralamanız gerekir). Neyse ki, araç ipucu eklentisini kullanarak zaman ve para tasarrufu sağlayabilirsiniz. WPForms kullanıcıları için, ücretsiz Ultimate Ultimate Shortcode eklentisini öneririz. Ultimate SShortCodes, en popüler ve en iyi WordPress temalarıyla kullanımı ve çok iyi çalışması kolaydır. Bu çok yararlı ve ücretsiz WordPress eklentisi, araç ipucu kısa kodu da dahil olmak üzere, sitenize kolayca çeşitli işlevler eklemek için kullanılacak 50’den fazla kısa kod verecektir. Ardından, bu WordPress Araç Tipleri eklentisini nasıl ekleyeceğinizi göstereceğiz. WordPress’e Araç İpucu Nasıl Eklenir WordPress’e araç ipucu nasıl ekleneceğine dair Step -by -by -adım yönergelerine bakalım: Adım 1. Bir WordPress oluşturun, yapmanız gereken ilk şey sitenize WPForms yüklemek ve etkinleştirmektir. Yardıma ihtiyacınız varsa, WordPress eklentilerinin nasıl yükleneceğine dair bu kılavuza bakın.
Ardından, WordPress’te basit bir form oluşturmalısınız.
Formunuzu yapmak için iyi iş. Bir sonraki adımda oraya döneceğiz. Adım 2. Sonraki Ultimate Shortsodes eklentisini yükleyin, WordPress’i açmak için buraya tıklayın ve Ücretsiz Ultimate Shortsdes eklentisini indirin. Veya zaten WordPress kontrol panelindeyseniz, eklentileri tıklayın »Yeni Ekle, Ultimate Short kodları bulun ve şimdi yükleyin. Eklenti etkinleştirildikten sonra kullanmaya hazırsınız. Adım 3: Araç İpucu Kısa Kodunuzu Al, WordPress Gösterge Tablonuzun Sol tarafındaki Ultimate Shortcode eklentisini bulun ve mevcut kısa kodu tıklayın. Sayfayı aşağı kaydırın ve Araç İpucu düğmesini seçin. Bir sonraki sayfada, kısa kodu vurgulayın ve kopyalayın: Adım 4: Araç ipucunuzu formunuza ekleyin, bir araç ipucu kısa kodunuz olduğunda, basit iletişim formunuza ekleme zamanı. WPForms »tüm formları tıklayarak formunuza dönün ve ardından araç ipucunuzu eklemek istediğiniz formun altındaki düzenle’yi seçin. Formda bulunduktan sonra, araç ipucunuzu eklemek istediğiniz alanı tıklayın ve kısa kodunuzu açıklama kutusuna yapıştırın. Formunuzu kaydettikten ve ön uçtan gördükten sonra, şimdi araç ipucunu görüntüleyecek: Adım 5: Araç ipucunuzu ayarlayın Kodu kendi metninizi görüntülemek için de değiştirebilirsiniz. Aşağıda kalınlaşmış değişikliklerle bir örnek: [su_tooltip konumu = “üst” shadow = “no” rounded = “no” boyut = “varsayılan” başlık = “” content = “kullanıcı imleci üste yönlendirdikten sonra! “Davranış =” hover “close =” no “class =” “] Bu her zaman görüntülenecek ve yönlendirildiğinde araç ipucu içeriğini görüntüleyecek metindir! [/su_tooltip]
Ayrıca, kısa kod sayfasının altına kayarak bulabileceğiniz araç ipucu ayarlarınızda birçok farklı seçeneği de değiştirebilirsiniz »Mevcut kısa kodlar: Force + Color gibi
Durum BoyutDavranış
Ve daha fazlası
Bir sonraki adım isteğe bağlıdır, ancak araç ipucunuzun daha ayarlanmış görünmesini ve formunuzu daha temiz ve parazitten uzak tutmasını sağlayacaktır. Adım 5: Araç ipucunuzu bir simgeye değiştirin, insanları imleci araç ipucunuza yönlendirmeye ve araç ipucu kısa kodunuzda yönlendirmeye davet etmedikçe, ziyaretçileriniz araç ipucunda görüntülenmeyi bekleyen ek içerik olduğunu fark etmeyebilir! Okuyucunun imleci araç ipucuna yönlendirdiğinden emin olmanın iyi bir yolu, araç ipucunu yalnızca metin kullanmakla kalmayıp bir simge olarak yapmaktır.
Örneğin, birçok kişi “I” bilgi simgesini ekler ve daha sonra kullanıcı imleci simgeye yönlendirdiğinde, araç ipucu görüntülenir. Bu ne kadar tatlı?
Bunu yapmak için önce, ücretsiz daha iyi yazı tipi harika eklentisini indirin ve etkinleştirin. Doğrudan bu gönderiye giderseniz, ihtiyacınız varsa bir WordPress eklentisinin nasıl yükleneceğine bir bağlantı.
Eklenti etkinleştirildikten sonra, WordPress sitenizde herhangi bir yerde basit bir kısa kodla kullanabileceğiniz 1.000’den fazla ücretsiz simgeye erişebilirsiniz. Şimdi, araç ipucumuza devam edelim ve kısa bir bilgi simgesi simgesi ekleyelim.
Başka bir eklenti kısa koduna bir eklentinin kısa bir kodunu yerleştireceğiz. Ama endişelenme, ikisi de hala işe yarayacak! Alan alanınızın araç ipucunuzu içeren açıklama kutusuna geri dönün ve kısa kod araç ipucunuzda görüntülenen metni bu kısa kodla değiştirin: [ICON = “bilgi” adı] Yukarıdaki kısa kodla değiştirmeniz gereken metin alanı aşağıda vurgulanmıştır. Bu: Ikon kısa kodunu ekledikten sonra kod ekranı: Veya aşağıdaki kısa kodu açıklama kutunuza kopyalayıp ekleyip isteklerinize değiştirmeniz yeterlidir. [su_tooltip konumu = “üst” gölge = “no” rounded = “no” boyut = “varsayılan” başlık = “” content = “araç ipucu metni” davranışı = “hover” close = “no” class = “” = “bilgi” ] [/su_tooltip] Ardından, formunuzu kaydedin ve araç ipucu simgenizi görmek için ön cepheyi kontrol edin.
İyi iş! Şimdi, daha gelişmiş olmak ve araç ipucu simgesini etiketin yanındaki alanın üzerine yerleştirmek istiyorsanız, WordPress formuna nasıl simgeler ekleyeceğiniz konusunda derinlemesine öğreticimize bakın. Son akıl o! Artık WordPress’e nasıl araç ipucu ekleyeceğinizi biliyorsunuz. Form düğmenizin görünümünü değiştirmek istiyorsanız, düğme stilini CSS ile nasıl ayarlayacağınızı okuyun. Veya isterseniz, CSS kahramanları ile WPForms’ın nasıl düzenleneceğine dair kılavuzumuza bakın (kodlamaya gerek yok). Ne için bekliyorsun? Bugün en iyi WordPress form eklentisi ile başlayın. Bu makaleyi beğendiyseniz, lütfen diğer ücretsiz WordPress öğreticileri için bizi Facebook ve Twitter’da takip edin.