Read Me | wm

はじめに

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

上に戻る

使い方

管理メニュー＞環境設定＞ナビゲーションの設定＞ナビゲーションの表示位置＞作品の後に出力に設定
defaultフォルダの内容を、gallerypro/skin/内にアップロード

作品一覧の形式を変更したい場合は、引き続き【作品一覧の形式を変更する】を行ってください。

デザインを変更する場合は、引き続き【デザイン変更】を行ってください。

プラグインを使用している場合は、【プラグイン導入時の補足事項】もお読みください。

スキンが反映されない場合は、【スキンが反映されない】を確認してください。

ナビゲーションが反映されない場合は、【ナビゲーション部に変更が反映されない(古いままの)ページがある】を確認してください。

上に戻る

デザイン変更

【使い方】の手順通りにdefaultを導入する
extra_designフォルダを開き、使用したいデザインのフォルダの内容を、gallerypro/skin/内にアップロード

上に戻る

デザイン一覧

デザイン名の後の数値は本体幅のバリエーションになります。(※polaris_850はdefaultに含まれます)

polaris

750/850/950
crux

550/6-7-8/950
spica

750/850/950
procyon

650/750/850
wei

>650/7-8/950
proxima

750/850/950
proxima_R

750/850/950

上に戻る

カスタマイズ

カスタマイズの前に

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

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

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

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

上に戻る

htmlのカスタマイズ

作品一覧の形式を変更する

extra_gallery/の中にある使用したい形式のフォルダの中のgallery.htmlとlist.htmlを、gallerypro/skin/内にある同名ファイルに上書きする
- gallery.html ←インデックスページに使用されます
  list.html ←「すべて表示」のリンク先のページ、分類一覧、過去ログ一覧等で使用されます
- mini_image
  
  ミニ画像(手動登録サムネイル)を横に並べて一覧を作成 ※ミニ画像を登録していないものが混在する場合には不向き
  
  mini_image_detail (list.htmlデフォルト)
  
  ミニ画像(手動登録サムネイル)の横にタイトル/日付/カテゴリ(/投稿者名※複数管理時)をセットにし、縦に並べて一覧を作成 ※ミニ画像を登録していないものが混在していてもOK
  
  text
  
  タイトルを縦に並べて一覧を作成
  
  text_detail
  
  タイトル/日付/カテゴリ(/投稿者名※複数管理時)をセットにし、縦に並べて一覧を作成
  
  text_inline (gallery.htmlデフォルト)
  
  タイトルを横に並べて一覧を作成
  ※長文タイトルが途中で切れてしまう場合はskin/wm_wgp.css内をwhite-space: nowrap;/* 長文タイトルが切れてしまう場合はこの行を削除※ */で検索して削除してください(タイトルの途中でも改行するようになります)
  
  ★gallery.htmlはmini_image内のもの、list.htmlはtext_detail内のものを使用、というように好みで組み合わせ可能です。

上に戻る

検索結果の形式を変更する

extra_gallery/の中にある使用したい形式のフォルダの中のgallery.htmlとlist.htmlを、gallerypro/skin/内にある同名ファイルに上書きする
- mini_image
  
  ミニ画像(手動登録サムネイル)を横に並べて一覧を作成 ※ミニ画像を登録していないものが混在する場合には不向き
  
  mini_image_detail (デフォルト)
  
  ミニ画像(手動登録サムネイル)の横にタイトル/日付/カテゴリ(/投稿者名※複数管理時)をセットにし、縦に並べて一覧を作成 ※ミニ画像を登録していないものが混在していてもOK
  
  text_detail
  
  タイトル/日付/カテゴリ(/投稿者名※複数管理時)をセットにし、縦に並べて一覧を作成

上に戻る

作品ページに登録項目を表示するエリアを作る

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

<dl class="option">
	<dt>Title</dt><dd>${ARTICLE_SUBJ}</dd>
	<dt>Date</dt><dd>${ARTICLE_YEAR}/${ARTICLE_MONTH}/${ARTICLE_DAY} ${ARTICLE_HOUR}:${ARTICLE_MINUTE}</dd>
	<!--ARTICLE_FIELD_START--><dt>Category</dt><dd>${ARTICLE_FIELD}</dd><!--ARTICLE_FIELD_END-->
	<!--ARTICLE_PRICE_START--><dt>価格</dt><dd>${ARTICLE_PRICE}円</dd><!--ARTICLE_PRICE_END-->
	<!--ARTICLE_STOCK_START--><dt>在庫</dt><dd>${ARTICLE_STOCK}</dd><!--ARTICLE_STOCK_END-->
	<!--ARTICLE_NAME_START--><dt>by</dt><dd>${ARTICLE_NAME}</dd><!--ARTICLE_NAME_END-->
</dl>

参考:
登録項目の追加について

上に戻る

メニューのカスタマイズ

skin/header.htmlを開いて23行目辺りにある↓の部分を

<ul class="menu">
	<li><a href="${INFO_BACK}">Home</a></li>
	<li><a href="${INFO_PATH}">Reset</a></li>
	<li><a href="${INFO_PATH}?mode=rss">RSS</a></li>
</ul>

以下のように変更

<ul class="menu">
	<li><a href="${INFO_BACK}">Home</a></li>
	<li><a href="任意のURL">About</a></li>
	<li><a href="任意のURL">Contact</a></li>
	<li><a href="${INFO_PATH}">Reset</a></li>
</ul>

上に戻る

フッターのカスタマイズ

例1) 素材屋さん等のリンクを追加

skin/footer.htmlを開いて11行目辺りにある↓の部分を

<ul class="powered">
	<li>Script: <a href="http://www.web-liberty.net/" class="top">Web Liberty</a></li>
	<li>Skin: <a href="http://www.usamimi.info/~witchmakers/">wmks</a></li>
</ul>

以下のように変更

<ul class="powered">
	<li>Script: <a href="http://www.web-liberty.net/" class="top">Web Liberty</a></li>
	<li>Skin: <a href="http://www.usamimi.info/~witchmakers/">wmks</a></li>
	<li>ここに素材屋さんのリンク</li>
</ul>

例2) 注意書きなど一言追加

skin/footer.htmlを開いて11行目辺りにある<ul class="powered">の直前の行に↓のように追加
```
<p>ここに一言追加</p>
```

上に戻る

ナビゲーションのカスタマイズ

パーツの表示・非表示・件数の設定

各パーツの表示・非表示は、管理メニュー＞環境設定＞ナビゲーションの表示設定から、
新着の表示件数は、管理メニュー＞環境設定＞ログの表示設定から変更出来ます。

パーツの表示順を入れ替える場合は、スキンのカスタマイズが必要になります。【navigation.html を直接編集する際の注意点】を参照してください。

上に戻る

navigation.html を直接編集する際の注意点

HTMLの構造は以下の様になっています。赤い部分と青い部分は触らず、緑のエリア内で紫のパーツを移動したり編集したりするようにします。
またこれとは別に、のようなCGIに必要なコードが含まれますので、こちらの構造も崩さないように注意してください。
編集が反映されない場合は【ナビゲーション部に変更が反映されない(古いままの)ページがある】を参照してください。

<h2>Utility</h2>

.
.
.

</div>

.
.
.

</div>

上に戻る

例1) ナビゲーションの一番上にバナーを表示する

skin/navigation.htmlを開いて4行目あたりにある<div id="utility_A">の直後の行に以下を追加

<div class="utility">
	<h3>ここに見出し</h3>
	<div class="content">
		<p><img src="XXX.gif" width="200" height="40" alt="XXXX" /></p>
	</div>
</div>

上に戻る

例2) ナビゲーションの一番下にバナーを表示する

skin/navigation.htmlを開いて276行目あたりにあるの直後の行に以下を追加

<div class="utility">
	<h3>ここに見出し</h3>
	<div class="content">
		<p><img src="XXX.gif" width="200" height="40" alt="XXXX" /></p>
	</div>
</div>

上に戻る

例3) カレンダーの下に一言を表示する

skin/navigation.htmlを開いて56行目あたりにある<--SKIN_CALENDAR_FOOT_END-->の直前の行に以下を追加
```
<div class="utility">
	<h3>ここに見出し</h3>
	<div class="content">
		<p>ここに一言</p>
	</div>
</div>
```

環境設定でカレンダーを非表示にしている場合は表示されません。その場合は、表示しているパーツに同じようにして追加してください。

上に戻る

プロフィールにナビゲーション表示(要js)

管理メニュー＞環境設定＞ナビゲーションの表示設定＞各作品ページでのナビゲーション表示（JavaScriptが必要）＞『常に表示する』or『固定URLページで表示する』に設定
管理メニュー＞環境設定＞基本設定＞サイトのURL（gallery.cgi を格納しているディレクトリのURL / 必ず設定してください）が正しく設定されているか確認
extra_profile_navi/の中にあるprofile.htmlを、gallerypro/skin/内にある同名ファイルに上書きする

※サーバーの都合等でhttp://gallery.cgi を格納しているディレクトリのURL/data/内にnavi_start.jsとnavi_end.jsが存在しない場合は、html内の各jsへのパスを設置環境に合わせて書き換えてください。

上に戻る

「続きを読む」の見た目を調整

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

gallerypro/lib/webliberty/App/Gallery.pmを開いて1027行目辺りにある↓の部分を

} else {
	if ($id_ins->get_string) {
		$text_ins->set_string("$text<a href=\"$info_path?id=$id&amp;continue=on#continue\">$continue</a>");
	} else {
		$text_ins->set_string("$text<a href=\"$info_path?no=$no&amp;continue=on#continue\">$continue</a>");
	}
}

以下のように変更

} else {
	if ($id_ins->get_string) {
		$text_ins->set_string("$text<span class=\"continue\"><a href=\"$info_path?id=$id&amp;continue=on#continue\" title=\"『$subj』の続きを読む\">$continue</a></span>");
	} else {
		$text_ins->set_string("$text<span class=\"continue\"><a href=\"$info_path?no=$no&amp;continue=on#continue\" title=\"『$subj』の続きを読む\">$continue</a></span>");
	}
}

本文の省略表示機能について

上に戻る

cssのカスタマイズ

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

skin/wm_wgp.css
skin/image.html (画像の原寸表示時のページ※html上部にCSS記述)
skin/error.html (エラー表示用のページ※html上部にCSS記述)

上に戻る

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

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

上に戻る

添付ファイルの表示位置を変更

本文に$FILE～で挿入したファイルについては対象外になります。ファイルアップロード機能について

skin/wm_wgp.cssを開いて、ファイル内をp.article_file {で検索し、↓の部分を

p.article_file {
	text-align: center;/* 添付ファイルの位置($FILEで本文内に挿入しているものには無効)※ */
}

▼左側に表示(※回り込みではない)

p.article_file {
	text-align: left;/* 添付ファイルの位置($FILEで本文内に挿入しているものには無効)※ */
}

▼右側に表示(※回り込みではない)

p.article_file {
	text-align: right;/* 添付ファイルの位置($FILEで本文内に挿入しているものには無効)※ */
}

上に戻る

上に戻る

パンくずリスト表示プラグイン

プラグインに同梱のreadme.txtにある使用方法の通りにプラグイン導入し、動作確認を行ってから作業してください。
パンくずリスト表示プラグイン

gallerypro/lib/webliberty/Plugin/TopicPath/init.cgiを開いて、マークアップ開始文字↓を
```
$init->{markup_begin} = '<p>';
```
以下のように変更
```
$init->{markup_begin} = '<p class="topicpath">';
```
以下のファイルに${TopicPath}を追加
- skin/view.htmlの7行目辺りにある<h2>Entry</h2>の直後の行
- skin/list.htmlの5行目辺りにあるの直後の行

上に戻る

分類タイトル表示プラグイン

プラグインに同梱のreadme.txtにある使用方法の通りにプラグイン導入し、動作確認を行ってから作業してください。
分類タイトル表示プラグイン

gallerypro/lib/webliberty/Plugin/FieldTitle/init.cgiを開いて、マークアップ開始文字↓を
```
$init->{markup_begin} = '<p>';
```
以下のように変更
```
$init->{markup_begin} = '<p class="fieldtitle">';
```
以下のファイルに${FieldTitle}を追加
- skin/view.htmlの7行目辺りにある<h2>Entry</h2>の直後の行
- skin/list.htmlの5行目辺りにあるの直後の行

上に戻る

メニュー表示プラグイン

プラグインに同梱のreadme.txtにある使用方法の通りにプラグイン導入し、動作確認を行ってから作業してください。
メニュー表示プラグイン

A. ヘッダーに追加
B. ナビゲーションに追加

A. ヘッダーに追加

extra_plugin/Menu/の中にあるmenu.htmlを、gallerypro/lib/webliberty/Plugin/Menu/内にある同名ファイルに上書きする

skin/header.htmlを開いて23行目辺りにある↓の部分を

<ul class="menu">
	<li><a href="${INFO_BACK}">Home</a></li>
	<li><a href="${INFO_PATH}">Reset</a></li>
	<li><a href="${INFO_PATH}?mode=rss">RSS</a></li>
</ul>

以下のように変更

${Menu}

上に戻る

B. ナビゲーションに追加

extra_plugin/Menu/の中にあるmenu.htmlを、gallerypro/lib/webliberty/Plugin/Menu/内にある同名ファイルに上書きする
skin/navigation.htmlを開いて、4行目あたりにある<div id="utility_A">の直後の行に↓を追加
```
<div class="utility">
	<h3>Menu</h3>
	<div class="content">
		${Menu}
	</div>
</div>
```
※ナビゲーション内の他の位置に追加したい場合は、【navigation.html を直接編集する際の注意点】を参照してください
※編集が反映されない場合は【ナビゲーション部に変更が反映されない(古いままの)ページがある】を参照してください。

上に戻る

タギングプラグイン

プラグインに同梱のreadme.txtにある使用方法の通りにプラグイン導入し、動作確認を行ってから作業してください。
タギングプラグイン

タグ
タグクラウド
- A. 通常
- B. タグ数に応じてフォントサイズが変わる
検索結果
- A. 通常
- B. ナビゲーション有り (要js)

タグクラウド

A. 通常

extra_plugin/Tagging_tagcloud/の中にあるlist.htmlを、gallerypro/lib/webliberty/Plugin/Tagging/内にある同名ファイルに上書きする
skin/navigation.htmlを開いて141行目あたりにあるの直前の行に以下を追加
```
<div class="utility">
	<h3>Tagcloud</h3>
	<div class="content">
		${Tagging}
	</div>
</div>
```
※Category(分類一覧)を非表示にしている場合や、他の位置に追加したい場合は、【navigation.html を直接編集する際の注意点】を参照してください
※編集が反映されない場合は【ナビゲーション部に変更が反映されない(古いままの)ページがある】を参照してください。

B. タグ数に応じてフォントサイズが変わる

extra_plugin/Tagging_tagcloud_size/の中にあるlist.htmlを、gallerypro/lib/webliberty/Plugin/Tagging/内にある同名ファイルに上書きする
skin/navigation.htmlを開いて141行目あたりにあるの直前の行に以下を追加
```
<div class="utility">
	<h3>Tagcloud</h3>
	<div class="content">
		${Tagging}
	</div>
</div>
```
※Category(分類一覧)を非表示にしている場合や、他の位置に追加したい場合は、【navigation.html を直接編集する際の注意点】を参照してください
※編集が反映されない場合は【ナビゲーション部に変更が反映されない(古いままの)ページがある】を参照してください。

検索結果

A. 通常

extra_plugin/Tagging_search/の中にある使用したい形式のフォルダの中のsearch.htmlを、gallerypro/lib/webliberty/Plugin/Tagging/内にある同名ファイルに上書きする
- mini_image
  
  ミニ画像(手動登録サムネイル)を横に並べて一覧を作成 ※ミニ画像を登録していないものが混在する場合には不向き
  
  mini_image_detail
  
  ミニ画像(手動登録サムネイル)の横にタイトル/日付/カテゴリ(/投稿者名※複数管理時)をセットにし、縦に並べて一覧を作成 ※ミニ画像を登録していないものが混在していてもOK
  
  text_detail
  
  タイトル/日付/カテゴリ(/投稿者名※複数管理時)をセットにし、縦に並べて一覧を作成

上に戻る

B. ナビゲーション有り (要js)

管理メニュー＞環境設定＞ナビゲーションの表示設定＞各作品ページでのナビゲーション表示（JavaScriptが必要）＞『常に表示する』or『固定URLページで表示する』に設定
管理メニュー＞環境設定＞基本設定＞サイトのURL（gallery.cgi を格納しているディレクトリのURL / 必ず設定してください）が正しく設定されているか確認
extra_plugin/Tagging_search_navi/の中にある使用したい形式のフォルダの中のsearch.htmlを、gallerypro/lib/webliberty/Plugin/Tagging/内にある同名ファイルに上書きする
- mini_image
  
  ミニ画像(手動登録サムネイル)を横に並べて一覧を作成 ※ミニ画像を登録していないものが混在する場合には不向き
  
  mini_image_detail
  
  ミニ画像(手動登録サムネイル)の横にタイトル/日付/カテゴリ(/投稿者名※複数管理時)をセットにし、縦に並べて一覧を作成 ※ミニ画像を登録していないものが混在していてもOK
  
  text_detail
  
  タイトル/日付/カテゴリ(/投稿者名※複数管理時)をセットにし、縦に並べて一覧を作成

※サーバーの都合等でhttp://gallery.cgi を格納しているディレクトリのURL/data/内にnavi_start.jsとnavi_end.jsが存在しない場合は、html内の各jsへのパスを設置環境に合わせて書き換えてください。

上に戻る

ページ移動プラグイン

プラグインに同梱のreadme.txtにある使用方法の通りにプラグイン導入し、動作確認を行ってから作業してください。
ページ移動プラグイン

gallerypro/lib/webliberty/Plugin/Page/page.jsを開いて44行目あたりにある↓を

document.write('<p>');
if (flag && prevData[0]) {
	var no    = prevData[0];
	var subj  = prevData[1];
	var field = prevData[2];
	var link  = prevData[3];

	document.write('&lt;&lt; <a href="' + link + '">' + subj + '</a> ');
}
document.write('| <a href="' + siteUrl + '">トップページ</a> |');
if (flag && nextData[0]) {
	var no    = nextData[0];
	var subj  = nextData[1];
	var field = nextData[2];
	var link  = nextData[3];

	document.write(' <a href="' + link + '">' + subj + '</a> &gt;&gt;');
}
document.write('</p>');

以下のように変更

document.write('<div id=\"entry_link\"><ul class=\"entry_link\">');
if (flag && nextData[0]) {
	var no    = nextData[0];
	var subj  = nextData[1];
	var field = nextData[2];
	var link  = nextData[3];

	document.write('<li class=\"previous\"><a href=\"' + link + '\" title=\"Newer: ' + subj + '\">' + subj + '</a></li>');
}
document.write('<li class=\"home\"><a href=\"' + siteUrl + '\">Reset</a></li>');
if (flag && prevData[0]) {
	var no    = prevData[0];
	var subj  = prevData[1];
	var field = prevData[2];
	var link  = prevData[3];

	document.write('<li class=\"next\"><a href=\"' + link + '\" title=\"Older: ' + subj + '\">' + subj + '</a></li>');
}
document.write('</ul></div>');

skin/view.htmlを開いて51行目あたりにあるの直前の行に↓を追加
```
<script type="text/javascript">
//<![CDATA[
var showNo = ${ARTICLE_NO};
//]]>
</script>
${Page}
```
作品を登録する等のnavi_start.jsとnavi_end.jsが更新される操作を実行

上に戻る

情報表示プラグイン

プラグインに同梱のreadme.txtにある使用方法の通りにプラグイン導入し、動作確認を行ってから作業してください。
情報表示プラグイン

A. 記事一覧のトップにお知らせを表示
B. ナビゲーションにサイトの概要を表示

A. 記事一覧のトップにお知らせを表示

skin/gallery.htmlを開いて、3行目あたりにあるの直前の行に以下を追加

<div id="information">
	<div class="information">
		<h2>Information</h2>
		<div class="content">
			${Information}
		</div>
	</div>
</div>

B. ナビゲーションにサイトの概要を表示

skin/navigation.htmlの4行目あたりにある<div id="utility_A">の直後の行に以下を追加
```
<div class="utility">
	<h3>Information</h3>
	<div class="content">
		<p>${Information}</p>
	</div>
</div>
```
※他の位置に追加したい場合は、【navigation.html を直接編集する際の注意点】を参照してください
※編集が反映されない場合は【ナビゲーション部に変更が反映されない(古いままの)ページがある】を参照してください。

上に戻る

コンテンツ管理プラグイン

プラグインに同梱のreadme.txtにある使用方法の通りにプラグイン導入し、動作確認を行ってから作業してください。
コンテンツ管理プラグイン

A. 通常
B. ナビゲーション有り (要js)
C. ナビゲーション有り (任意の内容)

A. 通常

extra_plugin/Contents/の中にあるcontents.htmlを、gallerypro/lib/webliberty/Plugin/Contents/内にある同名ファイルに上書きする
コンテンツプラグインの管理メニュー (ログインした状態でgallerypro/gallery.cgi?plugin=Contents)＞ページの再構築＞○○を構築を実行

※コンテンツのタイトルはh2要素になります

B. ナビゲーション有り (要js)

管理メニュー＞環境設定＞ナビゲーションの表示設定＞各作品ページでのナビゲーション表示（JavaScriptが必要）＞『常に表示する』or『固定URLページで表示する』に設定
管理メニュー＞環境設定＞基本設定＞サイトのURL（gallery.cgi を格納しているディレクトリのURL / 必ず設定してください）が正しく設定されているか確認
extra_plugin/Contents_navi/の中にあるcontents.htmlを、gallerypro/lib/webliberty/Plugin/Contents/内にある同名ファイルに上書きする
コンテンツプラグインの管理メニュー (ログインした状態でgallerypro/gallery.cgi?plugin=Contents)＞ページの再構築＞○○を構築を実行

※コンテンツのタイトルはh2要素になります

※サーバーの都合等でhttp://gallery.cgi を格納しているディレクトリのURL/data/内にnavi_start.jsとnavi_end.jsが存在しない場合は、html内の各jsへのパスを設置環境に合わせて書き換えてください。

上に戻る

C. ナビゲーション有り (任意の内容)

extra_plugin/Contents_navi_edit/の中にあるcontents.htmlを開いて、～内を編集する
- ナビゲーション内の構造については【navigation.html を直接編集する際の注意点】を参考にしてください。
- カレンダー等はnavigation.html内でしか使用出来ないので、表示したい場合は【B. ナビゲーション有り (要js)】を使用してください。
- 1個しか場所が必要ない場合は、～の間を削除してしまってください。
編集したcontents.htmlを、gallerypro/lib/webliberty/Plugin/Contents/内にある同名ファイルに上書きする
コンテンツプラグインの管理メニュー (ログインした状態でgallerypro/gallery.cgi?plugin=Contents)＞ページの再構築＞○○を構築を実行

※コンテンツのタイトルはh2要素になります

上に戻る

ヘルプ

スキンが反映されない

『HTML書き出し機能』を使用している場合は、管理メニュー＞サイト再構築＞○○を構築を実行してください。
『コンテンツプラグイン』を使用している場合は、コンテンツプラグインの管理メニュー (ログインした状態でgallerypro/gallery.cgi?plugin=Contents)＞ページの再構築＞○○を構築を実行してください。
ブラウザのキャッシュを削除してください。

上に戻る

ナビゲーション部に変更が反映されない(古いままの)ページがある

navi_start.jsとnavi_end.jsの内容が更新される操作(作品を登録する等)を実行してください。
ブラウザのキャッシュを削除してください。

上に戻る

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

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

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

上に戻る

参考リンク

Web Gallery Professional 機能解説: http://www.web-liberty.net/download/gallerypro/function.html
スキンの基礎: http://www.web-liberty.net/improve/design/index.html
Web Gallery Professional のスキン情報: http://www.web-liberty.net/improve/design/gallerypro.html

上に戻る

更新履歴

2011/06/02: 配布開始

上に戻る

作者情報

Name: wmks
WebSite: http://www.usamimi.info/~witchmakers/
Profile: Google Profile

Thanks

Web Gallery Professional: Knight
http://www.web-liberty.net/

上に戻る

Read Me | wm_wgp

はじめに

使い方

デザイン変更

デザイン一覧

カスタマイズ

カスタマイズの前に

htmlのカスタマイズ

作品一覧の形式を変更する

検索結果の形式を変更する

作品ページに登録項目を表示するエリアを作る

メニューのカスタマイズ

フッターのカスタマイズ

例1) 素材屋さん等のリンクを追加

例2) 注意書きなど一言追加

ナビゲーションのカスタマイズ

パーツの表示・非表示・件数の設定

navigation.html を直接編集する際の注意点

例1) ナビゲーションの一番上にバナーを表示する

例2) ナビゲーションの一番下にバナーを表示する

例3) カレンダーの下に一言を表示する

プロフィールにナビゲーション表示(要js)

「続きを読む」の見た目を調整

cssのカスタマイズ

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

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

添付ファイルの表示位置を変更

プラグイン導入時の補足事項

パンくずリスト表示プラグイン

分類タイトル表示プラグイン

メニュー表示プラグイン

A. ヘッダーに追加

B. ナビゲーションに追加

タギングプラグイン

タグ

タグクラウド

A. 通常

B. タグ数に応じてフォントサイズが変わる

検索結果

A. 通常

B. ナビゲーション有り (要js)

ページ移動プラグイン

情報表示プラグイン

A. 記事一覧のトップにお知らせを表示

B. ナビゲーションにサイトの概要を表示

コンテンツ管理プラグイン

A. 通常

B. ナビゲーション有り (要js)

C. ナビゲーション有り (任意の内容)

ヘルプ

スキンが反映されない

ナビゲーション部に変更が反映されない(古いままの)ページがある

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

参考リンク

更新履歴

作者情報

Thanks