Screen Options tidak berfungsi – Penyebab dan cara mengatasinya

Screen Options tidak berfungsi – Penyebab dan cara mengatasinya

Screen Options tidak berfungsi di dashboard admin wordpress sering dijumpai pada web yang memiliki banyak plugin. Dalam tutorial wordpress kali ini ki

Cara Membuat Halaman (Page) di WordPress
Cara Membuat WordPress Multisite (WPMU) subdomain
Cara Mengganti Password WordPress melalui phpmyadmin

Screen Options tidak berfungsi di dashboard admin wordpress sering dijumpai pada web yang memiliki banyak plugin. Dalam tutorial wordpress kali ini kita akan membahas bagaimana mengatasi masalah tombol screen options yang tidak bisa berfungsi. Masalah ini timbul karena ada crash class CSS wordpress dengan CSS bawaan plugin.

Untuk memahami masalah yang dibahas dalam tutorial kali ini, di bawah ini kami berikan ilustrasi video saat tombol screen Options tidak bisa berfungsi dengan baik:

Loading...

Penyebab Masalah Screen options Tidak bisa berfungsi

Screen Options menggunakan class .hidden untuk menyembunyikan dirinya. saat tombol screen option kita klik, maka script admin akan menambahkan style=”display:block” ke dalam id #screen-options-wrap. Masalah akan timbul jika ada plugin atau theme yang menggunakan CSS bootstrap, dimana dalam CSS bootstrap tersebut terdapat:

.hidden {
  display: none !important;
}

yang menyebabkan style=”display:block” yang ditambahkan oleh script admin wordpress menjadi tidak berfungsi sama sekali.

Cara mengatasi Tombol Screen Options tidak bisa berfungsi

cara1: Edit file admin-footer.php

Cara yang paling mudah untuk mengatasi masalah ini adalah dengan menambahkan beberapa baris javascript di file wp-admin/admin-footer.php dan menambahkan script javascript sebagai berikut sebelum tag </body>:

Penting untuk diperhatikan
Script ini akan terhapus saat anda upgrade wordpress. Jadi mohon perhatikan bahwa Anda harus melakukan editing ulang setelah anda melakukan upgrade versi wordpress
<script>
jQuery(document).ready(function ($) {
    $("#show-help-link").click(function () {
        $("#contextual-help-wrap").css("cssText", "display: block !important;");
    });
    $("#show-settings-link").click(function () {
        $("#screen-options-wrap").css("cssText", "display: block !important;");
    });
})
</script>

Cara 2: Cari dan hapus plugin penyebab masalah

Cara ini relatif lebih aman namun sangat sulit karena anda harus mencari plugin yang menjadi penyebab masalah ini dan menghapusnya. Cara paling simple dalam cara 2 kali ini adalah dengan menonaktifkan semua plugin, kemudian aktifkan plugin satu per satu sambil mencoba fungsi tombol screen options. Saat tombol tidak berfungsi, artinya plugin tersebut yang menjadi penyebab masalah ini. Edit CSS di plugin tersebut dengan menghilangkan kata important di bagian class hidden. Namun jika anda kurang memahami coding, cukup hapus atau non aktifkan plugin tersebut.

Video di bawah ini adalah ilustrasi setelah dilakukan perbaikan, screen Options Berfungsi dengan baik saat kita klik:

Semoga bermanfaat.
Sumber: https://www.humayraa.com/mengatasi-masalah-screen-options-tidak-berfungsi/

Loading...
loading...

COMMENTS

WORDPRESS: 0
DISQUS: 0