Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress Plugins
Webdesign

20 Elemen Antarmuka Pengguna WordPress yang Populer

by
Length:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Febri Ardian Sanjoyo (you can also view the original English article)

Antarmuka/User Interface (UI) didefinisikan sebagai "sarana yang digunakan pengguna dan sistem komputer, terutama penggunaan perangkat input dan perangkat lunak." Ini adalah salah satu konsep desain web yang lebih penting namun sering diabaikan.

Memiliki antarmuka pengguna yang baik memastikan pengunjung situs dapat menemukan apa yang mereka cari, melakukan apa yang harus mereka lakukan, dan yang terpenting, tetaplah di situs Anda. Saat antarmuka pengguna situs Anda menjadi sulit digunakan adalah saat pengguna memasang browser mereka di tempat lain.

Sebagai upaya untuk membantu Anda memberikan terbaik, mari kita lihat 20 elemen antarmuka pengguna WordPress yang populer yang pasti akan membantu Anda membuat situs web Anda mudah digunakan.

1. Plugin FlipBook yang Responsif

Kirimkan konten web ke dalam UI yang indah dengan plugin WordPress yang luar biasa ini.

Sepintas, Plugin FlipBook Responsif terlihat seperti cara bagus untuk menampilkan konten dengan desain rak buku yang keren.

Tapi itu jauh lebih banyak.

Responsive FlipBook Plugin
"Buat FlipBook dengan mudah. Dilengkapi dengan: rak buku, zoom, cetak, PDF ke FlipBook, daftar isi, hard cover, flat desain, custom style, lazy load. "

Fitur include:

  • mobile zoom
  • PDF Wizard
  • easy print
  • lazy load
  • Dan banyak lagi!

Buat dan sajikan koleksi eBuku berbasis online lengkap dengan Plugin FlipBook Responsif.

Ini sangat menakjubkan.

2. Content Timeline - Plugin Wordpress Responsif untuk Menampilkan Pos / Kategori dalam Timeline Sliding

Antarmuka pengguna/user interface WordPress ini unik, dan saya menyukainya!

The Content Timeline - Plugin Wordpress Responsif untuk Menampilkan Post / Kategori dalam Sliding Timeline adalah solusi sempurna untuk beragam jenis presentasi konten.

Content Timeline - Responsive WordPress Plugin for Displaying PostsCategories in a Sliding Timeline

Fitur termasuk:

  • Sepenuhnya responsif dengan fungsi SWIPE
  • 7 metode kontrol skrip embedded
  • 11 pengaturan untuk kustomisasi yang mudah
  • keyboard bindings
  • dan banyak lagi!

Timeline Anda juga tidak harus menjadi satu single string, salah satunya. Plugin ini memungkinkan lebih dari satu elemen per titik di garis waktu Anda.

Timeline Konten - Plugin Wordpress Responsif untuk Menampilkan Post / Kategori dalam Timeline Sliding unik, didesain dengan indah, dan antarmuka pengguna WordPress yang sempurna untuk ditampilkan dalam format timeline.

3. UberChart - Plugin WordPress Chart

Jika Anda ingin berbagi data secara visual, Anda akan sulit menemukan cara yang lebih baik untuk membangun dan menyajikannya daripada UberChart - Plugin WordPress Chart.

Ini sangat mudah disesuaikan dan siap masuk ke instalasi WordPress Anda.

UberChart - WordPress Chart Plugin
"UberChart adalah Plugin WordPress Chart yang canggih yang memberi Anda kemampuan untuk membuat berbagai macam grafik dengan kemampuan penyesuaian yang luar biasa."

Kumpulan fitur ini meliputi:

  • 240 pilihan yang dapat disesuaikan untuk setiap chart
  • embedded spreadsheet editor
  • import dan export data
  • fully responsive

Dan itu mencakup sepuluh jenis chart yang berbeda:

  1. Line
  2. Area
  3. Bar
  4. Bar Horizontal
  5. Pie
  6. Doughnut
  7. Radar
  8. Polar Area
  9. Scatter
  10. Bubble

UberChart - Plugin WordPress Chart sangat mengesankan.

4. Theia Post Slider untuk WordPress

Merubah posting multi page Anda menjadi slide yang mudah digunakan dan mudah dibaca.

Theia Post Slider untuk WordPress bekerja dengan posting yang ada dan mencakup 60 tema slider yang berbeda.

Theia Post Slider for WordPress
"... Theia Post Slider untuk WordPress mengubah posting multi-halaman Anda menjadi slideshow, membuatnya jauh lebih menarik dan lebih mudah untuk dijelajahi."

Support:

  • Menggunakan AJAX dengan JavaScript fallback
  • vector icon dan retina-ready
  • title, header, dan footer
  • Teroptimasi SEO
  • Dan banyak lagi

Banyak pemikiran telah dimasukkan ke dalam plugin antarmuka pengguna WordPress ini. Dari SEO hingga kecepatan dan kegunaan untuk kustomisasi, Theia Post Slider untuk WordPress ini benar-benar memberikannya.

5. Progress Map WordPress Plugin

Plugin Progress Map WordPress kaya fitur. Saya pasti tidak bisa melakukannya secara adil dengan ringkasan singkat ini.

Visi dibalik plugin antarmuka pengguna WordPress ini adalah:

"Tujuannya adalah untuk membantu pengguna yang memiliki situs web seperti cantuman hotel, daftar real estat, daftar restoran, daftar pekerjaan, daftar toko & lebih ... untuk mendaftarkan lokasi mereka di peta Google dan dengan mudah menavigasi peta menggunakan carousel."
Progress Map Wordpress Plugin

Dan itu memberikan:

  • Filter pencarian dan pencarian jarak jauh
  • Support Custom Post Type
  • custom marker
  • 70+ map style
  • geo-targeting
  • retina ready
  • Dan banyak, lebih banyak lagi

Progress Map WordPress Plugin salah satu plugin peta paling kuat dan mudah yang akan Anda temukan.

Semua plugin ini ada di seluruh peta.

6. Plugin Wordpress Slider Revolution Responsif

Bila Anda membutuhkan slider-terutama jika Anda menginginkan cara mudah membangunnya-Anda harus mempertimbangkan Plugin Wordpress Responsif Slider Revolution.

Animasi, color picker, layer-semuanya mematangkannya.

Slider Revolution Responsive WordPress Plugin

Tipe slide meliputi:

  • social media feed
  • media galeri
  • hero block
  • carousel
  • slider
  • dan banyak lagi

Fitur nomor satu yang membuat slider ini menarik adalah editor visual yang hebat. Slider adalah slider, namun Plugin Wordpress Revolution Responsive Slider menghadirkan perancang slide yang lengkap dan kokoh.

7. Slick Menu - Responsive WordPress Vertical Menu

Slick. Responsive. Vertical. Menu.

Slick Menu - Responsive WordPress Vertical Menu adalah persis seperti itu, dengan sedikit tambahan di sampingnya.

Slick Menu - Responsive WordPress Vertical Menu
"Menu Slick lebih dari sekedar menu plugin. Ini dapat digunakan untuk membuat menu push level multi level tanpa batas atau konten sidebar dengan kaya konten, beberapa pilihan gaya dan efek animasi. "

Sesuaikan milik Anda:

  • warna background
  • font custom
  • pattern/pola
  • overlay
  • gambar
  • video
  • dan banyak lagi

Setiap tingkat dapat disesuaikan secara independen, sehingga sangat mudah untuk membangun antarmuka pengguna WordPress yang hebat tanpa aplikasi desain atau pengetahuan kode yang bagus.

Slick Menu - Responsive WordPress Vertical Menu adalah pilihan yang mengagumkan untuk menu vertikal dan banyak lagi!

8. Cool Timeline Pro - Plugin WordPress Timeline

Tambahkan timeline ke entri blog, halaman histori organisasi, dan yang lainnya dengan Cool Timeline Pro - WordPress Timeline Plugin.

Buat keduanya horizontal dan vertikal dengan desain built-in dan efek animasi yang indah.

Cool Timeline Pro - WordPress Timeline Plugin

Fitur termasuk

  • Ubah Post Type menjadi timeline
  • Pagination untuk timeline yang panjang
  • Buat banyak timeline
  • menambah ikon
  • dan banyak lainya

Simple, clean, dan flexibel.

Cool Timeline Pro - Plugin WordPress Timeline adalah cara terbaik untuk membangun timeline dari konten Anda saat ini atau membangun timeline baru yang mandiri untuk membantu berkomunikasi dengan pembaca Anda.

9. LoftLoader Pro - Preloader Plugin untuk WordPress

Terkadang Anda membutuhkan lebih banyak waktu untuk memuat sesuatu. Video? Banyak gambar HD?

Mudah menambahkan animasi loading ke halaman Anda dengan LoftLoader Pro - Preloader Plugin untuk WordPress.

Ini sangat mewah.

LoftLoader Pro - Preloader Plugin for WordPress

Fitur termasuk

  • sesuaikan minimum load time
  • animasi18 CSS3
  • berjalan di semua perangkat
  • editor built-in
  • dan lainya

Plugin Loft Loader Pro - Preloader untuk WordPress mempermudah menambahkan screen loading animasi-tidak diperlukan pengkodean.

10. Superfly - Plugin Menu WordPress yang Responsif

Ganti menu WordPress Anda saat ini atau tingkatkan dengan Superfly - Responsive WordPress Menu Plugin.

Plugin ini dikemas dengan kekuatan dan mudah digunakan.

Superfly Responsive WordPress Menu Plugin
"Superfly adalah plugin menu WordPress responsif yang menghasilkan navigasi vertikal / geser / navigasi statis yang efisien, ikon toolbar atau menu fullscreen sesuai pilihan Anda."

Pilihan desain menu meliputi:

  • side, skewed, dan menu full screen
  • background gambar
  • Static atau anchored
  • iconbar
  • dan banyak lagi

Superfly - Responsive WordPress Menu Plugin juga menyertakan opsi tampilan, sehingga sangat mudah untuk membangun menu yang tepat untuk antarmuka pengguna yang tepat.

11. Theme Ultra WordPress Admin

Ada yang menyesuaikan Admin WordPress. Dan kemudian ada Ultra WordPress Admin Theme.

Antarmuka pengguna/user interface WordPress ini mengambil kustomisasi Admin ke tingkat yang baru.

Ultra WordPress Admin Theme

Branding white label hanya awal dari itu:

  • Admin menu management
  • Buat theme kamu sendiri
  • setting import/export
  • dan banyak, banyak lagi

Dari layar login ke admin top bar, Ultra WordPress Admin Theme membuat keseluruhan pengalaman WordPress Admin sepenuhnya dapat disesuaikan.

12. Menu Berbeda di Halaman Berbeda

Jika Anda membutuhkan menu yang berbeda di halaman yang berbeda, Anda akan ingin menggunakan Menu Berbeda di Halaman Berbeda.

Ini juga mendukung bbPress, WPML, WooCommerce, dan BuddyPress.

Different Menu in Different Pages

Mudah membuat beberapa menu dan lokasi berdasarkan:

  • custom taxonomi
  • kategori
  • halaman
  • post
  • dan tags

Ini juga mencakup opsi shortcode untuk menampilkan menu Anda dalam konten juga.

Menu Berbeda di Halaman Berbeda ringan dan terbukti berguna di toolbox WordPress manapun.

13. Popup Plugin untuk WordPress - Layered Popups

Sebanyak aku benci popup, terkadang kamu hanya butuh popup. Popup Plugin untuk WordPress - Layered Popups adalah cara termudah untuk membangun dan menampilkan popup di situs WordPress Anda.

Popup Plugin for WordPress - Layered Popups
"[Internet] penuh dengan popup yang membosankan. Jadi, ini saatnya mematahkan tren ini. "

Fitur disertakan, namun dipastikan tidak terbatas pada:

  • Animasi jQuery dan CSS3
  • integrasi social network
  • stats A/B campaign
  • 200+ popup library
  • mobile friendly
  • dan banyak, banyak lagi

Tipe popup termasuk:

  • OnLoad Popup
  • OnScroll Popup
  • OnClick Popup
  • OnExit Popup
  • OnIdle Popup

Dan juga fitur:

  • Widget Sidebar
  • Link Locker
  • Inline Form
  • dan banyak lagi

Popup Plugin untuk WordPress - Layered Popups adalah solusi kuat yang terlihat bagus untuk pengguna dan terbukti berguna bagi admin.

14. Tim Pro - Tim Showcase WordPress Plugin

Plugin Tim Pro - Tim Showcase WordPress mengklaim sebagai "plugin WordPress paling serbaguna yang tersedia untuk membuat dan mengelola halaman Tim Anda."

Saya pikir mereka benar.

The Team Pro - Team Showcase WordPress Plugin

Pilihan style meliputi:

  • slide-ins
  • drawer
  • circle
  • modal
  • table
  • card
  • grid
  • list

Dengan 8 preset ini, lebih dari 20 pilihan style, dan desain yang bersih, tim Anda tidak pernah terlihat bagus dengan Plugin The Team Pro - Team Showcase WordPress.

15. UberMenu - WordPress Mega Menu Plugin

Ini adalah elemen antarmuka pengguna WordPress yang sangat saya sukai tapi bisa sulit untuk diterapkan.

Tapi mudah dengan UberMenu - WordPress Mega Menu Plugin!

UberMenu - WordPress Mega Menu Plugin

Menu WordPress Anda tidak akan pernah sama lagi:

  • mobile experience yang disempurnakan
  • Mudah menambahkan gambar dan ikon
  • Buat tata letak menu yang indah
  • Kolom, baris, map, form, dan banyak lagi

Submenu tab? Google Fonts? Vertikal atau horisontal? UberMenu - WordPress Mega Menu Plugin memilikinya.

16. Floatton | Tombol Aksi Mengambang WordPress dengan Isi Pop-up untuk Formulir atau Isi Khusus

Ini bukan sembarang popup. Meskipun mencakup fitur popup, ini mencakup sejumlah fitur unik yang bisa masuk dalam daftar ini.

Floatton | Tombol Floating Action WordPress dengan Konten Pop-up untuk Form atau Konten Khusus memiliki desain yang bersih dan merupakan salah satu plugin yang selalu bagus untuk dimiliki di toolbox WordPress Anda.

Floatton WordPress Floating Action Button with Pop-up Contents for Forms or any Custom Contents
"Floatton adalah plugin WordPress premium yang membantu Anda membuat Tombol Floating Action yang dekat dengan konten popup bergaya tooltip untuk memberi pengguna konten yang mudah diakses ke seluruh situs web Anda."

Gunakan sebagai:

  • Komentar dan form kontak
  • Cookie atau persetujuan hukum
  • Pendaftaran buletin/newsletter
  • Daftar keranjang belanja
  • Pengumuman
  • form rating
  • video code
  • login

Dan hal lain yang bisa Anda pikirkan!

Tambahkan beberapa interaksi pengguna. Tambahkan Floatton | Tombol Floating Action WordPress dengan Isi Pop-up untuk Formulir atau Isi Khusus.

17. StickyVideo untuk WordPress

Jika Anda telah menggunakan YouTube di perangkat seluler, Anda telah merasakan fitur UI / UX yang bagus di mana saat Anda mulai scroll dari video, video akan terkunci di sudut sehingga Anda dapat terus menonton saat scrolling Melalui konten

Itulah yang dilakukan StickyVideo for WordPress, menjepit video ke samping saat pengguna mulai scroll.

StickyVideo for WordPress
"Tingkatkan tingkat keterlihatan dengan menggunakan teknik yang digunakan oleh CNN, Daily Mail dan Washington Post yang menancapkan video ke samping saat Anda scroll!"

Plugin ini akan memasang video yang dihost oleh:

  • WordPress (Self host di Media Library)
  • YouTube
  • Vimeo
  • Dailymotion
  • Facebook
  • Brightcove
  • JW platform
  • Youku
  • Tudou
  • Wistia
  • SchoolTube
  • Break
  • Metacafe
  • LiveLeak
  • Archive.org

Instal, konfigurasikan, dan video Anda tidak akan discroll lebih lama lagi dengan plugin StickyVideo for WordPress.

18. Ultimate Image Hover Effects Plugin Untuk WordPress

Tidak ada yang menarik perhatian pengguna lebih dari efek hover gambar yang berselera tinggi. Dan Plugin Ultimate Image Hover Effects Untuk WordPress membawa efek hover dalam sekop.

Ultimate Image Hover Effects Plugin For WordPress

Tidak peduli theme WordPress mana yang Anda jalankan, Anda akan menikmati:

  • grid dan layout carousel
  • 40 ditambah animasi kotak
  • lebih dari 200 efek
  • Sepenuhnya responsif
  • dan banyak lagi

Sepenuhnya Ultimate Image Hover Effects Plugin For WordPress hadir dengan cukup banyak pilihan agar mudah digunakan dan ringan.

19. Testimonials Showcase - Plugin WordPress

Tampilkan dan kelola testimonial klien, pelanggan, dan pendukung Anda dengan mudah dengan Testimonial Showcase - Plugin WordPress.

Testimonial tidak pernah terlihat bagus.

Testimonials Showcase - WordPress Plugin

Fitur termasuk:

  • Lebih dari 15 opsi penyesuaian tata letak
  • grid atau layout slider
  • Sistem rating bintang
  • dan banyak lagi

Showcase Testimonial - Plugin WordPress juga mencakup front-end submissions.

20. WP Logo Showcase Responsive Slider Pro

Ini saatnya untuk meningkatkan halaman portfolio Anda. Inilah saatnya bagi WP Logo Showcase Responsive Slider Pro.

Plugin WordPress ini dirancang untuk menampilkan karya perancang, namun juga dapat digunakan untuk menampilkan logo klien dan mitra atau hal lain yang sesuai dengan jenis antarmuka pengguna ini.

WP Logo Showcase Responsive Slider Pro

Fitur slider yang responsif ini:

  • include widget slider dan grid
  • Tooltip dan pilihan animasi custom
  • Lebih dari 15 desain yang telah ditentukan
  • drag and drop admin
  • dan banyak lagi

Beberapa slider mencoba menawarkan segalanya, sementara WP Logo Showcase Responsive Slider Pro berfokus pada satu niche dan gaya slider dan nails dengan sempurna.

Kesimpulan

Memiliki user interface yang baik sering bisa membuat atau menghancurkan situs Anda. Anda dapat memiliki tata letak yang bagus, warna bagus, dan konten yang bagus, namun jika Anda tidak memiliki antarmuka yang baik, pengguna Anda tidak akan menggunakan situs web Anda.

Ke 20 elemen antarmuka pengguna WordPress yang populer dari Envato Market ini tentunya patut dipertimbangkan, namun jika Anda masih belum menemukan yang terbaik, Anda mungkin ingin menggali perkembangan dengan Plugin Development Essentials WordPress, Panduan Hacker WordPress untuk Galaxy , Atau beberapa eBook bermanfaat seperti Trik Berguna dan Teknik untuk WordPress atau Menguasai WordPress.

Apa elemen antarmuka pengguna WordPress favorit dan paling efektif Anda?

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.