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

2017年9月5日体験Wordpress

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

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

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

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

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

1. 手順
2. 終わりに

手順

WordPressの<ダッシュボード>　→　<外観>　→　<テーマの編集>　をクリック
画面右上の「編集するテーマの選択」から「Luxeritas」を選択（Child themaではありません）
右側のプログラム一覧から「個別投稿(single.php)」を見つけて選択します。
表示されたプログラムの最下段付近にある「<?php thk_call_sidebar(); ?>」を見つけ、この行を削除します。そして改めて以下の3行を同じ場所に記述し保存してください。

<?php if (!is_mobile()) :?>
<?php thk_call_sidebar(); ?>
<?php endif; ?>

続いてWordPressの<ダッシュボード>　→　左カラムの<Luxeritas>　→　<子テーマの編集>　をクリックします。
タブから「functions.php」をクリックします。
「以下好みに応じて～」と書いてある部分より下に以下をペーストしてください。

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']);
}