Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Widgets
Code

Mengintegrasikan Menu Superfish ke dalam Template

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

Ini adalah panduan singkat dan mudah langkah demi langkah untuk menggunakan plugin menu jQuery, Superfish, yang dikembangkan oleh Joel Birch.


Langkah 1 Mengunduh

Unduh zip paket Superfish dari situs web resminya.


Langkah 2 Struktur File

Salin CSS dan JS ke folder tema. Untuk tut kita, targetnya adalah folder twentyeleven. Nama-nama direktorinya adalah superfish-css dan superfish-js.


Langkah 3 Perintah Impor

Impor file CSS & JS ke header.php dengan fungsi wp_enqueue_script dan wp_enqueue_style WordPress.


Langkah 4 Pengaturan Kelas

Cari baris yang ditunjukkan di bawah ini dan ubah sesuai yang ditunjukkan. Dengan cara ini, kita membuat WordPress untuk menggunakan versi Superfish untuk menu utama:


Langkah 5 Membuat Menu

Buat dan simpan sistem menu di admin WordPress, maka itu akan muncul di bagian situs yang sesuai. Gambar di bawah ini menunjukkan situs sebelum menu ditambahkan:


Langkah 6 Menu Ditambahkan

Setelah menu ditambahkan:


Langkah 7 Penataan

Ubah gaya Superfish untuk mencocokkan tema Twenty Eleven. File ini disebut superfish.css. Di bawah ini adalah detailnya:


Langkah 8 Versi Selesai

Di sini akan terlihat ketika selesai:

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.