Luxeritas でスマホからの閲覧場合にサイドバーを非表示にする方法

体験Wordpress

 

当ブログで使わせてもらっているワードプレス用テーマ「Luxeritas」(ルクセリタス)

レスポンシブで非常に気に入っていますがスマホサイトの場合、サイドバーの部分が記事の下にきてしまうので効率が悪いです。

Luxeritasの作者様は調べれば出てくるようなことを聞いてくる俗称「教えてクレクレ君」は相手にしないスタイルとのことですので、私も自分なりに調べてみて解決しましたので情報共有を含めて記事にしようと思いました。

よろしくお願いいたします。

Luxeritasでスマホの場合サイドバーを表示させない方法

手順

  1. WordPressの<ダッシュボード> → <外観> → <テーマの編集> をクリック
  2. 画面右上の「編集するテーマの選択」から「Luxeritas」を選択(Child themaではありません)
  3. 右側のプログラム一覧から「個別投稿(single.php)」を見つけて選択します。
  4. 表示されたプログラムの最下段付近にある「<?php thk_call_sidebar(); ?>」を見つけ、この行を削除します。そして改めて以下の3行を同じ場所に記述し保存してください。
  5. <?php if (!is_mobile()) :?>
    <?php thk_call_sidebar(); ?>
    <?php endif; ?>
    
  6. 続いてWordPressの<ダッシュボード> → 左カラムの<Luxeritas> → <子テーマの編集> をクリックします。
  7. タブから「functions.php」をクリックします。
  8. 「以下好みに応じて~」と書いてある部分より下に以下をペーストしてください。
  9. function is_mobile(){
        $useragents = array(
            'iPhone',          // iPhone
            'iPod',            // iPod touch
            'Android',         // 1.5+ Android
            'dream',           // Pre 1.5 Android
            'CUPCAKE',         // 1.5+ Android
            'blackberry9500',  // Storm
            'blackberry9530',  // Storm
            'blackberry9520',  // Storm v2
            'blackberry9550',  // Storm v2
            'blackberry9800',  // Torch
            'webOS',           // Palm Pre Experimental
            'incognito',       // Other iPhone browser
            'webmate'          // Other iPhone browser
        );
        $pattern = '/'.implode('|', $useragents).'/i';
        return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
    }
    
  10. 以上です。スマホで自分のサイトを見て、最下段にサイドバーが表示されていないことをご確認ください。

終わりに

以上が、Luxeritasでサイドバーを表示させない方法です。

Luxeritasは非常に出来の良いテーマですが参考サイトがとても少ないように思いました。

今後Luxeritasについてはどんどん触っていきたいと思っていますのでまた躓きそうな部分がありましたらこうして記事にまとめて共有していきたいと思っています。

間違い等ありましたらお手数ですがtwitterへご連絡願います。

以上です。

読んでいただきありがとうございます。

 

体験Wordpress

Posted by sensiki