Vue.jsで追従サイドメニューを作成
<div class="sticky-scroll" // ベースのスタイル :class="{ isScrollEnd: isScrollEnd }" // フローティングするボックスがウィンドウ下部を付け抜けないための判定 ref="sideHeight" // 計算のための高さ取得 > ～ ここにコンテンツが入ります ～ </div> <script> e […]
メニュー
ユーザー権限別での管理画面メニューの非表示の仕方
// 管理メニュー非表示 function remove_menus(){ if( current_user_can( 'seminaruser' ) ){ remove_menu_page( 'index.php' ); //ダッシュボードを隠します remove_menu_page( 'edit.php' ); //ブログ投稿メニューを隠します remove_menu_page( 'post. […]
クリックで回転するドーナツ型メニューの実装
１、要素数分のliを用意 ２、css内「$menu-items: 11;」の数値にliの個数を入力 上記でメニューの設定は出来る。ただし、li要素同士が重なり合うのでスタイルを調整する ■html <ul class="wrapper rotated-1"> <li> <span>Menu Item 1</span> </li> < […]