Blok plugin keluar dari sisi wordpress. Cara Membuat Sidebar Widget Mengambang Lengket di WordPress

Dengan plugin - Bilah Pemberitahuan WPFront , Anda dapat menambahkan bilah pemberitahuan ke situs Anda di bagian atas atau bawah situs wordpress Anda. Panel dapat menampilkan teks apa pun dan tombol dengan tautan ke halaman mana pun, Anda dapat menambahkan kode HTML. Anda dapat menyesuaikan warna bilah notifikasi, Anda dapat memilih lokasi bilah, di bagian atas atau bawah situs. Anda dapat memperbaiki panel sehingga saat menggulir halaman, panel selalu terlihat di layar. Anda dapat memilih di halaman mana panel akan ditampilkan, dan di mana tidak, dll.

Anda dapat menginstal plugin langsung dari panel admin WordPress. Buka tab: Plugins - Add New, masukkan nama plugin di form pencarian, tekan Enter, instal dan aktifkan plugin.

Setelah menginstal dan mengaktifkan plugin, buka halaman: WPFront - Bilah Pemberitahuan untuk mengonfigurasi plugin.

menampilkan

– Diaktifkan, centang kotak ini untuk mengaktifkan bilah notifikasi.

- Posisi, pilih di mana panel akan ditampilkan, Atas - di atas, Bawah - di bawah.

- Diperbaiki pada Posisi, jika Anda mencentang kotak ini, panel akan selalu terlihat di layar, bahkan saat menggulir halaman.

– Display on Scroll, jika Anda mencentang kotak ini, panel akan muncul saat Anda menggulir halaman.

– Gulir Offset, di sini Anda dapat menentukan berapa piksel halaman harus digulir sebelum panel notifikasi muncul.

– Bar Height, di sini Anda dapat menentukan tinggi bar dalam piksel.

– Position Offset, disini anda bisa mengatur jarak dari atas site ke panel.

– Tampilan Setelah, Anda dapat mengatur waktu setelah panel akan muncul, tidak berfungsi untuk fungsi – Tampilan di Gulir.

– Durasi Animasi, Anda dapat mengatur durasi animasi saat panel meluncur ke layar.

– Tampilkan Tombol Tutup, centang kotak untuk menampilkan tombol dengan tanda silang untuk menutup panel.

– Tutup Otomatis Setelah, Anda dapat menentukan setelah berapa detik panel akan menutup secara otomatis, tidak berfungsi untuk fungsi – Tampilan di Gulir .

– Display Shadow, tampilkan bayangan untuk panel.

– Display Reopen Button, jika dicentang, maka setelah menutup panel, di sudut layar akan ditampilkan tombol untuk membuka panel.

– Tetap Tertutup, jika Anda mencentang kotak, maka ketika Anda menutup panel di satu halaman, panel tersebut tidak akan ditampilkan lagi di halaman lain.

– Tetap Tertutup Untuk, di sini Anda dapat menentukan berapa hari panel tidak akan ditampilkan untuk pengguna yang menutup panel.

isi

– Teks Pesan, tentukan di sini teks yang akan ditampilkan di notifikasi, Anda dapat menambahkan kode HTML.

– Process Shortcode, centang kotak untuk dapat menambahkan shortcode ke notifikasi.

– Tombol Tampilan, centang kotak untuk menampilkan tombol di panel.

– Teks Tombol, masukkan teks untuk tombol di sini.

– Button Action, berikan tautan untuk tombol di sini. Buka URL di tab/jendela baru - tautan akan terbuka di jendela baru. Jangan ikuti tautan - tautan tidak akan diindeks.

– Tutup Bar pada Button Click, tutup bar dengan menekan tombol.

Saring

– Tanggal & Waktu Mulai, Anda dapat menentukan tanggal dan waktu kapan panel akan mulai ditampilkan.

– End Date & Time, Anda dapat menentukan tanggal dan waktu kapan panel akan ditutup.

– Display on Pages, pilih di halaman mana panel akan ditampilkan. Semua halaman - di semua halaman. Sertakan di halaman berikut - periksa halaman tempat panel akan ditampilkan. Kecualikan di halaman berikut - kecualikan halaman.

– Tampilan untuk Peran Pengguna, di sini Anda dapat memilih peran pengguna mana yang akan ditampilkan panel. Semua pengguna - untuk semua orang, Semua pengguna yang masuk - hanya untuk pengguna yang berwenang, Pengguna tamu - hanya untuk tamu, Untuk mengikuti peran pengguna - periksa peran.

warna

– Bar Color, pilih warna untuk bar.

– Warna Teks Pesan, tentukan warna untuk teks di panel.

– Warna Tombol, pilih warna untuk tombol, Anda dapat menentukan dua warna untuk menampilkan gradien.

– Warna Teks Tombol, warna untuk teks di tombol.

– Reopen Button Color, warna untuk tombol buka panel.

– Warna Tombol Tutup, pilih warna untuk tombol tutup panel.

– CSS khusus, Anda dapat mengatur sendiri gaya CSS untuk panel, tetapi tidak diperlukan.

Pada akhirnya simpan perubahan Anda.

Bilah notifikasi di bagian atas atau bawah situs wordpress diperbarui: 25 Juli 2018 oleh: Ilya Zhuravlev

Elemen mengambang, memblokir layar saat Anda menggulir, cenderung memiliki rasio klik-tayang dan konversi yang lebih tinggi daripada objek statis. Inilah sebabnya mengapa banyak situs web menggunakan elemen mengambang melalui situs mereka. Kami telah melihat elemen seperti bilah judul, bilah catatan kaki, widget bilah sisi buletin, dan lainnya. Di masa lalu, kami telah menunjukkan kepada Anda . Pada artikel ini, kami akan menunjukkan cara membuat sticky floating sidebar widget di WordPress sehingga Anda dapat menonjolkan kampanye email Anda.

Catatan: Ini berfungsi untuk semua jenis widget sidebar, bukan hanya email Anda. Anda dapat menggunakannya untuk promosi, postingan populer, foto Flickr, kalender google, dan pada dasarnya apa pun yang Anda suka.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Q2W3 Fixed Widget (widget lengket). Setelah mengaktifkan plugin, buka penampilan» widget dan klik pada widget yang ingin Anda jadikan lengket. Plugin menambahkan opsi tetapwidget ke semua widget Anda. Periksa jendelanya tetapwidget dan simpan perubahan Anda. Buka situs pribadi Anda dan gulir ke bawah. Milikmu tetapwidget sekarang akan menjadi widget mengambang yang lengket.

plugin tetapwidget hadir dengan opsi untuk menyesuaikan posisi widget utama. Pergi ke Lihat » Pilihan tetapwidget untuk mengkonfigurasi plugin. Di halaman ini, Anda dapat menyetel bidang, menambahkan ID HTML Anda sendiri, dan bahkan menonaktifkan widget tetap di ponsel dan tablet.

Sidebar mengambang yang lengket dapat digunakan untuk meningkatkan loyalitas pengguna secara keseluruhan. Anda dapat memiliki beberapa widget tetap di sidebar. Namun, mereka dapat dengan mudah teriritasi dan ini juga dapat terpengaruh secara negatif. Jaga keseimbangan dalam desain Anda sehingga Anda tidak mengganggu pengguna Anda.

Hari ini kita akan berbicara tentang plugin yang sangat menarik untuk WordPress, yang tidak hanya menambahkan fungsionalitas ke situs, tetapi juga meningkatkan tampilannya - tentang plugin Panel Geser. Plugin menambahkan panel kecil ke situs, ketika Anda mengkliknya, mereka pergi. Apa pun bisa dimasukkan ke bidang panel ini.

Unduh plugin Panel Geser Anda dapat dari situs web resmi http://thefly.com/wp-plugins/thethe-sliding-panels/.

Ada beberapa plugin serupa, tapi fitur khas Ini adalah distribusi gratisnya yang lengkap, kemudahan instalasi dan konfigurasi, kinerja dan fungsionalitas yang luar biasa.

Misalnya, ada plugin jQuery formulir apik 1.2- gratis, fungsional, tetapi menginstalnya adalah proses yang sangat rumit, dan di sini - Anda menekan beberapa tombol dan selesai!

Menginstal Plugin The Sliding Panels

Menginstal plugin ini sama seperti kebanyakan plugin - di kolom pencarian plugin, masukkan nama dan cari. Setelah pencarian, klik instal dan aktifkan plugin.

Mengkonfigurasi Plugin The Sliding Panels

Setelah menginstal dan mengaktifkan plugin ini, baris tambahan akan muncul di panel kontrol situs WordPress Anda di sebelah kiri, bertuliskan TheFly . Jika Anda memindahkan kursor, maka kita akan memiliki submenu dengan dua baris: baris pertama adalah informasi Umum tentang plugin dan seterusnya, yang kedua adalah baris yang sama di mana kita akan mengkonfigurasi plugin:

Pengaturannya sangat sederhana - pertama kita memilih tempat panel kita akan ditampilkan - atas, bawah, kanan, kiri atau panel akan menjadi jendela pop-up:

Saya pikir Anda tidak akan mengalami kesulitan pada tahap penyiapan plug-in, jangan lupa untuk menekan tombol setelah setiap perubahan dalam pengaturan "Perbarui Pengaturan". Jadi, siapkan - mari lanjutkan dengan mengisi panel kita dengan konten yang bermanfaat.

Tempat menulis teks atau menempelkan kode di plugin The Sliding Panels

Untuk menyisipkan teks atau beberapa kode, atau yang lainnya, seperti menu, Anda harus membuka widget situs Anda. Ini dilakukan dengan sangat mudah: buka panel admin situs, di sebelah kiri konsol, klik "Penampilan""Widget". Plugin ini membuat beberapa kolom - tergantung pada lokasi panel:

  • Panel Geser Atas
  • Panel Geser Kiri
  • Panel Geser Bawah
  • Panel Geser Kanan.

Pilih panel mana saja dan seret dan lepas widget dari set standar widget situs web WordPress. Itu bisa berupa teks, kode, widget posting terbaru, widget pencarian, dan lainnya. Setelah Anda memilih yang Anda butuhkan - klik simpan dan kagumi pembaruan situs Anda!

Perhatian: plugin ini mungkin bertentangan dengan plugin lain yang menggunakan pustaka JQuery - jika halaman situs Anda "mengambang", plugin ini tidak cocok untuk Anda.

Panel notifikasi- alat yang sangat efektif untuk merangsang transisi pengguna ke halaman yang diperlukan. Selain itu, mereka berfungsi untuk ditampilkan informasi penting karena mereka selalu menarik perhatian pengguna. Beberapa panel berisi formulir entri data dan dapat digunakan, misalnya, untuk berlangganan milis.

Di toko online, panel notifikasi digunakan secara aktif untuk memberi tahu pengunjung tentang promosi dan diskon dan, dengan demikian, merupakan mekanisme yang ampuh untuk meningkatkan penjualan.

Dalam ulasan ini, saya hanya akan berbicara tentang beberapa plugin yang paling fungsional dan menarik, menurut saya, untuk membuat panel seperti itu di halaman situs web atau blog di . Masing-masing memiliki kelebihannya masing-masing, banyak fungsi dan kemampuan untuk menyesuaikan tampilan dengan gaya dan desain situs Anda. Saya yakin berkat ulasan ini, Anda akan dapat memilih plugin yang paling sesuai dengan kebutuhan Anda.

Notifikasi Kustom

Plugin premium berkualitas tinggi yang memiliki semua fitur yang diperlukan yang melekat pada plugin level ini.

Bilah notifikasi dapat berisi teks biasa, formulir masukan email atau di situs web, jejaring sosial, dan penghitung waktu mundur.

Dan semua ini terlampir dalam wadah adaptif dan akan ditampilkan dengan benar di layar mana pun. Selain itu, panel pengaturan memungkinkan Anda mengontrol posisi halaman dan skema warna hampir tanpa batasan.

Biaya: $29

Plugin BugMeBar WordPress

Panel sederhana namun menarik dengan efek warna yang sangat indah dan menarik. Itu dapat ditempatkan di mana saja di halaman, dan selain itu, dapat mengatur cookie dan tidak ditampilkan pada kunjungan berikutnya ke halaman tersebut jika pengguna tiba-tiba tidak ingin melihatnya lagi.

Fitur lain yang perlu diperhatikan:

  • Menentukan halaman di mana panel akan ditampilkan dan yang tidak.
  • Mengatur durasi cookie.
  • Kontrol penuh atas tampilan, termasuk pilihan warna, transparansi, dll.
  • Kemampuan untuk menggeser header dan footer tetap, dengan tetap menjaga integritas tata letak.
  • Kemampuan untuk mengaktifkan atau menonaktifkan transitivitas dan animasi
Biaya: $12

halo bar

Salah satu yang paling populer Bilah Pemberitahuan untuk Wordpress. Kemudian, bebas, meskipun dalam hal fungsionalitas sama sekali tidak kalah dengan rekan premiumnya.
Untuk menggunakan Hello bar, cukup buka plugin dan masukkan URL blog Anda. Selanjutnya, Anda akan dibawa ke panel pengaturan, tempat Anda dapat menyesuaikan lokasi dan tampilan notifikasi. Selain itu, panel pengaturan memiliki fungsi pratinjau, sehingga Anda dapat dengan cepat memberikan tampilan yang diinginkan pada pemberitahuan Anda.
Setelah menyelesaikan pengaturan, Anda akan menerima cuplikan kode yang harus Anda masukkan langsung ke halaman situs. Jika Anda merasa tidak cukup memenuhi syarat untuk operasi ini, Anda dapat menginstalnya, yang akan melakukan pekerjaan rutin ini untuk Anda.

D.W.Promobar

Plugin yang cukup sederhana yang hanya berisi hal-hal penting. Bilah notifikasi dapat menampilkan teks biasa, tombol, tautan, atau penghitung waktu mundur. Terlihat menarik dan memberi Anda kendali penuh atas semua pengaturan.

Foobar – Bilah Pemberitahuan WordPress

Ulasan ini tidak akan lengkap jika saya tidak menyebutkan Foobar. Ini adalah salah satu plugin premium yang paling banyak digunakan di kelas ini. Ini berisi lebih dari 30 opsi penyesuaian dan, tidak seperti banyak lainnya, memungkinkan Anda menyesuaikan bilah notifikasi terpisah untuk setiap halaman.

Biaya: $9

Bilah Pemberitahuan WordPress

Pengaya Gratis, mudah digunakan dan diaktifkan. Konten panel dapat berupa teks biasa, serta berisi tombol yang terkait dengan tindakan tertentu. Berkat berbagai pengaturan warna, Anda dapat dengan sempurna menyesuaikan panel dengan desain situs web Anda.

Bar Royal Footer

Royal Footer Bar adalah plugin dari kelas tertinggi, benar-benar "royal". Ini terlihat sangat profesional dan memiliki banyak pilihan.

Dasbor dapat berisi teks biasa, formulir untuk berlangganan milis, dan berbagai tautan, termasuk ke akun media sosial. Di panel pengaturan, Anda tidak hanya dapat mengatur pengaturan yang diperlukan, tetapi juga mendapatkan statistik aktivitas lengkap.

Sorotan dari plugin ini adalah apa yang oleh pengembang disebut pengujian A / B / C - Anda dapat mengatur beberapa opsi untuk pengaturan dan, setelah mengevaluasinya di lingkungan kerja, pilih salah satu yang paling sesuai dengan konsep situs.

Biaya: $39

Bilah Pemberitahuan

Plugin yang sangat sederhana yang ditampilkan bilah notifikasi baik di bagian atas atau bawah halaman. Termasuk 5 pilihan warna untuk pesan teks atau

Apakah Anda ingin menampilkan bilah notifikasi di situs Anda untuk pembaca Anda? Kemudian dasbor untuk WordPress akan membantu Anda. Di bawah ini kami menyajikan berbagai yang berbeda Plugin WordPress dengan deskripsi tentang bagaimana masing-masing dari mereka dapat membantu Anda menarik perhatian pembaca Anda dengan gaya mereka.

6 Plugin Notification Bar untuk WordPress:

1. Bilah Pemberitahuan WordPress

Notifikasi WordPress- Plugin sederhana namun menarik ini memberi Anda berbagai opsi untuk memenuhi kebutuhan pribadi Anda. Setelah Anda menginstal plugin ini, Anda dapat mengatur opsi untuk mengubah warna pesan, hyperlink, tombol, dan apa pun, apakah itu penawaran diskon merah yang menarik pada suatu produk atau beberapa elemen yang cocok dengan desain situs web Anda, dengan link ke halaman arahan buletin Anda. Anda bahkan dapat menyematkan bilah ke bagian atas situs Anda jika Anda mau, dan menelusuri posting pembaca Anda jika Anda mau.

2. Bar Kepala Mudah

Kepala Bar– Plugin ini berfungsi mirip dengan plugin Pemberitahuan WordPress yang dijelaskan di atas, tetapi dengan beberapa perbedaan utama dalam opsi panel admin.

Perbedaan besar pertama dengan bilah notifikasi ini adalah memungkinkan Anda untuk mengatur halaman mana dari situs Anda yang akan menampilkannya. Misalnya, jika Anda ingin melihatnya di halaman rumah dan bukan di halaman konten, Anda dapat memilih untuk meletakkannya saja halaman rumah. Fungsi ini juga berfungsi di sisi sebaliknya, yaitu memungkinkan untuk melihat panel pada halaman dengan konten, dan bukan pada halaman utama. Anda tentu saja dapat menampilkannya di semua halaman jika Anda suka.

Perbedaan utama kedua adalah plugin ini memungkinkan Anda menyetel penghitung waktu berapa lama panel akan berada di situs Anda dari "waktu mulai" yang dapat disetel sebelumnya, serta "waktu selesai" yang akan menghapus panel secara otomatis pada waktu tertentu.

Perbedaan penting ketiga adalah kemampuan untuk membuat banyak panel yang akan ditampilkan dalam urutan acak. Plugin ini memungkinkan Anda untuk menampilkan posting secara otomatis di antara tanggal yang berbeda.

Di sini Anda dapat melihat contoh karyanya:

3. Bilah Pemberitahuan Cepat

Bilah Pemberitahuan Cepat– plugin ini adalah salah satu yang paling populer karena dapat secara otomatis membuat bilah notifikasi saat penginstalan ulang dan memiliki berbagai opsi. Jadi jika Anda menginginkan sesuatu yang sederhana yang berfungsi dengan baik, maka plugin ini cocok untuk Anda. Satu catatan penting tentang plugin ini adalah dapat mengubah ukuran, gaya, dan warna font. Anda juga dapat mengubah warna panel sendiri, seperti pada kedua plugin di atas, menggunakan editor gradien untuk memilih lalu menyalin dan menempel warna baru latar belakang.

Di sini Anda dapat melihat contoh karyanya:

4. Halo Bar

halo bar- Plugin ini sangat mirip dengan Plugin Pemberitahuan WordPress yang kami ulas di atas, dengan beberapa pengecualian. Pertama-tama Anda harus mendaftar di situs hello bar untuk dapat bekerja dengan plugin ini. Seperti yang lainnya, Hello Bar memungkinkan Anda memposting pesan atau iklan apa pun dengan pilihan warna dan font yang tak ada habisnya. Tetapi yang benar-benar membedakan plugin ini dari yang lain adalah kemampuannya untuk dengan mudah melacak klik yang dibuat dan menguji berbagai pesan.

Di sini Anda dapat melihat contoh karyanya:

5 Bilah Viper

Bilah Viper- Plugin dari Viper Chill ini memiliki fitur paling banyak dari semua plugin bilah notifikasi utama. Kamu bisa:

  • Ubah tampilan dengan mengubah pengaturan warna, latar belakang, transparansi, dan warna teks.
  • Sematkan formulir yang dipilih di milis atau umpan RSS Anda.
  • Kumpulkan statistik tentang formulir Anda, seperti jumlah tayangan, pengiriman formulir, dan konversi yang dipilih.
  • Setel cookie agar pengguna dapat menyembunyikan panel setelah mereka melihatnya. Ini sangat fitur yang berguna jika Anda memilih panel untuk menggulir halaman bersama pengguna, yang tentunya bisa sangat mengganggu dan mengganggu. Anda juga dapat menyematkan panel ke bagian atas halaman.
  • Lakukan berbagai tes untuk mengoptimalkan hasil kerja Anda dengan panel ini.

Di sini Anda dapat melihat contoh karyanya:

6. Ticker Berita

Ticker Berita– plugin ini berbeda dari semua yang tercantum di atas karena menyediakan spanduk animasi. Itu dapat menampilkan gambar, kutipan, tanggal, dan judul posting yang dapat meluncur masuk dan keluar untuk memberi jalan bagi yang berikutnya. Plugin ini dapat disematkan di mana saja di header Anda, menyorot postingan terbaru, populer, atau spesifik Anda menggunakan id postingan. Anda dapat mengatur sejumlah entri untuk ditampilkan di arus.

Sayangnya, kami tidak dapat menunjukkan contoh cara kerjanya karena kami tidak memiliki cukup ruang di header kami untuk itu. Itu bisa terjadi pada Anda juga, jadi cobalah untuk memilih salah satu Tema WordPress yang akan bekerja dengan baik dengan itu.

Jika Anda ingin menempatkan artikel ini atau sebagian darinya di situs Anda, Anda dapat melakukannya dengan menempatkan tautan ke situs kami di dalamnya.



Memuat...
Atas