サイト構築 覚書

※ 最終更新:2022/09/14 

pukiwiki-1.5.2-utf8 でサイト構築

今後のバージョンアップに備え、変更箇所はできるだけ少なくする。
色のトーンを全体的にグレー・薄いグレー系にする。以下、行数はオリジナルを基準とする。

アップロードサイズ拡張

アップロードサイズはデフォールトでは 1MB

対象ファイル名: plugin/attach.inc.php

変更前 ↓↓ 20行目

define('PLUGIN_ATTACH_MAX_FILESIZE', (1024 * 1024)); // default: 1MB

変更後 ↓↓

define('PLUGIN_ATTACH_MAX_FILESIZE', (1024 * 1024) *30); // default: 1MB

アップロード権限変更

ログインユーザーはアップロード許可。削除は管理者のみとする。

対象ファイル名: 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

画像一覧の表示

対象ファイル名: skin/pukiwiki.css

384行目に挿入

div#body img {
 margin: 0px 0px 8px 8px;
}

画像表示の時の左右の空白

対象ファイル名: skin/pukiwiki.css

599-600行目変更

 margin-left:32px;   → 8px
 margin-right:32px;  → 8px

外部リンクを別窓にする

外部ページのリンクの際、http:// の先頭に + を付ける(+http:) と別窓でリンクするようにした。
参考サイト: ロンさん非公式ウイキ
対象ファイル名: lib/make_link.php

外部リンクにマークを付ける

対象ファイル名: skin/pukiwiki.css

システム設定

対象ファイル名: pukiwiki.ini.php

変更前 ↓↓ 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'
);

変更後 ↓↓

$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',
);

変更後 ↓↓

$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',
);

変更後 ↓↓

$edit_auth = 1;

$edit_auth_pages = array(
    // Regex           Username
    '##'=> 'edit-user',
);
 

全体の色

対象ファイル名: skin/pukiwiki.css

テーブル

対象ファイル名: skin/pukiwiki.css

タイトル・ロゴ

対象ファイル名: skin/pukiwiki.skin.php

変更前 ↓↓

<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>

変更後 ↓↓

<a href="/"><img id="logo" src="../images/photo02pk.jpg" width="60" height="60" alt="[PukiWiki]" title="[PukiWiki]" /></a>

タイトルのurlを消す

対象ファイル名: skin/pukiwiki.skin.php

レスポンシブルデザイン

スマートフォンなどのモバイル対応にする。以下のサイトを参考とした。
SEの良心 PukiWiki1.5.2をレスポンシブデザインに変更する!

対象ファイル名: skin/pukiwiki.skin.php

変更前 ↓↓

<?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 { ?>

変更後 ↓↓

<?php if ($menu !== FALSE) { ?>
<!-- ボディ部の構成を変更 -->
<div id="contents">
    <div id="menubar"><?php echo $menu ?></div>
    <div id="body"><?php echo $body ?></div>
</div>
<?php } else { ?>
 

メニューの変更

メニューバーが複雑でわかりにくいので、修正する。参考サイトは下記。
まちゅダイアリー PukiWiki のカスタマイズ

「リロード」→ 削除
「バックアップ」→ 「履歴」 いま見ているページの更新履歴(バックアップ)を表示するという機能なので。

●ログオフ状態のとき
 [トップ][一覧|検索|履歴|ヘルプ|ログアウト]

●ログイン状態のとき
 [トップ][新規|編集|凍結|差分|添付][一覧|検索|履歴|最終更新|ヘルプ|ログアウト]

対象ファイル名: skin/pukiwiki.skin.php

変更前 ↓↓

 [ <?php _navigator('top') ?> ] &nbsp;

<?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') ?>
 ] &nbsp;
<?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 ?>

変更後 ↓↓

&nbsp; [ <?php _navigator('top') ?> ] &nbsp;

<?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') ?>
   ] &nbsp;
 <?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 ?>

対象ファイル名: js.lng.php

 

ヘルプを修正できるようにする

誤植の修正・説明の追加などをできるようにする。修正後は「凍結」を忘れずに。

対象ファイル名: js.lng.php

 

表示画像のクリックで元画像をポップアップで表示する。

Light Box を導入して画像表示を改善する。
参考サイト: pukiwiki1.5.xにLightboxを導入する lightbox2 オフィシャルサイト
対象ファイル名: /lib/make_link.php

対象ファイル名: plugin/ref.inc.php

変更前 ↓↓

$params['_body'] = "<a href=\"$url2\" title=\"$title\">{$params['_body']}</a>";

変更後 ↓↓

$params['_body'] = "<a href=\" $url2\" title=\" $title\" rel='lightbox[aiueo]' > {$params['_body']}</a>";

対象ファイル名: skin/pukiwiki.skin.php

Pukiwikiの「?」(はてな)を表示しない

参考サイト: Pukiwikiの「?」(はてな)を表示しないように

対象ファイル名: pukiwiki.ini.php

動画ファイルの埋め込み

対象ファイル名:plugin/tinyvideo.inc.php

Site adminの表示

対象ファイル名: pukiwiki.ini.php

ページトップボタンを設置

ページの途中から最初に戻るボタンを配置する。以下のサイトを参考とした。
【jQuery不使用】PukiWikiにページトップボタンを設置する!

対象ファイル名: skin/pukiwiki.skin.php

対象ファイル名: skin/pukiwiki-rspncv.css

ページ下部のアイコン表示

ログイン時のみ表示するように変更。

対象ファイル名: skin/pukiwiki.skin.php

変更後(//2020.12.01 2か所) ↓↓

function _toolbar($key, $x = 20, $y = 20){
	$lang  = & $GLOBALS['_LANG']['skin'];
	$link  = & $GLOBALS['_LINK'];
	$image = & $GLOBALS['_IMAGE']['skin'];
	if (! isset($lang[$key]) ) { echo 'LANG NOT FOUND';  return FALSE; }
	if (! isset($link[$key]) ) { echo 'LINK NOT FOUND';  return FALSE; }
	if (! isset($image[$key])) { echo 'IMAGE NOT FOUND'; return FALSE; }

	echo '<a href="' . $link[$key] . '">' .
		'<img src="' . IMAGE_DIR . $image[$key] . '" width="' . $x . '" height="' . $y . '" ' .
			'alt="' . $lang[$key] . '" title="' . $lang[$key] . '" />' .
		'</a>';
	return TRUE;
}
?>
<?php if ($enable_logout) { //2020.12.01 ?>
 <?php _toolbar('top') ?>

<?php if ($is_page) { ?>
 &nbsp;
 <?php if ($rw) { ?>
	<?php _toolbar('edit') ?>
	<?php if ($is_read && $function_freeze) { ?>
		<?php if (! $is_freeze) { _toolbar('freeze'); } else { _toolbar('unfreeze'); } ?>
	<?php } ?>
 <?php } ?>
 <?php _toolbar('diff') ?>
<?php if ($do_backup) { ?>
	<?php _toolbar('backup') ?>
<?php } ?>
<?php if ($rw) { ?>
	<?php if ((bool)ini_get('file_uploads')) { ?>
		<?php _toolbar('upload') ?>
	<?php } ?>
	<?php _toolbar('copy') ?>
	<?php _toolbar('rename') ?>
<?php } ?>
 <?php _toolbar('reload') ?>
<?php } ?>
 &nbsp;
<?php if ($rw) { ?>
	<?php _toolbar('new') ?>
<?php } ?>
 <?php _toolbar('list')   ?>
 <?php _toolbar('search') ?>
 <?php _toolbar('recent') ?>
 &nbsp; <?php _toolbar('help') ?>
 &nbsp; <?php _toolbar('rss10', 36, 14) ?>
<?php } //2020.12.01 ?>
</div>
<?php } // PKWK_SKIN_SHOW_TOOLBAR ?>

「codeprettify.inc.php」プラグインを導入

ソースコードの表示が簡単になるプラグインを入れる。(google-code-prettifyを利用してソースコードをハイライト表示)

ページの一部を折り畳み表示

「divregion.inc.php」プラグインを導入してページの一部を折りたためるようにする。

faviconの設定方法

対象ファイル名: skin/pukiwiki.skin.php

16行目変更

$_IMAGE['skin']['favicon']  = 'image/pukiwiki.ico';

サイトアイコンの設定方法

対象ファイル名: skin/pukiwiki.skin.php

71行目追加

<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">

音声ファイルの埋め込み

対象ファイル名:plugin/tinyaudio.inc.php

 

更新履歴