Read Me | wm_wdp

はじめに

Web Diary Professionalの管理ページ用スキンです。訪問者向ページ・携帯向ページは変化しません。
ブラウザのCSS実装状況によってディテールの異なるパーツがあります。
Web Diary Professional本体のバージョンは4.72で確認しています。本体バージョンが異なる場合は、スキンの修正が必要になる事があります。変更箇所はWeb Diary Professional本体の更新履歴を確認してください。
スキンを導入する前に、Web Diary Professional付属の初期状態のスキンで、CGIの機能や動作を確認してください。
ライセンスは『Creative Commons 表示 - 継承 2.1 日本 (CC BY-SA 2.1)』です。
http://creativecommons.org/licenses/by-sa/2.1/jp/
使用に際して生じたいかなる損害も当方は責任を負いません。作業前のバックアップ推奨です。
設置・カスタマイズに関するサポートは行っておりません。

上に戻る

使い方

CGI本体ファイルを編集します。記述ミス等があるとCGIの動作に問題が発生します。
ファイルの文字コードは必ずUTF-8N(＝UTF-8 BOM無し)で保存してください。

defaultフォルダの内容を、設置したdiaryproのskin内にアップロード

diarypro/lib/webliberty/App/Init.pmを開いて91行目あたりにある↓を

rewrite_mode => 0,

以下のように変更

rewrite_mode => 1,

更に、diarypro/lib/webliberty/App/Init.pmの214行目あたりにある↓を

#拡張設定
%{$init->{rewrite}} = (
  '' => '',
  '' => '',
  '' => '',
  '' => '',
  '' => ''
);

以下のように変更

#拡張設定
%{$init->{rewrite}} = (
  '{query}{mode}={admin}' => '{skin_header}={admin_header.html}&{skin_footer}={admin_footer.html}',
  '' => '',
  '' => '',
  '' => '',
  '' => ''
);

編集したdiarypro/lib/webliberty/App/Init.pmをアップロード

色を変更する場合は、引き続き『色変更』を行ってください。

動的パレットを導入する場合は、『動的パレットの導入について』もお読みください。

タグエディタ(ネタバレボタン)を導入する場合は、『タグエディタ(ネタバレボタン)の導入について』もお読みください。

上に戻る

色変更

【使い方】の手順通りにdefaultを導入する
extra_colorフォルダを開き、使用したい色フォルダの中のwm_wdp_admin.cssを、設置したdiaryproのskin内にアップロード
- 色一覧▽
  ■teal (※default) ■blue ■brown ■green ■purple

上に戻る

カスタマイズ

カスタマイズの前に

ファイルを編集する場合は、文字コードをUTF-8N(＝UTF-8 BOM無し)に指定して保存してください。

日本語(等の2バイト文字)を含まないファイルは、エディタによってはShift-JISとして開く事がありますので、文字コードを指定しなおしてください。

異なる文字コードで保存すると、文字化けやエラーになったりします。
cssファイルが文字化けした場合は、文字化け付近の指定が適用されなくなる等の問題が発生します。

参考:
文字コード＞UTF-8のBOMについて
 EmEditorのインストール
 EmEditorの設定

上に戻る

htmlのカスタマイズ

プラグイン管理へのリンクを左側メニューに追加

skin/admin_work.htmlを開いて23行目あたりにあるの直後の行に↓のように追加

<h3>プラグイン</h3>
<ul>
	<li><a href="プラグイン管理ページへのリンク">プラグイン名</a></li>
	<li><a href="プラグイン管理ページへのリンク">プラグイン名</a></li>
</ul>

編集したskin/admin_work.htmlをアップロード

上に戻る

cssのカスタマイズ

編集するファイルについて

skin/wm_wdp_admin.css (管理画面スキン用)

上に戻る

大まかな設定部分にジャンプ (基本文字サイズ等)

skin/wm_wdp_admin.cssを開いて、ファイル内を※で検索すると、大まかな設定部分に飛ぶ事が出来ます。

上に戻る

動的パレットの導入について

CSSの追加は不要です (※記述済)。

参考:
お絵かきアプレットとの連携について
 動的パレットの導入について

上に戻る

タグエディタ(ネタバレボタン)の導入について

<head>～</head>への追記が必要な場合は、skin/header.htmlとskin/admin_header.htmlの両方を編集してください。

上に戻る

ヘルプ

htmlファイルを編集したら文字化けした

ファイルを編集する場合は、文字コードをUTF-8N(＝UTF-8 BOM無し)に指定して保存してください。
異なる文字コードで保存すると、文字化けやエラーになったりします。
cssファイルが文字化けした場合は、文字化け付近の指定が適用されなくなる等の問題が発生します。
※日本語(等の2バイト文字)を含まないファイルは、エディタによってはShift-JISとして開く事がありますので、文字コードを指定しなおしてください。

参考:
文字コード＞UTF-8のBOMについて
 EmEditorのインストール
 EmEditorの設定