プロジェクト

全般

プロフィール

Enhancement(機能追加・改善) #1456

Add a link to backend-top on the pc_backend. (管理画面に「管理画面トップ」へのリンクを追加)

Minoru Takai13年以上前に追加. ほぼ13年前に更新.

ステータス:
Fixed(完了)
優先度:
Normal(通常)
担当者:
対象バージョン:
開始日:
2010-07-30
期日:
進捗率:

100%


説明

概要

管理画面においてセッションタイムアウトでセッション切れした場合に操作を続けると、ログイン画面に遷移するか、

ログインに失敗しました。
<a onclick="history.back(); return false;" href="#">前のページに戻る</a>

といった内容のコンテンツしかないページが表示される。このページでは画面遷移ができず行き止まりになってしまう。

また、行き止まりに関わらず、ユーザビリティ的にもヘッダ部の見出し部分は(トップページへの)リンクになっていると好ましい。

修正内容

管理画面のヘッダ部の見出し部分(h1要素)の内容をリンクにする。

補足

一般的にリンク部分は、リンクであることが分かるようになっていることが好ましいが、ロゴ部分など特定箇所に於いてはその必要性は弱いと思われる。リンクであることが分かるようになっていることが好ましい理由についてはウェブコンテンツ・アクセシビリティ・ガイドライン(WCAG)等に示されているが、本件はこれを考慮すべきものでもない。

見出し部分について、リンクにしたついでに色などの見栄えを変更することも自由ではあるが、特に変更する理由がなく、また(リンクにしたことにより)下線が引かれると現状のデザイン(見栄え)に対して不自然に感じるため、この下線は表示されないようにしておく。


関連するチケット

関連している OpenPNE 3 - Enhancement(機能追加・改善) #1080: Add a button to view site on the pc_backend. (管理画面に「サイトを確認」ボタンを追加) Fixed(完了) 2010-05-17
関連している OpenPNE 3 - Backport(バックポート) #2258: Add a link to backend-top on the pc_backend. (管理画面に「管理画面トップ」へのリンクを追加) Fixed(完了) 2011-07-04

関係しているリビジョン

リビジョン 3c854f48 (差分)
Itsuro Tajima13年以上前に追加

(fixes #1456) added link to pc_backend header title

リビジョン 08493c15 (差分)
Itsuro Tajima13年以上前に追加

(fixes #1456) fixed css selector

リビジョン 2fe23c80 (差分)
Minoru Takaiほぼ13年前に追加

(fixes #1456) removed the underline for a looks

履歴

#1 Itsuro Tajima13年以上前に更新

  • ステータスNew(新規) から Accepted(着手) に変更
  • 担当者Itsuro Tajima にセット

#2 Itsuro Tajima13年以上前に更新

  • ステータスAccepted(着手) から Pending Review(レビュー待ち) に変更
  • 進捗率0 から 50 に変更

更新履歴 3c854f48523c6e2a73c7fb31cfeaa7e21807928e で適用されました。

#3 Minoru Takai13年以上前に更新

  • ステータスPending Review(レビュー待ち) から Rejected(差し戻し) に変更

HTML/CSS改善チケットへの着手ありがとうございます。

#header h1 a:link, a:visited, a:hover, a:active {
  color: #FFFFFF;
}

このセレクタ部の記述は適切ではありません。カンマで区切られるそれぞれのセレクタに対して対象となる主体を指すパターンを記述しなければ意図する結果になりません。つまり次のように #header h1 をそれぞれのセレクタに記述する必要があります(改行の有無は関係ありません)。

#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:active {
  color: #FFFFFF;
}

ただし、ここで記述しているセレクタグループのセレクタは全てキーセレクタ(主体となる要素)が同一(a 要素そのもの)です。つまり、以下のように記述した方がよいかもしれません。

#header h1 a {
  color: #FFFFFF;
}

#4 Itsuro Tajima13年以上前に更新

  • ステータスRejected(差し戻し) から Accepted(着手) に変更

了解しました。

#header h1 a {
  color: #FFFFFF;
}

に変更してコミットしました。

#5 Itsuro Tajima13年以上前に更新

  • ステータスAccepted(着手) から Pending Review(レビュー待ち) に変更

更新履歴 08493c15482a0a0d9080c5f0c64ca590f2e1fed7 で適用されました。

#6 Masato Nagasawa約13年前に更新

  • ステータスPending Review(レビュー待ち) から Rejected(差し戻し) に変更

説明に修正内容の記述をお願いします。
また、他バージョンでこの問題が発生しないかの確認をお願いします。

#7 Minoru Takai約13年前に更新

  • ステータスRejected(差し戻し) から Accepted(着手) に変更
  • 担当者Itsuro Tajima から Minoru Takai に変更

引き継ぎます。

#8 Minoru Takaiほぼ13年前に更新

  • ステータスAccepted(着手) から Pending Review(レビュー待ち) に変更

更新履歴 2fe23c808fc43cb7207c685a63b51d777312774f で適用されました。

#9 Minoru Takaiほぼ13年前に更新

  • ステータスPending Review(レビュー待ち) から Pending Testing(テスト待ち) に変更
  • 進捗率50 から 70 に変更

#10 Minoru Takaiほぼ13年前に更新

  • 題名Add a link to backend-top on the pc_backend. (管理画面に「管理画面トップ」へのリンクを追加) から Add a link to backend-top on the pc_backend. (管理画面に「管理画面トップ」へのリンクを追加) に変更

#11 Minoru Takaiほぼ13年前に更新

  • ステータスPending Testing(テスト待ち) から Fixed(完了) に変更
  • 進捗率70 から 100 に変更

コードチェックおよび動作テストを行いました。

修正内容について

  • apps/pc_backend/templates/layout.php
     <div id="header">
    -<h1><?php echo __('%sns% Administration', array('%sns%' => $op_config['sns_name'])) ?></h1>
    +<h1><?php echo link_to(__('%sns% Administration', array('%sns%' => $op_config['sns_name'])), '@homepage') ?></h1>
     <span id="visit-site"><a href="<?php echo app_url_for('pc_frontend', '@homepage', true) ?>" target="_blank"><?php echo __('Visit Site') ?></a></span>
     </div>
    

リンク先URLをルーティング定義されている @homepage を用いて生成しており、環境に依存する不適切なURLの書き方ではないため、(この対応でもっとも重要な)リンク先については適切な修正だと判断しています。

CSSの修正(スタイル指定)についても特に問題はありません。また、修正全体について、コーディング規約の観点からの問題も特に見当たりません。

動作テストについて

管理画面の見出し部分がリンクになっており、想定通りの動作となっています。この修正は小規模なためこれ以上のテストも特に必要はないと判断しています。

チケットを完了にします。

他の形式にエクスポート: Atom PDF