Bagaimana untuk melaraskan kesan menu WordPress

Question

Saya telah bermain-main dengan tema WordPress baru-baru ini dan memasang "Kratos". Saya mahu melaraskan kesan bar menu di atas dengan kod. Saya juga boleh datang dan meminta nasihat Kesan tema adalah seperti berikut:

Sekarang Terdapat dua soalan:

Bagaimana untuk menyesuaikan menu di bahagian atas versi PC ke penjajaran kiri? lalai kini adalah penjajaran yang betul.

Bagaimana untuk menjadikan menu kedua secara automatik berkembang apabila tetikus digerakkan ke atasnya?

Answer 1

Untuk melaraskan menu di atas versi desktop agar dijajar ke kiri, anda boleh berbuat demikian dengan menambahkan CSS tersuai. Sila ikuti langkah berikut: Log masuk ke bahagian belakang WordPress, pergi ke "Penampilan" -> "Editor", dan cari fail style.css tema Kratos. Tambahkan kod berikut di bahagian bawah fail:

@media screen and (min-width: 992px) {  .navbar-nav {    float: left;  } }

Ini akan menjadikan menu dijajar ke kiri apabila lebar skrin lebih besar daripada 992 piksel. Untuk membuat menu sekunder berkembang secara automatik apabila tetikus bergerak ke atasnya, anda boleh menggunakan jQuery untuk menambah pengendali acara. Sila ikuti langkah berikut: Dalam bahagian belakang WordPress, pergi ke "Penampilan"->"Editor" dan cari fail header.php tema Kratos. Tambahkan kod berikut di bahagian bawah fail:

<script>  jQuery(document).ready(function($) {   
 $('.dropdown').hover(function() {     
  $(this).addClass('open');  
    }, function() {   
       $(this).removeClass('open'); 
      }); 
   });
</script>

Ini akan menambah pengendali acara apabila halaman dimuatkan dan apabila tetikus dituding di atas menu lungsur ia akan menambah kelas "terbuka", sekali gus mengembangkan lungsur turun. Apabila tetikus bergerak jauh, ia mengalih keluar kelas "terbuka", sekali gus meruntuhkan menu lungsur turun. Ambil perhatian bahawa jika anda baru menggunakan CSS dan jQuery, adalah idea yang baik untuk menyandarkan fail anda sebelum mengubah suai kod anda dan menguji semua perubahan selepas itu untuk memastikan ia berfungsi seperti yang diharapkan.