Paroday

Paroday:ニュースやアニメのレビュー、FC2ブログのテンプレート・プラグインなどを配信しています。

もしかして Parody ではありませんか? yes

管理画面の新しいレイアウト 主な変更点/追記

2009年12月4日 01:00 - レイアウトに追加変更がありました

 テンプレ編集ページのユーザースタイル、新レイアウトのユーザースタイルともに変更が必要です。再度コピーし直してください。新たに可変化(ウインドウのサイズ依存)・旧レイアウトのスタイルを追加しました。

実寸

実寸 : 新レイアウト上部(変更後)(初期)
1/2(全体) : 新レイアウト旧レイアウト比較

主な変更点(赤字部分は後で変更されたもの)

  • 全体の横幅 : 800px→900px
  • お知らせページのみ3カラム。他ページは 100px ほどメイン部分が広く。
  • トラックバックテーマを残して、インフォメーションと障害情報が右端のカラムへ。
  • 文字サイズ : 12px→13px→12px
    以前の管理ページの文字サイズ(12px)に戻されました。

 フッターメニューの横幅(900px) に合わせて、900px としたのでしょう。ディスプレイが小さいと少し窮屈かもしれません。旧レイアウトよりも縦幅が少し短くなっています。

 以前の管理ページのように、コメント投稿者の名前がtd要素で区切られ、右端に移動しました。各コメント管理ページに直接移動するときに、誤って投稿者サイトをクリックする可能性が減りました。

 コメント投稿者の名前をクリックすると投稿者のサイトに飛びます。場所が場所なだけにスパムコメントのURLを誤ってクリックしてしまう恐れがあります。

※「段階的に開始し、12月より全ユーザに適用を予定しています」とあるので、まだ適用されていないサーバーがあるかもしれません。

新レイアウトのカスタマイズ

[!] 最新のスタイルはテンプレ編集ページなどの管理ページカスタマイズよりコピーしてください


※ここに掲載されているコードは過去のものです

 ユーザースタイルシートを利用します。設定方法については編集ページのカスタマイズを参考にしてください。

デザイン変更

 メニューの幅を少し広げています。アプリケーション、トラックバックテーマは非表示にします。選択されたページの文字は太字では弱いので、赤色にします。

 他サイトで適用されてしまう可能性を考慮して、念のため、IDやクラス名を余計に入れています。

適用後

以下をユーザースタイルシートに追加します。

■カスタマイズ例

コメント投稿者のリンクを非表示にする
/* Name */
#notify_contents .posted a {display: none;}

トラックバックテーマを表示する
/* Trackback */
#ajaxcontent #notify_contents #tbtheme {display: block !important;}

メニューのアプリケーションを表示する
/* Appli */
.contents_box #left .ml_app,.contents_box .menu ul#menu_app {
display: block !important;
}

可変化(ウインドウのサイズ依存)・旧レイアウト仕様

 ウインドウのサイズに合わせて横に伸縮します。初期値は、最小幅が800px、最大幅が900pxです。最大幅を最小幅と同じ800pxにすると、旧レイアウトの管理画面と同じ横幅になります。

max-width: 800px !important;/* 最大幅 */

テンプレ編集ページのユーザースタイルシートを使用している方へ

 新しいレイアウトに移行された方は、編集エリアが正常に表示されるようにFC2テンプレ編集ページなどのカスタマイズから再度コピーし直してくささい。横幅が大きくなったので、もう必要ないような気もします。テンプレート編集ページ以外のスタイルについては、ファイルアップロードのみ変更が必要です。

Stylishの編集方法 : スタイルの管理→概要を選択→編集またはダブルクリック

■更新履歴
2009年12月04日 01:00 ユーザースタイルの修正
2009年12月02日 22:20 投稿者名の修正
2009年12月01日 22:20 追記


関連記事
  1. comment
  2. manannan 2009-12-04 01:16 No.391 #-URLhttp://manannan.blog84.fc2.com/blog-entry-270.html

    すごく面白かったので、真似記事を書いてしまいました!、TBしようと思ったのですが、不可のようなのでコメントでm(_ _)m

  3. 4日の金曜日 2009-12-04 23:57 No.392 #-URL

    イイですよね。ユーザスタイルシート。あまりマークアップに変更のないログインが必要なページでは重宝します。特にfont関係は重要ですね。

コメント

Icon ※必須 :
Pass  ※入力した英数字を識別コードとしてNoに表示(123→LkZag.iM)

トラックバック

http://paro2day.blog122.fc2.com/tb.php/504-2ffcb34c

  1. trackback