Loncat ke Konten Utama

Bagaimana menambahkan menu layar penuh dan responsif WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Pernahkah Anda melihat menu responsif layar penuh di blog populer? Menu-menu ini ditampilkan saat mengklik ikon menu. Ketika pengguna mengkliknya, overlay meluncur ke layar dan menampilkan konten menu.

Dalam tutorial ini, saya akan menunjukkan kepada Anda bagaimana menampilkan menu layar penuh dan responsif di blog WordPress Anda, tanpa harus menulis satu baris kode pun.

menu fullscreen-preview

Hal pertama yang harus dilakukan adalah menginstal dan mengaktifkan plugin DC Fullscreen Responsif menu. Setelah mengaktifkan plugin, Anda perlu mengunjungi lokasi “Penampilan> Menu Layar Penuh DC“, Untuk mengkonfigurasi menu.

fullscreenmenusettings

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Di antarmuka baru ini, Anda harus memilih menu yang ingin Anda tampilkan. Jika Anda belum membuat menu, Anda harus berpikir untuk melakukannya.

Setelah itu Anda perlu memilih arah animasi (dari kiri ke kanan atau dari kanan ke kiri). Anda dapat memilih di antara beberapa jenis hiburan.

DC Fullscreen Responsif memungkinkan Anda memilih gambar latar dan teks untuk menu juga. Pastikan Anda telah memilih kombinasi yang bagus yang akan lembut di mata, dan yang cocok dengan skema warna Anda.

Saat memilih teks atau warna latar belakang, Anda harus selalu mempertimbangkan karakter keterbacaan.

Anda dapat memilih kebijakan Google Font untuk menu Anda. Cukup tentukan nama font dan plugin akan melakukan sisanya.

Jangan lupa hapus centang pada kotak “Tiny Link ke penulis“, Yang akan mencegah Anda memposting tautan ke situs web penulis (kecuali jika Anda ingin memberikan dukungan Anda yang tidak akan penolakan setiap).

Dan akhirnya, Anda harus klik pada tombol "Menyerahkan" untuk menyimpan menu Anda. Sekarang Anda dapat mengunjungi blog Anda untuk melihatnya beraksi. Coba ubah ukuran dimensi jendela browser, jika Anda tidak dapat menguji menu ini di perangkat lain.

Itu saja untuk tutorial ini, jangan ragu untuk membagikannya dengan teman-teman Anda di jejaring sosial favorit Anda. Dan saya menggunakan kesempatan ini lagi untuk mengucapkan selamat tahun baru 2016 kepada Anda.

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
4 saham
saham4
menciak
Register