管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その
WordPress：投稿一覧にサムネイル・ID・スラッグ・文字数の項目を追加する方法 - NxWorld
WordPress投稿一覧にサムネイル・ID・スラッグ・文字数の項目を追加する方法です。 小さくて見難いですが、上記イメージはデフォルトの投稿一覧をキャプチャしたものです。 表示オプションで何もいじっていなければこの画像のように「タイトル」「作成者」「カテゴリー」「タグ」「コメント」「日時」の6項目が表示されていると思いますが、ここに個人的によく使うことがあるのではと思う「サムネイル」「ID」「スラッグ」「文字数」の4項目を新たに追加・表示させます。 実装にはを使用するので、テーマ内にない場合は作成して下記で紹介する方法をそれぞれ記述してください。 // 投稿一覧にサムネイル追加 function add_posts_columns_thumbnail( $columns ) { $columns['thumbnail'] = 'サムネイル'; return $columns; } fun
AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
これで十分でしょ！ Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも！ アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で
WordPress プラグイン管理ページ作成についての覚え書き ( 2 ) | WPMEMO
WordPress プラグイン管理ページ作成についての覚え書き ( 1 ) WPMEMO | WPMEMOの続きで。 管理設定ページにフィールドを追加する Settings API « WordPress Codexに書かれているサンプルの通りにコードを書くとフィールドを追加でき、入力してもらったデータをデータベースに保存することができる。 また、wp_nonce()やrefferer checkなどの脆弱性を無くす処理なども実装できる。 設定ページのslugで設定セクションを登録。 <?php add_settings_section( $id, $title, $callback, $page ); ?> 設定セクションの中にフィールドを登録。 <?php add_settings_field( $id, $title, $callback, $page, $section, $
WordPressの設定画面への項目追加方法まとめ – Simple Colors
WordPressの設定メニュー内の「一般」「投稿設定」「表示設定」「ディスカッション」「メディア」「プライバシー」「パーマリンク設定」の７ページでは、ほぼ同一の手法で独自の項目を追加することができます。この追加方法と各設定画面における追加可能な場所をまとめてみました。 ※ 「パーマリンク設定」ページでは、項目の表示追加方法は同じですが、データの保存方法が異なります。 設定画面の構成 設定ページでは、同一機能に関する項目をまとめたものをセクション、セクションが集まって１つの設定画面を構成し、これをページと捉えます。 設定画面では、ページに対してセクションを追加したり、セクションに対して項目が追加できるようになっています。 項目の表示追加 項目の表示追加は、add_settings_field関数を用いて行います。追加する項目が複数ある場合の表示順は、add_settings_field関数
超シンプルなWordPress編集画面を提供するプラグイン3つメモ - Web学び
2012年 6月 18日 実用的かどうかは置いといて、カスタム投稿をこんな感じにまで削れました。 (左バーは折り畳んでいますが、開いてもカスタム投稿のみです) ここまでシンプルならばヘルプすらもいらない !? お客さんへの説明も、ここは押さないでね♪ と言わないで済むのでおすすめです。管理者以外にとって、カオスな部分は見せないほうがいいです。 Adminimize この機能においては定番のプラグインですね。 下にずらーと並んだ項目に、チェックを付けるとユーザーの種類ごとにいろいろ消せます。 他はチェックつけるくらいなので、とりあえず以下を設定 管理バー右上にログアウトを表示し、 フッターの「WordPressのご利用ありがとうございます。」&バージョン情報を隠す。 Exclude Super Admin を Active にすると管理者だけは、この設定が適応されません。 後は必要に応じてひ
WordPressの管理画面や投稿画面を使いやすくする７つのプラグイン
WordPressの管理画面や記事投稿を助ける便利なプラグインをご紹介します。 かなりの数があるので、自分のオススメをいくつか。 Admin Post Navigation 投稿画面に前のエントリや後のエントリの編集画面に移るリンクを表示します Scissors これは個人的に手放せないくらい便利なプラグイン。 画像をアップロードした際に編集する事が出来ます。 [note]日本語ファイル作成しました[/note] ・Crop→画像のトリミング ・Resize→画像のサイズ変更 ・Rotate→向きの変更（９０度単位） ・Watermarks→電子透かし※誤訳でした。申し訳有りません ・Abort→中止 Adminimize マルチポスト（複数人運営）として利用している際に他ユーザーの権限を細かく設定可能です。 WPでWebサイト制作を頼まれた時に凄く喜ばれたので入れてみました。 Simpl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressの管理画面カスタマイズ時に使えるハック #4 - NxWorld
WordPressの管理画面カスタマイズ時に使えるハック #1 - NxWorld
WordPressの管理画面をBootstrapっぽく変更するプラグイン・Bootstrap Admin