ムーバブルタイプ(MovableType)レスポンシブレイアウト

movabletype6はログイン後の管理画面がスマホにも最適化されていた

この記事は約4分で読めます。

movabletype6スマフォの画面一部movabletype6はレスポンシブデザインに対応したブログシステムである。レスポンシブのデザインテーマを選択しておけば、スマホで閲覧したときの画面表示が可変幅なので、サイズが最適化表示してくれるのがメリットだ。実は管理画面もスマホに最適化されていた。スマフォでブラウザを開きログインしてみると、いつもパソコンの画面で見慣れたMovableType6の管理画面がスマホ用で表示された。WordPressではスマホ用のアプリを使うので、MovableType6用のアプリを探していてもないわけである。movabletype6の管理画面はスマフォでもアプリなしで使えそうだ。

▼このブログの管理画面をスマフォで閲覧した画面
movabletype6スマフォの管理画面

MovableType6には最初からスマートフォンオプションというのがついており、標準のままで管理画面がスマフォに最適化されていた。
以下引用(http://www.movabletype.jp/documentation/mt6/smartphoneoption/より)

スマートフォンオプションとは

「Smartphone Option(スマートフォンオプション)」とは、スマートフォンからサインインした際、管理画面をスマートフォンに最適化して表示するプラグインです。Movable Type 6 には自動で同梱されています。

管理画面の概要

スマートフォンオプションの管理画面は、大きく分けると 3 つの領域で構成されます。

PC からサインインしたときと大きく違うのは、「システム画面」が表示されない点です。

スマートフォンオプションでは、ブログのシステム設定など、Movable Type の設定変更に関わる機能は非表示処理を行なっています。

sp_interface_summary.png

ユーザーダッシュボード

Movable Type にサインインすると、最初に表示される画面です。サインインしたユーザーの情報や、権限を持っているウェブサイトおよびブログが表示されます。

ウェブサイト

作成済みのウェブサイトを選択、操作できます。記事とウェブページ、配下にあるブログの記事作成が可能です。

ブログ

ウェブサイトの配下にある、ブログの操作が可能です。記事とウェブページの作成が可能です。

ユーザーダッシュボードとナビゲーション

管理画面にサインインしたときに、最初に表示される画面をユーザーダッシュボードと呼びます。左上の逆三角のナビゲーションアイコンをタップすることで、ウェブサイト、ブログに操作を切り替えます。

ユーザーダッシュボード、ウェブサイト、ブログの 3 つの領域を移動するために、画面左上の “ナビゲーション” を利用します。ナビゲーションのプルダウン(左上の三角マーク)をタップし、移動先のウェブサイト、ブログの名前を選択します。

目的のウェブサイトやブログが、プルダウンに表示されない場合は、”ブログ(ウェブサイト)を選択” を選んでください。ユーザーが権限を持つウェブサイト、ブログの一覧が表示されます。また、現在のウェブサイト、ブログの名前をタップすると、それぞれのダッシュボードに移動します。

navigation.png

サイドメニュー

ナビゲーションで選んだ、ウェブサイト、ブログで実行する操作を選びます。ユーザーが権限を持っていないメニューは表示されません。

左上にあるサイドメニュー用アイコンをタップすることで、サイドメニューが開き、現在操作できる操作項目が表示されます。さらに、サイドメニューの左側にある逆三角のアイコンをタップすることで、”一覧”、”新規”、”カテゴリ” といったサブメニューが表示されます。トップメニュー自体をタップすると、サブメニューの一番上の項目を選択します。

menu.png

ウェブサイト、ブログの違い

サイドメニューに表示される項目は、ウェブサイト、ブログで異なります。

ウェブサイトでは、配下にあるブログ一覧、記事一覧、ウェブページ一覧、フォルダなどが表示されますが、カテゴリ一覧は表示されません。ウェブサイトおよびウェブサイト配下のブログデータを一覧で確認することができます。

ショートカット

画面右上に、よく使う操作のショートカットが用意されています。ヘッダーのショートカットは以下のとおりです。

header_button.png

再構築
現在選択中のブログ、ウェブサイトを再構築します。
サイトの表示
現在選択中のブログ、ウェブサイトの公開済データを、別ウィンドウで表示します。
検索
現在選択中の一覧画面に応じたデータの検索ができます。

フッターには、2 つのショートカットとユーザー名が表示されます。フッターのショートカットは以下のとおりです。

footer_button.png

サインアウト
現在サインインしているユーザーをサインアウトします。
ユーザー名
現在サインインしているユーザー名を表示します。
PC 表示
タップすることで、「PC 向けの MT の管理画面」に切り替えます。PC 表示では、スマートフォン用管理画面に戻るための「モバイルダッシュボード」へのリンクがあります。タップすることで、再びスマートフォン用の管理画面に戻ります。

pc_view.png

Updated on 2013-10-08, 17:35