plugin dedipin aslında bu kadar basit bir şey. Çok basit ihtiyaçlarda kullanılabilir.
<?php
/**
* Plugin Name: Storefront Mega Menus, InnerSpace
* Description: Change Storefront Mega Menus sub-menus to appear on click rather than on hover.
* Version: 1.0
* License: GPL v3
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
function innerspace_mega_menu_click() {
?>
<style type="text/css">
@media (min-width: 768px) {
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.secondary-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul {
display: none;
}
.main-navigation ul li.menu-item-has-children.focus > ul,
.secondary-navigation ul li.menu-item-has-children.focus > ul {
display: block;
}
}
</style>
<script type="text/javascript">
jQuery(document).ready(function($) {
if ($(".menu-item-has-children").hasClass("focus")) {
$("body").click(function () {
$(".menu-item-has-children").removeClass("focus");
});
}
})
</script>
<?php
}
add_action( 'wp_footer', 'innerspace_mega_menu_click' );