DokuWiki: Layout Switcher Plugin

投稿日：2018年11月20日更新日：2021年2月1日

DokuWiki用プラグイン「Layout Switcher Plugin」のページです。

1. 概要

概要	スマートフォンで閲覧した場合（1カラムレイアウト）に、PC用レイアウト（2カラムレイアウト）に切り替えられるようにします。 ※ 基本的には、デフォルトのテンプレート (dokuwiki) の使用を前提としています。 ※ デフォルト状態の DokuWiki は、この切り替えができません。
最終更新日	2018-11-20
Provides	Action
Repository	Source

Releases ページから、ソースファイルをダウンロードし解凍します。

もしくは、laboradian/layoutswitcher を git clone コマンドでクローンしてもよいです。

解凍してできた layoutswitcher ディレクトリを、サーバー上の lib/plugins/ 以下に配置します。

FTP クライアントアプリケーションを使ってアップロードするのが簡単です。

このプラグインがインストール済みの状態になります。

現在使用中のテンプレートディレクトリ（デフォルトは、lib/tpl/dokuwiki）の中にあるファイルから、viewport の metaタグを削除します。

具体的には、<head> の中にある以下の記述を削除します。

<meta name="viewport" content="width=device-width,initial-scale=1" />

デフォルトテンプレートである lib/tpl/dokuwiki の場合は、detail.php, main.php, mediamanager.php の3ファイルになります。

DokuWikiのページのどこかに、レイアウト変更用ボタンを記述します（トップページの一番下などがお勧めです）。

その際、クリックする要素の class 属性として、”elm-to-switch-layout” という値をセットしてください。

例えば、こんな記述です。クリックできる要素であれば、ボタンでなくても構いません。

<html>
    <button class="elm-to-switch-layout">レイアウト変更 for Mobile</button>
</html>

スマートフォンで DokuWiki にアクセスした時、このボタンを押してレイアウトを切り替えることになります。

スマートフォンで DokuWiki サイトにアクセスし、用意したボタンをクリックするだけです。

ボタンをクリックすると画面がリロードされ、PC用のレイアウトでサイトが表示されます。
もう一度押すと元に戻ります。

個人的には便利なプラグインですが、完成度が低いのでDokuWiki公式サイトに置く予定はありません。

📂-Web

執筆者：labo