WPS-200123 の履歴の現在との差分(No.1)

• 履歴一覧
• 差分 を表示
• ソース を表示
• WPS-200123 へ行く。
  • 1 (2020-01-24 (金) 22:29:08)

• 追加された行はこの色です。
• 削除された行はこの色です。

#author("2020-01-24T22:29:08+09:00","default:regex","regex")
#freeze
#author("2020-01-24T23:16:02+09:00","default:regex","regex")
* pukiwiki 1.5.2が出ました [#v2ce8bd8]
Pukiwiki 1.5.1の環境をパージし、Pukiwiki 1.5.2の環境をそろえます。~
 $ sudo apt-get --purge remove libapache2-mod-php7.0 php7.0-mbstring php-common php7.0-cli php7.0-common php7.0-json php7.0-opcache php7.0-readline

 $ sudo apt-get install libapache2-mod-php7.3 php7.3-mbstring php-common php7.3-cli php7.3-common php7.3-json php7.3-opcache php7.3-readline
*pukiwiki.ini.phpの編集 (MIFさんの写真館、MIFさんのパソコン共通部分） [#we411db2]
　MIFさんの写真館用のpukiwiki-1.5.2_utf8を展開、その上に同フォルダを展開しpcpcと直す。~
　セーフモードの解除~
 30:	define('PKWK_SAFE_MODE', 1);
●解凍、編集にパスワード、ログインが必要になるように、設定しました。~
 113:$page_title = 'MIFさんの写真館';
 又は'ＭＩＦさんのパソコン'

 121:// Site admin's name (CHANGE THIS)
 122:$modifier = 'mifjpn';

 124:// Site admin's Web page (CHANGE THIS)
 125:$modifierlink = 'http://mifmif.ddo.jp/';
 又は'http://mifmif.ddo.jp/pcpc/'

 128:$defaultpage = 'MIFさんの写真館'; // Top / Default page 
 又は'ＭＩＦさんのパソコン'

 178:// Default: always fail
 179:$adminpass = '{x-php-md5}MD5パスワード';

 243://///////////////////////////////////////////////
 244:// User definition
 245:$auth_users = array(
 246: // Username => password
 247: '名前' => '{x-php-md5}MD5パスワード',
 他のデフォルトはコメントアウトすること。

 277://///////////////////////////////////////////////
 278:// Edit auth (0:Disable, 1:Enable)
 279:$edit_auth = 1;
 280:
 281:$edit_auth_pages = array(
 282: // Regex Username
 283: '##' => '名前',
 他のデフォルトはコメントアウトすること。

*データの移行と手直し(共通) [#aaef030d]

移動するデータは、以下の通り

./wiki/
./diff/
./backup/
./attach/
./counter/
./trackback/
 ./wiki/
 ./diff/
 ./backup/
 ./attach/
 ./counter/
 (./trackback/)いらないと思う

favicon.icoとfavicon.svgをWebrootに入れる。
pukiwiki.skin.php に
16:$_IMAGE['skin']['favicon']  = 'favicon.ico';
・・・
　favicon.icoとfavicon.svgをWebrootに入れる。~
 pukiwiki.skin.php に
 16:$_IMAGE['skin']['favicon']  = 'favicon.ico';


トップアイコンの付け替え(共通） †

*トップアイコンの付け替え(共通） [#r2beec40]
①MIFさんの写真館

./image/pictureicon.pngを入れる。
 ./image/pictureicon.pngを入れる。

pictureicon.png
&ref(pictureicon.png,zoom,80x80);~

②MIFさんのパソコン

./image/mycomputer.png
 ./image/mycomputer.pngを入れる。

mycomputer.png
&ref(mycomputer.png,zoom,80x80);~

./skin/pukiwiki.skin.php
 ./skin/pukiwiki.skin.php
 15:$_IMAGE['skin']['logo'] = 'pictureicon.png';
 又はmycomputer.png

15:$_IMAGE['skin']['logo'] = 'pictureicon.png';
又はmycomputer.png
 274:ddo.jp支給のバナー広告を入れる

274:ddo.jp支給のバナー広告を入れる
----------------------------------------------------------------------
new！！css作成
*メニューを右へ（MIFさんのパソコン） [#hbd10c74]

―――――――――――――――――――――――――――――
↑
メニューを右へ（MIFさんのパソコン） †
　編集する場所は" pukiwiki.skin.php " の 171 行目あたりの " <td class="menubar"> " から始まる元のメニュー表示部分を以下のようにコメントアウトしておくか、この 3 行を削除してしまって、" <td valign="top"> " ～ " <td> " の下へと記述しておく。

編集する場所は" pukiwiki.skin.php " の 171 行目あたりの " <td class="menubar"> " から始まる元のメニュー表示部分を以下のようにコメントアウトしておくか、この 3 行を削除してしまって、" <td valign="top"> " ～ " <td> " の下へと記述しておく。
 <?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>
 + <td class="menubar"> 
 +  <div id="menubar"><?php echo $menu ?></div>
 + </td>
 </tr>
 </table>
 <?php } else { ?>

<?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>
+ <td class="menubar"> 
+  <div id="menubar"><?php echo $menu ?></div>
+ </td>
</tr>
</table>
<?php } else { ?>
　MIFさんのパソコンの方はダウンロードファイルをpcpc下に置くのを忘れないようにする。~

↑
　パソコンの方はダウンロードファイルを置く。
↑
uploadを50MBに（写真館） †
* uploadを50MBに（写真館） [#g70d76c8]


/plugin/attach.inc.php
 /plugin/attach.inc.php
 // max file size for upload on PHP(PHP default 2MB)
 ini_set("upload_max_filesize","2M");

// max file size for upload on PHP(PHP default 2MB)
ini_set("upload_max_filesize","2M");

となっているところを

// max file size for upload on PHP(PHP default 2MB)
ini_set("upload_max_filesize","50M");
 // max file size for upload on PHP(PHP default 2MB)
 ini_set("upload_max_filesize","50M");

に直します。

// max file size for upload on script of PukiWiki(default 1MB)
define("MAX_FILESIZE",1024 * 1024);
 // max file size for upload on script of PukiWiki(default 1MB)
 define("MAX_FILESIZE",1024 * 1024);

となっているところを

// max file size for upload on script of PukiWiki(default 1MB)
define("MAX_FILESIZE",50 * 1024 * 1024);
 // max file size for upload on script of PukiWiki(default 1MB)
 define("MAX_FILESIZE",50 * 1024 * 1024);

に変えます。

/etc/php/7.0/apache2/php.ini
 /etc/php/7.3/apache2/php.ini
 389:memory_limit = 128M
 809:upload_max_filesize = 128M
 656:post_max_size = 128M

389:memory_limit = 128M
809:upload_max_filesize = 128M
656:post_max_size = 128M
と変えます。

と変えます

◎pukiwiki.css.phpはpukiwiki.cssにかわったので、
PukiWiki CSS diff tool（https://pukiwiki.osdn.jp/pwcssdiff/pwcssdiff.html）
*pukiwiki.css.phpはpukiwiki.cssにかわった [#eb1184e2]
[[PukiWiki CSS diff tool:https://pukiwiki.osdn.jp/pwcssdiff/pwcssdiff.html]]~
でdiffを見ながら、以下の部分を変えていく（ブラウザの検索を使うといい）

↑
上部のナビゲーターを小さくした。（共通） †
*上部のナビゲーターを小さくした。（共通） [#qcd95f97]

cssについてはここが参考になりました。
【変更点】
/skin/pukiwiki.css.phpファイルのdiv#navigator {の font-size:を80%;とした。
【変更点】~
/skin/pukiwiki.cssファイルのdiv#navigator {の font-size:を80%;とした。

div#navigator {
<?php   if ($media == 'print') { ?>
	display:none;
<?php   } else { ?>
	clear:both;
	padding:4px 0px 0px 0px;
	margin:0px;
+	font-size:80%;
<?php   } ?>
}
 div#navigator {
 	clear:both;
 	padding:4px 0px 0px 0px;
 	margin:0px;
 +	font-size:80%;
 }

*全体の文字を大きくした（共通） [#ab8c75c4]

↑
全体の文字を大きくした（共通） †
【変更点】~
/skin/pukiwiki.cssファイルのbody,td {の font-size:を95%;とした。~

【変更点】
/skin/pukiwiki.css.phpファイルのbody,td {の font-size:を95%;とした。
 body,td {
 	color:black;
 	background-color:white;
 	margin-left:2%;
 	margin-right:2%;
 + 	font-size:95%;
 	font-family:verdana, arial, helvetica, Sans-Serif;
 }

body,td {
	color:black;
	background-color:white;
	margin-left:2%;
	margin-right:2%;
+ 	font-size:95%;
	font-family:verdana, arial, helvetica, Sans-Serif;
}

*「整形済みテキスト」の文字を少し大きくした(共通） [#c8f82219]

↑
「整形済みテキスト」の文字を少し大きくした(共通） †
【変更点】~
/skin/pukiwiki.cssファイルのpre{}に font-size:100%; の行を追記した。~

【変更点】
/skin/pukiwiki.css.phpファイルのpre{}に font-size:100%; の行を追記した。
 pre {
 	border-top:#DDDDEE 1px solid;
 	border-bottom:#888899 1px solid;
 	border-left:#DDDDEE 1px solid;
 	border-right:#888899 1px solid;
 	padding:.5em;
 	margin-left:1em;
 	margin-right:2em;
 	white-space:pre;
 +	font-size:100%;
 	color:black;
 	background-color:#F0F8FF;
 }

pre {
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
+	font-size:100%;
	color:black;
	background-color:#F0F8FF;
}
*「整形済みテキスト」を折り返しさせる様にした(共通） [#o9d750af]

↑
「整形済みテキスト」を折り返しさせる様にした(共通） †
【変更点】~
/skin/pukiwiki.cssファイルの145行程度に以下を挿入する。~

【変更点】
/skin/pukiwiki.css.phpファイルの145行程度に以下を挿入する。

pre {
	    /* Mozilla */
	    white-space: -moz-pre-wrap;
	 
	    /* Opera 4-6 */
	    white-space: -pre-wrap;
	 
 pre {
 	    /* Mozilla */
      white-space: -moz-pre-wrap;
 	    /* Opera 4-6 */
      white-space: -pre-wrap;
	    /* Opera 7 */
	    white-space: -o-pre-wrap;
	 
      white-space: -o-pre-wrap;
	    /* CSS3 */
	    white-space: pre-wrap;
	 
	    /* IE 5.5+ */
	    word-wrap: break-word;
}
      white-space: pre-wrap; 
 	    /* IE 5.5+ */
      word-wrap: break-word;
 }

↑
menuの幅が小さいので大きくした。（やや共通） †
*menuの幅が小さいので大きくした。（やや共通） [#h4056484]

/skin/pukiwiki.css.phpファイルのdiv#menubar{の widthを12em とした。
/skin/pukiwiki.cssファイルのdiv#menubar{の widthを12em とした。~

div#menubar {
<?php   if ($media == 'print') { ?>
	display:none;
<?php   } else { ?>
+ 	width:12em;
	padding:0px;　（MIFさんのパソコンでは15px）
	margin:4px;
	word-break:break-all;
	font-size:90%;
	overflow:hidden;
<?php   } ?>
}

↑
メニューの背景を空にして角を丸くしてみた(写真館） †

./skin/にsky1.jpgを入れる
./skin/pukiwiki.css.phpに

div#menubar {
<?php   if ($media == 'print') { ?>
	display:none;
<?php   } else { ?>
	width:12em;
+	padding:7px 15px 15px 15px;
 div#menubar {
 + 	width:12em;
 	padding:0px;　（MIFさんのパソコンでは15px）
 	margin:4px;
	word-break:break-all;
	font-size:90%;
	overflow:hidden;
+	background-image:url("sky1.jpg");
+	border-radius: 10px;        /* CSS3草案 */  
+	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
+	-moz-border-radius: 10px;   /* Firefox用 */  
<?php   } ?>
}
 	word-break:break-all;
 	font-size:90%;
 	overflow:hidden;
 }

*メニューの背景を空にして角を丸くしてみた(MIFさんの写真館） [#a03ee027]

↑
ヘッダーの背景を空にして角を丸くしてみた(写真館） †
./skin/にsky1.jpgを入れる~
./skin/pukiwiki.cssに~

./skin/にsky.jpgを入れる
./skin/pukiwiki.css.phpに
 div#menubar {
 	width:12em;
 +	padding:7px 15px 15px 15px;
  	margin:4px;
 	word-break:break-all;
 	font-size:90%;
 	overflow:hidden;
 +	background-image:url("sky1.jpg");
 +	border-radius: 10px;        /* CSS3草案 */  
 +	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 +	-moz-border-radius: 10px;   /* Firefox用 */  
 }

div#header {
+	padding:7px 15px 15px 15px;
	margin:0px;
+	background-image:url("sky.jpg");
+	border-radius: 10px;        /* CSS3草案 */  
+	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
+	-moz-border-radius: 10px;   /* Firefox用 */  
	
}

↑
フッターの背景を空にして角を丸くしてみた(写真館） †
*ヘッダーの背景を空にして角を丸くしてみた(MIFさんの写真館） [#j794c2a8]

./skin/にsky.jpgを入れる
./skin/pukiwiki.css.phpに
./skin/にsky.jpgを入れる~
./skin/pukiwiki.cssに~

div#footer {
	font-size:70%;
+	padding:7px 15px 15px 15px;
	margin:16px 0px 0px 0px;
+	background-image:url("sky.jpg");
+	border-radius: 10px;        /* CSS3草案 */  
+	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
+	-moz-border-radius: 10px;   /* Firefox用 */  	
}
 div#header {
 +	padding:7px 15px 15px 15px;
 	margin:0px;
 +	background-image:url("sky.jpg");
 +	border-radius: 10px;        /* CSS3草案 */  
 +	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 +	-moz-border-radius: 10px;   /* Firefox用 */  
 }

↑
スキン色の置換(パソコン) †
*フッターの背景を空にして角を丸くしてみた(MIFさんの写真館） [#jaa6cc10]

./skin/pukiwiki.css.php
./skin/にsky.jpgを入れる~
./skin/pukiwiki.cssに~

#DDEEFF -> #FFCC8C
#DDDDEE -> #EEE6DE
#888899 -> #999088
#F0F8FF -> #FFF8F0
 div#footer {
 	font-size:70%;
 +	padding:7px 15px 15px 15px;
 	margin:16px 0px 0px 0px;
 +	background-image:url("sky.jpg");
 +	border-radius: 10px;        /* CSS3草案 */  
 +	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 +	-moz-border-radius: 10px;   /* Firefox用 */  	
 }

↑
ヘッダーの背景をオレンジにし角を落とした(パソコン) †
*スキン色の置換(MIFさんのパソコン) [#r6e21e76]

./skin/pukiwiki.css.phpに
 ./skin/pukiwiki.css
 #DDEEFF -> #FFCC8C
 #DDDDEE -> #EEE6DE
 #888899 -> #999088
 #F0F8FF -> #FFF8F0

div#header {
+	padding:7px 15px 15px 15px;
+	background-color:#FFAD42;
	margin:0px;
+	border-radius: 10px;        /* CSS3草案 */  
+	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
+	-moz-border-radius: 10px;   /* Firefox用 */  
}
*ヘッダーの背景をオレンジにし角を落とした(MIFさんのパソコン) [#fb9d0c49]

./skin/pukiwiki.cssに~

↑
フッターの背景をオレンジにし角を落とした(パソコン) †
 div#header {
 +	padding:7px 15px 15px 15px;
 +	background-color:#FFAD42;
 	margin:0px;
 +	border-radius: 10px;        /* CSS3草案 */  
 +	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 +	-moz-border-radius: 10px;   /* Firefox用 */  
 }

./skin/pukiwiki.css.phpに

div#footer {
	font-size:70%;
+	padding:7px 15px 15px 15px;
+	background-color:#FFAD42;
	margin:16px 0px 0px 0px;
+	border-radius: 10px;        /* CSS3草案 */  
+	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
+	-moz-border-radius: 10px;   /* Firefox用 */
}
*フッターの背景をオレンジにし角を落とした(MIFさんのパソコン) [#a590deba]

./skin/pukiwiki.cssに~

↑
メニューの背景をオレンジにし角を落とした(パソコン) †
 div#footer {
 	font-size:70%;
 +	padding:7px 15px 15px 15px;
 +	background-color:#FFAD42;
 	margin:16px 0px 0px 0px;
 +	border-radius: 10px;        /* CSS3草案 */  
 +	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 +	-moz-border-radius: 10px;   /* Firefox用 */
 }

./skin/pukiwiki.css.phpに

div#menubar {
<?php   if ($media == 'print') { ?>
	display:none;
<?php   } else { ?>
	width:12em;
+	padding:7px 15px 15px 15px;
+	background-color:#FFAD42;
	margin:4px;
	word-break:break-all;
	font-size:90%;
	overflow:hidden;
+	border-radius: 10px;        /* CSS3草案 */  
+	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
+	-moz-border-radius: 10px;   /* Firefox用 */  
<?php   } ?>
}
*メニューの背景をオレンジにし角を落とした(MIFさんのパソコン) [#fc032f9d]

./skin/pukiwiki.cssに~

↑
編集画面のテキストボックスをおおきくした（共通） †
default.ini.php
 div#menubar {
 	width:12em;
 +	padding:7px 15px 15px 15px;
 +	background-color:#FFAD42;
 	margin:4px;
 	word-break:break-all;
 	font-size:90%;
 	overflow:hidden;
 +	border-radius: 10px;        /* CSS3草案 */  
 +	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 +	-moz-border-radius: 10px;   /* Firefox用 */  
 }

/////////////////////////////////////////////////
// テキストエリアのカラム数
$cols =100;

/////////////////////////////////////////////////
// テキストエリアの行数
$rows = 30;
*編集画面のテキストボックスをおおきくした（共通） [#bcc6fcae]
default.ini.php~

 /////////////////////////////////////////////////
 // テキストエリアのカラム数
 $cols =100;
 
 /////////////////////////////////////////////////
 // テキストエリアの行数
 $rows = 30;

↑
apache2の正しい設定 †

/etc/apache2/sites-available/mifmif.ddo.jp.confをコピーして/etc/apache2/sites-available/mifmif.ddo.jp.1.5.2.confを作る
以下を変更。
      DocumentRoot /foobar/Public/pukiwiki-1.5.2_utf8/
      <Directory "/foobar/Public/pukiwiki-1.5.2_utf8">
             Require all granted
      </Directory>
*apache2の設定 [#raa9b716]

無効化
/etc/apache2/sites-available/mifmif.ddo.jp.confをコピーして/etc/apache2/sites-available/mifmif.ddo.jp.1.5.2.confを作る~
以下を変更。~
       DocumentRoot /foobar/Public/pukiwiki-1.5.2_utf8/
       <Directory "/foobar/Public/pukiwiki-1.5.2_utf8">
              Require all granted
       </Directory>

$ sudo a2dissite mifmif.ddo.jp
無効化~

 $ sudo a2dissite mifmif.ddo.jp

有効化

$ sudo a2ensite mifmif.ddo.jp.1.5.2
有効化~

 $ sudo a2ensite mifmif.ddo.jp.1.5.2

リスタート

$sudo service apache2 restart
リスタート~

 $sudo service apache2 restart
*Skin置き場 [#ba0dc8ce]
[[MIFさんの写真館スキン:http://mifmif.mydns.jp/pcpc/public/skin-picture.tar.gz]]~
[[MIFさんのパソコンスキン:http://mifmif.mydns.jp/pcpc/public/skin-pcpc.tar.gz]]~