- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2020-10-18T00:02:56+00:00","default:mizutu","mizutu")
* サイト構築 覚書 [#s1730b68]
#contents
** pukiwiki-1.5.2-utf8 でサイト構築 [#ia103bcf]
> 今後のバージョンアップに備え、変更箇所はできるだけ少なくする。~
色のトーンを全体的にグレー・薄いグレー系にする。以下、COLOR(#993333){行数はオリジナルを基準}とする。
*** アップロードサイズ拡張 [#u0f9a958]
> アップロードサイズはデフォールトでは 1MB
> COLOR(blue){対象ファイル名: plugin/attach.inc.php}
- サイズを拡張する。~
> 変更前 ↓↓ 20行目~
define('PLUGIN_ATTACH_MAX_FILESIZE', (1024 * 1024)); // default: 1MB
COLOR(red){変更後 ↓↓}
define('PLUGIN_ATTACH_MAX_FILESIZE', (1024 * 1024) *30); // default: 1MB
*** アップロード権限変更 [#kcedfeae]
> ログインユーザーはアップロード許可。削除は管理者のみとする。
> COLOR(blue){対象ファイル名: plugin/attach.inc.php}
- ログインユーザーが添付ファイルをアップロードできるようにする~
> 23行目変更~
define('PLUGIN_ATTACH_UPLOAD_ADMIN_ONLY', TRUE); → FALSE
- 管理者が添付ファイルを削除するときは、バックアップを作らない~
> 30行目変更~
define('PLUGIN_ATTACH_DELETE_ADMIN_NOBACKUP', FALSE); → TRUE
- アップロード/削除時にパスワードを要求する~
> 33行目変更~
define('PLUGIN_ATTACH_PASSWORD_REQUIRE', FALSE); → TRUE
*** 画像一覧の表示 [#lf67504e]
- 画像表示のとき左と下に空白を開ける
> COLOR(blue){対象ファイル名: skin/pukiwiki.css}
> 384行目に挿入~
div#body img {
margin: 0px 0px 8px 8px;
}
*** 画像表示の時の左右の空白 [#q813b2cf]
- 空白を詰める
> COLOR(blue){対象ファイル名: skin/pukiwiki.css}
> 599-600行目変更~
margin-left:32px; → 8px
margin-right:32px; → 8px
*** 外部リンクを別窓にする [#sc12c577]
> 外部ページのリンクの際、http:// の先頭に + を付ける(+http:) と別窓でリンクするようにした。~
参考サイト: [[ロンさん非公式ウイキ>+https://lonwiki.com/?3f411d410a#b1a0b4f2]]~
COLOR(blue){対象ファイル名: lib/make_link.php}
- 変更前 ↓↓ 400行目~
(?:(?:https?|ftp|news):\/\/|mailto:)[\w\/\@\$()!?&%#:;.,~'=*+-]+
COLOR(red){変更後 ↓↓}
(?:(?:\+?https?|\+?ftp|\+?news):\/\/|mailto:)[\w\/\@\$()!?&%#:;.,~'=*+-]+
- 変更前 ↓↓ 425行目~
return '<a href="' . $this->name . '"' . $rel . '>' . $this->alias . '</a>';
COLOR(red){変更後 ↓↓}~
if (preg_match("/^(\+)(.*)/", $this->name, $regs)) {
return '<a href="' . $regs[2] . '" target="_blank" ' . $rel . '>' . $this->alias . '</a>';
}else{
return '<a href="' . $this->name . '"' . $rel . '>' . $this->alias . '</a>';
}
*** 外部リンクにマークを付ける [#n5983cd8]
> COLOR(blue){対象ファイル名: skin/pukiwiki.css}
- 52行目挿入
a[target=_blank] {
padding-right: 20px;
background:url(../image/external-link.png) right center/11px auto no-repeat;
}
*** システム設定 [#x8f32928]
> COLOR(blue){対象ファイル名: pukiwiki.ini.php}
- トップページの変更
128行目 $defaultpage = 'FrontPage'; → '私的AI研究会'
- 管理者パスワード
179行目 $adminpass = '{x-php-md5}!'; → $adminpass = '{x-php-md5}パスワード文字列';
- ユーザー名~
>変更前 ↓↓ 245-250行目
$auth_users = array(
// Username => password
'foo' => 'foo_passwd', // Cleartext
'bar' => '{x-php-md5}f53ae779077e987718cc285b14dfbe86', // PHP md5() 'bar_passwd'
'hoge' => '{SMD5}OzJo/boHwM4q5R+g7LCOx2xGMkFKRVEx', // LDAP SMD5 'hoge_passwd'
);
COLOR(red){変更後 ↓↓}
$auth_users = array(
// Username => password
'mizutu'=> '{x-php-md5}パスワード文字列',
'tnitta'=> '{x-php-md5}パスワード文字列',
'hokegawa'=> '{x-php-md5}パスワード文字列',
'guest' => '{x-php-md5}パスワード文字列',
);
- グループ名~
>変更前 ↓↓ 252-257行目
// Group definition
$auth_groups = array(
// Groupname => group members(users)
'valid-user' => '', // Reserved 'valid-user' group contains all authenticated users
'groupfoobar' => 'foo,bar',
);
COLOR(red){変更後 ↓↓}
// Group definition
$auth_groups = array(
// Groupname => group members(users)
'valid-user' => '', // Reserved 'valid-user' group contains all authenticated users
'edit-user' => 'mizutu,tnitta,hokegawa',
'read-suer' => 'guest',
);
- ログインしたユーザーのみ編集許可~
>変更前 ↓↓ 278-285行目
$edit_auth = 0;
$edit_auth_pages = array(
// Regex Username
'#BarDiary#' => 'bar',
'#HogeHoge#' => 'hoge',
'#(NETABARE|NetaBare)#' => 'foo,bar,hoge',
);
COLOR(red){変更後 ↓↓}
$edit_auth = 1;
$edit_auth_pages = array(
// Regex Username
'##'=> 'edit-user',
);
#br
*** 全体の色 [#l7e9505e]
> COLOR(blue){対象ファイル名: skin/pukiwiki.css}
- テキスト・テキスト背景色
39行目 color:#a63d21 → #888888
56行目 background-color:#DDEEFF → #DDDDDD
63行目 border-bottom:3px solid #DDEEFF → #DDDDDD
63行目 border-top:1px solid #DDEEFF → #DDDDDD
63行目 border-left:1px solid #DDEEFF → #DDDDDD
63行目 border-right:1px solid #DDEEFF → #DDDDDD
75行目 border-left:18px solid #DDEEFF → #DDDDDD
85行目 background-color:#DDEEFF → #DDDDDD
116行目 background-color:#F0F8FF → #EEEEEE
- メニュー・バー背景色
352行目変更 padding:4px 0px 0px 0px → 4px 0px 2px 0px
354行目追加 background-color: #F1F1F1;
*** テーブル [#j79b5560]
> COLOR(blue){対象ファイル名: skin/pukiwiki.css}
- 141行目変更~
background-color:#D0D8E0; → #EEEEEE
- 151行目変更~
margin:auto; → 15px
- 154行目変更~
background-color:#ccd5dd; → #DDDDDD
- 167行目変更~
background-color:#ccd5dd; → #FFFFFF
*** タイトル・ロゴ [#r72027ea]
> COLOR(blue){対象ファイル名: skin/pukiwiki.skin.php}
- 80行目変更~
>変更前 ↓↓
<a href="<?php echo $link['top'] ?>"><img id="logo" src="<?php echo IMAGE_DIR . $image['logo'] ?>" width="80" height="80" alt="[PukiWiki]" title="[PukiWiki]" /></a>
COLOR(red){変更後 ↓↓}
<a href="/"><img id="logo" src="../images/photo02pk.jpg" width="60" height="60" alt="[PukiWiki]" title="[PukiWiki]" /></a>
*** タイトルのurlを消す [#e116c15a]
> COLOR(blue){対象ファイル名: skin/pukiwiki.skin.php}
- 22行目変更
define('SKIN_DEFAULT_DISABLE_TOPICPATH', 1); → 0
- 95行目追加
<?php echo ' ' ?>
*** レスポンシブルデザイン [#y8efb22e]
> スマートフォンなどのモバイル対応にする。以下のサイトを参考とした。~
[[SEの良心 PukiWiki1.5.2をレスポンシブデザインに変更する!>+https://dajya-ranger.com/pukiwiki/make-responsive-design/]]~
> COLOR(blue){対象ファイル名: skin/pukiwiki.skin.php}
- 63行目の下に1行追加
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CONTENT_CHARSET ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
- 70行目の下に1行追加
<link rel="stylesheet" type="text/css" href="<?php echo SKIN_DIR ?>pukiwiki.css" />
<link rel="stylesheet" type="text/css" href="<?php echo SKIN_DIR ?>pukiwiki-rspnsv.css" />
- 157-166行目変更~
>変更前 ↓↓
<?php if ($menu !== FALSE) { ?>
<table border="0" style="width:100%">
<tr>
<td class="menubar">
<div id="menubar"><?php echo $menu ?></div>
</td>
<td valign="top">
<div id="body"><?php echo $body ?></div>
</td>
</tr>
</table>
<?php } else { ?>
COLOR(red){変更後 ↓↓}
<?php if ($menu !== FALSE) { ?>
<!-- ボディ部の構成を変更 -->
<div id="contents">
<div id="menubar"><?php echo $menu ?></div>
<div id="body"><?php echo $body ?></div>
</div>
<?php } else { ?>
- COLOR(blue){skin/pukiwiki-respnsv.css} を追加(内容は参考サイトから)
#br
*** メニューの変更 [#y67ded15]
> メニューバーが複雑でわかりにくいので、修正する。参考サイトは下記。~
[[まちゅダイアリー PukiWiki のカスタマイズ>+https://www.machu.jp/diary/20040927.html]]~
>「リロード」→ 削除~
「バックアップ」→ 「履歴」
いま見ているページの更新履歴(バックアップ)を表示するという機能なので。~
>●ログオフ状態のとき~
[トップ][一覧|検索|履歴|ヘルプ|ログアウト]~
>●ログイン状態のとき~
[トップ][新規|編集|凍結|差分|添付][一覧|検索|履歴|最終更新|ヘルプ|ログアウト]~
> COLOR(blue){対象ファイル名: skin/pukiwiki.skin.php}
- 113-151行目変更
>変更前 ↓↓
[ <?php _navigator('top') ?> ]
<?php if ($is_page) { ?>
[
<?php if ($rw) { ?>
<?php _navigator('edit') ?> |
<?php if ($is_read && $function_freeze) { ?>
<?php (! $is_freeze) ? _navigator('freeze') : _navigator('unfreeze') ?> |
<?php } ?>
<?php } ?>
<?php _navigator('diff') ?>
<?php if ($do_backup) { ?>
| <?php _navigator('backup') ?>
<?php } ?>
<?php if ($rw && (bool)ini_get('file_uploads')) { ?>
| <?php _navigator('upload') ?>
<?php } ?>
| <?php _navigator('reload') ?>
]
<?php } ?>
[
<?php if ($rw) { ?>
<?php _navigator('new') ?> |
<?php } ?>
<?php _navigator('list') ?>
<?php if (arg_check('list')) { ?>
| <?php _navigator('filelist') ?>
<?php } ?>
| <?php _navigator('search') ?>
| <?php _navigator('recent') ?>
| <?php _navigator('help') ?>
<?php if ($enable_login) { ?>
| <?php _navigator('login') ?>
<?php } ?>
<?php if ($enable_logout) { ?>
| <?php _navigator('logout') ?>
<?php } ?>
]
<?php } // PKWK_SKIN_SHOW_NAVBAR ?>
COLOR(red){変更後 ↓↓}
[ <?php _navigator('top') ?> ]
<?php if ($is_page) { ?>
<?php if ($enable_logout) { ?>
[
<?php if ($rw) { ?>
<?php _navigator('new') ?> |
<?php _navigator('edit') ?> |
<?php if ($is_read && $function_freeze) { ?>
<?php (! $is_freeze) ? _navigator('freeze') : _navigator('unfreeze') ?> |
<?php } ?>
<?php } ?>
<?php _navigator('diff') ?>
<?php if ($do_backup) { ?>
| <?php _navigator('backup') ?>
<?php } ?>
<?php if ($rw && (bool)ini_get('file_uploads')) { ?>
| <?php _navigator('upload') ?>
<?php } ?>
| <?php _navigator('reload') ?>
]
<?php } ?>
<?php } ?>
[
<?php _navigator('list') ?>
<?php if (arg_check('list')) { ?>
| <?php _navigator('filelist') ?>
<?php } ?>
| <?php _navigator('search') ?>
<?php if ($enable_logout) { ?>
| <?php _navigator('recent') ?>
| <?php _navigator('help') ?>
| <?php _navigator('logout') ?>
<?php } ?>
<?php if ($enable_login) { ?>
| <?php _navigator('login') ?>
<?php } ?>
]
<?php } // PKWK_SKIN_SHOW_NAVBAR ?>
> COLOR(blue){対象ファイル名: js.lng.php}~
- 108行目 変更
$_LANG['skin']['backup'] = 'バックアップ'; → '履歴'
#br
*** ヘルプを修正できるようにする [#r9b7f613]
> 誤植の修正・説明の追加などをできるようにする。COLOR(red){修正後は「凍結」を忘れずに。}~
> COLOR(blue){対象ファイル名: js.lng.php}~
- 92-93行目 変更
$rule_page = 'FormattingRules'; → 'テキスト整形のルール'
$help_page = 'Help'; → 'ヘルプ'
- 「FormattingRules」をコピーして「テキスト整形のルール」ページを作成。
-「Help」をコピーして「ヘルプ」ページを作成して、冒頭の FormattingRules のリンクを変更する。
#br
*** 表示画像のクリックで元画像をポップアップで表示する。 [#ibfa172c]
> Light Box を導入して画像表示を改善する。~
参考サイト: [[pukiwiki1.5.xにLightboxを導入する>+https://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=19&cad=rja&uact=8&ved=2ahUKEwjGzezMupbnAhUHM94KHV-cBhIQFjASegQIBBAB&url=http%3A%2F%2Fblog.outdoorwalk.net%2F2017%2F12%2F18%2Fpukiwiki1-5-x%25E3%2581%25ABlightbox%25E3%2582%2592%25E5%25B0%258E%25E5%2585%25A5%25E3%2581%2599%25E3%2582%258B%2F&usg=AOvVaw3m_VjwzTqq5-o7KGhs127g]] [[lightbox2 オフィシャルサイト>+https://lokeshdhakar.com/projects/lightbox2/]]~
COLOR(blue){対象ファイル名: /lib/make_link.php}
- lightbox プログラムをダウンロード・コピーする。~
ダウンロードファイル: lightbox2-master.zip [[lightbox2 ダウンロード>+https://github.com/lokesh/lightbox2/tree/master/]]~
使用するファイル (ファイルがあるフォルダー名)~
lightbox.min.js (lightbox2-master/dist/js/)
lightbox-plus-jquery.min.js (lightbox2-master/dist/js/)
lightbox.min.css (lightbox2-master/dist/css/)
イメージファイル (lightbox2-master/dist/image/)
圧縮ファイルを解答し、スキンフォルダーにコピーする。~
/skin/lightbox2-master/js/lightbox.min.js
/skin/lightbox2-master/js/lightbox-plus-jquery.min.js
/skin/lightbox2-master/css/lightbox.min.css
/skin/lightbox2-master/image/ (イメージファイルすべて)
> COLOR(blue){対象ファイル名: plugin/ref.inc.php}~
- 354行目変更
>変更前 ↓↓
$params['_body'] = "<a href=\"$url2\" title=\"$title\">{$params['_body']}</a>";
COLOR(red){変更後 ↓↓}
$params['_body'] = "<a href=\" $url2\" title=\" $title\" rel='lightbox[aiueo]' > {$params['_body']}</a>";
> COLOR(blue){対象ファイル名: skin/pukiwiki.skin.php}~
- 74行目 追加
<script src="skin/lightbox2-master/js/lightbox-plus-jquery.min.js"></script>
<script src="skin/lightbox2-master/js/lightbox.min.js"></script>
<link href="skin/lightbox2-master/css/lightbox.min.css" rel="stylesheet" />
*** Pukiwikiの「?」(はてな)を表示しない [#ma071758]
>参考サイト: [[Pukiwikiの「?」(はてな)を表示しないように>+https://qiita.com/t_n/items/cc23872b670c7ef4ea79]]
> COLOR(blue){対象ファイル名: pukiwiki.ini.php}~
- 158行目 変更~
$nowikiname = 0 → 1
#br