Yüzen bir altbilgi çubuğu nasıl yapılır “yapışkan”;WordPress’te

WordPress’te yapışkan yüzen bir footer çubuğu yapmak ister misiniz? Yıllardır web sitemizde yüzen bir altbilgi bıçağı kullandık çünkü oranın oranını azaltmamıza ve kullanıcılar tarafından görülen sayfaları artırmamıza yardımcı oluyor. Birçoğunuz bize benzer bir yüzer çubuk nasıl yapacağımızı soruyor, işte burada. Bu makalede, WordPress’te nasıl yapışkan yüzen bir altbilgi bıçağı yapacağınızı göstereceğiz.

Yüzen altbilgi çubuğu nedir? Yapışkan yüzen bir altbilgi çubuğu, önemli içeriğinizi kullanıcılara net bir şekilde görüntülemenizi sağlar. Bu çubuk hala herhangi bir zamanda kullanıcılar tarafından görülebilir, bu nedenle tıklama ve daha kullanışlı içerik bulma eğilimindedirler.

Yüzen bir altbilgi bıçağı kullanabilirsiniz:
Diğer blog yayınlarına daha fazla tıklayın
E -posta Listenizi Oluşturun
Özel teklif / satışa dikkat edin
Bu makalede, WordPress sitenize yapışkan yüzen altbilgi bıçakları eklemek için iki yöntem göstereceğiz. Biri eklenti kullanırken, diğeri WPBeginner’da kullandığımız kod yöntemidir. Kullanımı daha kolay olduğunu düşündüğünüzü seçebilirsiniz. Yöntem 1: WordPress’te manuel olarak yapışkan bir kayan footer çubuğu oluşturun Bu yöntem, kodu WordPress dosyanıza eklemenizi gerektirir. Kod eklemek için yeniyseniz, lütfen Web’den WordPress’e görüntülerin nasıl ekleneceğine dair kılavuzumuza bakın.
İlk olarak, CPanel’deki FTP istemcilerini veya dosya yöneticilerini kullanarak WordPress sitenize bağlanmanız gerekir. FTP istemcinizde, WordPress tema klasörünüzde bir footer.php dosyası bulmanız ve masaüstünüze indirmeniz gerekir. Böyle bir yolda bulunacak:/wp-concent/themes/sizin-theme-folder/bir sonraki, footer.php dosyasını not defteri gibi sıradan bir metin düzenleyicisine açmanız ve aşağıdaki kodu ekleyin .
WPBeginner bağlantısı ilk öğe
wordpress.org ikinci öğedir

İstediğiniz kadar liste öğeleri ekleyebilirsiniz. Her sayfa yüklemesinde nasıl rastgele oynayacağınızı göstereceğiz.
Bir sonraki adım CSS stilini eklemektir. WordPress dosya stilinize CSS ekleyebilirsiniz.
.fixedbar {
Arka plan: #000;
Alt: 0px;
Renk: #fff;
Yazı tipi ailesi: Arial, Helvetica, sans-serif;
Sol: 0;
Dolgu: 0px 0;
Konum: Sabit;
yazı tipi boyutu: 16px;
Genişlik:%100;
Z-endeks: 99999;
Şamandıra: sol;
Dikey-High: Orta;
Marj: 0px 0 0;
Opaklık: 0.95;
Yazı tipi-ağırlık: kalın;
}
.Boxfloat {
Metin-align: merkez;
Genişlik: 920px;
Marj: 0 otomatik;
}
#tips, #tips li {
Marj: 0;
Dolgu: 0;
Liste tarzı: yok
}
#Tips {
Genişlik: 920px;
yazı tipi boyutu: 20px;
Çizgi yüksekliği:%120;
}
#tips li {
Dolgu: 15px 0;
Görüntü yok;
}
#tips li a {
Renk: #fff;
}
#Tips Li A: Hover {
Metin dekorasyonu: yok;}
CSS ekledikten sonra, web sitenizde değişiklikleri göremeyebilirsiniz. Bunun nedeni, listemizdeki öğenin ekranı bulunmamasıdır.
Ardından, her sayfa yüklemesinde listemizden bir öğeyi rastgele görüntülemek için JQuery’yi kullanacağız. Bilgisayarınızda Not Defteri gibi sıradan bir metin düzenleyicisi açmanız ve bu kodu boş bir dosyaya eklemeniz gerekir:
(işlev ($) {
This.Randomy = function () {
var uzunluk = $ (“#tips li”).
var ran = math.floor (math.random ()*uzunluk) + 1;
$ (“#Tips li: n-child (” + ran + “)”). Show ();
};
$ (belge) .Ready (function () {
randomTip ();
});
}) (jQuery);
İşiniz bittiğinde, bu dosyayı masaüstünüze FloatingBar.js olarak kaydetmeniz gerekir.
Şimdi FTP istemcinizi açın ve web sunucunuza bağlanın. Tema klasörünüzü açın ve JS klasörünü arayın. Böyle bir yolda olacak:/wp-content/themes/theme klasör/js tema dizininizde JS klasörü yoksa, yapmanız gerekir. Şimdi daha önce oluşturduğunuz FloatingBar.js dosyasını yeni yaptığınız JS klasörüne yüklemeniz gerekiyor. Bir sonraki adım WordPress temanızdaki enqueue (yükleme) JavaScript dosyalarıdır. Bu kodu dosya işlevine yapıştırın.
wp_enqueue_script (‘wpb-footerbar’, get_stylesheet_directory_uri (). ‘/js/floatingbar.js’, dizi (‘jQuery’));
}
Add_action (‘wp_enqueue_scripts’, ‘wpb_floating_bar’);
Hepsi bu kadar, artık yüzen bir altbilgi bıçağını hareket halinde görmek için web sitenizi ziyaret edebilirsiniz. Rastgele bir altbilgi bıçağının listenizden farklı bir öğe görüntülediğini görmek için sayfayı yeniden yükleyin. Bu yöntemi kullanmanın yararı, bizim gibi yüzen bir altbilgi çubuğunda çok fazla rastgele bağlantı çalabilmenizdir.
Ancak zorluk, bir kod eklemeniz gerektiğidir. Buna ek olarak, bu yüzen çubuğu çok fazla CSS ayarı yapmadan başka şeyler için kullanamazsınız. Yöntem 2: WordPress OptinMonster’a yüzen altbilgi çubuğu eklemek için Optinmontser’ı kullanmak, tüm web sitelerinde çalışan popüler bir potansiyel müşteri üreten eklentidir. Bu, web sitesi ziyaretçilerini müşterilere ve müşterilere değiştirmenize yardımcı olur. Optinmonster’ın sahip olduğu özelliklerden biri, Optin e -posta formunu görüntülemek ve tek bir bağlantı/teklifi tanıtmak için kullanabileceğiniz yüzen başlık ve altbilgi çubuğudur.
Bu yöntemi kullanmanın faydaları:
Kurulumu kolay (kod olmadan)

Web sitenizin çeşitli sayfalarında / kategorilerinde özel yüzen bıçaklar görüntüleyebilirsiniz.
E -posta listenizi oluşturmak ve teklifleri tanıtmak için kullanabilirsiniz.
Tek dezavantajı Optinmonster ücretli bir hizmet olmasıdır. Ancak, herhangi bir OptinMonster paketi için% 10 indirim almak için OptinMonster kuponumuzu kullanabilirsiniz: WPB10. Optinmonster (artı veya Pro paketleri) satın aldıktan sonra, sitenizdeki WordPress API Optinmonster eklentisini kullanabilirsiniz. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın.
Bu eklenti yalnızca WordPress siteniz ve Optinmonster arasında bir irtibat görevi görür. Etkinleştirmeden sonra eklenti, WordPress yönetici çubuğunuza OptinMonster etiketli yeni bir menü öğesi ekleyecektir. Tıklamak sizi eklenti ayarları sayfasına götürecektir. Kullanıcı adınızı ve OptinMonster API anahtarınızı vermeniz istenecektir. Bu anahtarı OptinMonster hesabınızdan alabilirsiniz.
Kilidi kopyalayıp eklenti ayarlarına yapıştırın ve ‘Optinmonster’a Bağlan’ düğmesini tıklayın. Eklenti şimdi WordPress sitenizi OptinMonster hesabınıza bağlayacaktır. Ardından, ‘Yeni Optin Oluştur’ düğmesine tıklamanız gerekir.
Bu sizi Optinmonster web sitesinde ‘Yeni Optin Oluştur’ sayfasına götürecektir. İlk olarak, Optin kampanyanız için bir başlık vermeniz ve bu Optin’i kullanacağınız web sitesini seçmeniz gerekir. Siteniz kayıtlı değilse, ‘Yeni Web Sitesi Ekle’ bağlantısını tıklayın.
Ardından, yüzen çubuk olarak kullanılacak şablonu kullanmak için ‘Optin Tipinizi Seç’ altındaki yüzen çubuğu tıklayabilirsiniz. Tüm bu şablonları beğeninize göre ayarlayabilirsiniz. Aklınızdaki şeye en yakın görünen olanı seçin.

Şablonu seçer seçmez OptinMonster tasarım ayarlarını başlatacaktır. Bu, Optin’iniz için ekranı ve ayarları yapılandırabileceğiniz puan tıklamasının üreticisidir.

Optin ekranınızı yapılandırmayı bitirdiğinizde, Kaydet düğmesini tıkladığınızdan emin olun. Buna Optin denir, ancak her zaman böyle olmak zorunda değildir. Blog yayınlarını görüntülemek veya özel indirimler talep etmek için düğmeler eklemek için YA / Yok özelliğini kullanabilirsiniz. Yüzen bir çubuk yaptığınızda, varsayılan olarak paketlenir. Yapılandırmayı bitirdikten sonra, imleci üst menüdeki durum çubuğuna yönlendirin ve kampanyayı seçin. Yüzen çubuğunuz artık WordPress sitenize eklemeye hazır. WordPress sitenizin yönetici alanına geri dönün ve Optinmonster »Optins’i ziyaret edin. Optin’inizi burada göreceksiniz. Görmüyorsanız, Optinleri Yenile düğmesini tıklayın, eklenti görüntülenir. Devam etmek için ‘Ayarlar Düzenle Çıktı’ bağlantısını tıklayın. Sonraki sayfada, Sitedeki Optin seçeneğinin yanındaki kutuyu işaretleyin ‘ve ardından Kaydet ayarlarını tıklayın. Ayrıca, yalnızca belirli yayınlarda, sayfalarda, kategorilerde ve diğer alanlarda yüzen bir bıçak görüntülemek için gelişmiş seçeneği de kullanabilirsiniz. Hepsi bu, optin yüzen footer çubuğu artık WordPress sitenizde etkin.

Bu makalenin WordPress sitenize yüzen bir altbilgi çubuğu eklemenize yardımcı olduğunu umuyoruz. WordPress sitenize doğrudan trafik için takip edilebilecek ipuçlarını da görmek isteyebilirsiniz. Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube kanalımıza abone olun. Bizi Twitter ve Facebook’ta da bulabilirsiniz.