スライドインメニューの項目の表示を変更したい

PR 2015/7/21

このトピックには4件の返信、2人の参加者があり、最後にmchanにより11年、 3ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2015年7月20日 3:30 AM #29661
  
  mchan
  ゲスト
  
  お世話になっております。
  
  スライドインのメニューの項目を変更したいのですが、どのようにしたらいいか教えて頂くことはできますか？
  
  具体的には、「サイドバー」という表示を、「人気記事など」に変えたいと思っています。
  
  どうぞよろしくお願いします。
- 2015年7月20日 12:50 PM #29671
  
  Hidekichi
  ゲスト
  
  css-custom.phpの780行目辺りから見てもらったらサイドバーの部分があると思います。名称だけは変えられると思います。
  
  オリジナル(英語)は、/css/footer-mobile-button.cssの210行目辺りです。
- 2015年7月20日 4:48 PM #29679
  わいひら
  キーマスター
  以下のスタイルで、CSSが上書きされるようにstyle.cssなどに書いてください。
```
.menu-caption-sidebar::before{
  content: 'サイドバー';
}
```
  もしかしたら、CSSセレクタの優先度をあげて書く必要があるかもしれません。
  よくわからなかったら、!importantを使ったほうがいいかも。
- 2015年7月20日 5:05 PM #29681
  Hidekichi
  ゲスト
  僕はてっきりjQueryでは、擬似要素(beforeとかafter)にはアクセスできない(非DOMであるため)と思い込んでいましたが、今回の場合は何とかできそうなので、その方法を書いておきます。
```
(function($){
  $(function(){
    $("head").append("<style type='text/css'>.menu-caption-sidebar::before{content:'人気記事など';}</style>");
  });
})(jQuery);
```
  CSSは後から書いたものが優先されるということで、jQueryでheadの一番最後にスタイルを追加したら動作しましたので報告しておきます。まぁjQueryで擬似要素にアクセスしているわけではないんですけど、考えてみたらindexに書きだせばそりゃイケるよねってことで。
  これだったら親テーマをいじくる必要はないので、カスタマイズには良いかもと思います。
- 2015年7月21日 2:38 AM #29697
  mchan
  ゲスト
  わいひらさん
```
.menu-caption-sidebar::before{
  content: '人気記事など' !important;
}
```
  これで出来ました＾＾
  ありがとうございました！
投稿者

投稿

4件の返信スレッドを表示中

トピック「スライドインメニューの項目の表示を変更したい」には新しい返信をつけることはできません。