Pukiwiki備忘録 のバックアップ差分(No.14)


#author("2019-12-28T00:23:52+09:00;2019-12-26T23:16:36+09:00","default:admin","admin")
#author("2020-05-30T23:15:27+09:00;2020-05-30T22:42:24+09:00","default:admin","admin")
#norelated

**PukiWikiについて [#c2af49f4]
-[[PukiWiki]] -- PukiWikiのご紹介


***ドキュメント [#o366701b]
-[[ヘルプ>Help]] -- PukiWikiで編集するには?
-[[テキスト整形のルール(詳細版)>FormattingRules]]
-[[プラグインマニュアル>PukiWiki/1.4/Manual/Plugin]]


**動作環境 [#j261b5e1]
- Pukiwiki:1.5.2
- PHP:
- 


**改造事項 [#ke09da29]
***スキン [#zb83d1fc]
-配布元:[[tffac>https://www.tffac.wiki/?PukiWiki%E5%82%99%E5%BF%98%E9%8C%B2]]様
--注釈の位置を変更させて頂きました。
#region(コード)
 <div class="container"> 
 	<?php echo $notes ?>
 </div>
これを
 <?php echo $body ?>
この下に移動(要するに『body』の中に入れている)
#endregion
--外部リンクは別窓・アイコン付与するようにしました。
#region(コード)
 <script type="text/javascript">  
 jQuery(document).ready(function(){
 jQuery('a[href^=http]') // フルパスの時
 .not('[href*="'+location.hostname+'"]')
 .addClass("external-link") // アイコン付与
 .attr({target:"_blank"}) // 別窓で開く
 ;})  
 </script>
#endregion
--スマホ時はメニューを畳むようにしました。
--- 参考:[[サルワカ様>https://saruwakakun.com/html-css/reference/nav-drawer]]

***プラグイン [#rf7cf042]
-折り畳みプラグイン
--配布元:[[utubo様>https://github.com/utubo/pukiwiki-region-wikiwikilike/tree/master]]
---折り畳みを展開した場合、タイトル部分がそのまま表示されるように改変させて頂きました。

-ビジュアルエディタ組み込みプラグイン
--配布元:[[oxy様>https://oxynotes.com/?p=11033]]
---バグ解消参考:[[martus5710様>https://martus5710.hateblo.jp/entry/2018/03/30/081655]]

-ステータスプラグイン([[dltag.ini.php]])
-- 「-」区切りのテキストを自動でdlタグに置換して表示させるプラグイン作成。
--- 使用箇所は月キャラの簡易プロフ部分のみ。全キャラ共通なら全体で使えると思う。
--- CSS参考はまたもや[[サルワカ様>https://saruwakakun.com/html-css/reference/nav-drawer]]。

- div生成プラグイン
-- 配布元:[[morikawa様>https://pukiwiki.osdn.jp/?%E8%87%AA%E4%BD%9C%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/div.inc.php]]

**修正履歴 [#t2d9a017]
***レイアウト備忘録 [#xc511951]
- 横長過ぎるテーブルはスクロールバーを表示
-- 上記の『div生成プラグイン』を使用し、スクロールバーを表示させたいtableの上下に「start」「end」を設置。
--- この時、「start」に続いて「,(class名。例では『scrollTable』)」を記述。
-- CSSに下記を記述
 .scrollTable .style_table {
   overflow-x: scroll;
   white-space: nowrap;
   -webkit-overflow-scrolling: touch;
 }
-- これで表にスクロールバーが表示される。はず。

**修正履歴 [#p40200fa]
-20/05/30 スマホで長過ぎる表をスクロール出来るよういじった
-20/05/30 divプラグイン入れた 
-19/12/26 何をとち狂ったかプラグイン組んだ
-19/11/14 外部リンクは別窓・アイコン付与
-19/11/14 ビジュアルエディタ組み込み
-19/11/13 スマホ時、ハンバーガーメニューになるように修正
-19/11/13 「†」とか「↑」を非表示に
-19/11/13 更にスタイルいじった
-19/11/09 スタイルいじった
-19/11/09 折り畳みプラグインを改良
-19/11/08 どうしても気になったので、注釈の位置を変更。スマホ表示でメニューバーの上に出てくる
-19/11/08 リンク先が絶対パスの場合、別窓に表示するように修正
-19/11/08 折り畳みプラグイン入れた

** 改修予定 [#sd27ba14]
- 配列をテーブルに変換したい(ぶっちゃけ既存のcsvからデータ取ってきたい)
-- 配列は出来たけど変換しなきゃだしCSVからは持ってこれなかった。改善の余地あり