FrontPage の履歴の現在との差分(No.5)


#author("2019-11-27T15:18:49+09:00","default:user","user")
#author("2023-10-18T19:14:24+09:00","default:user","user")
//#image(Composition_8.jpg,,100%)
//[[Vassily Kandinsky, 1923 - Composition 8>https://commons.wikimedia.org/wiki/File:Vassily_Kandinsky,_1923_-_Composition_8,_huile_sur_toile,_140_cm_x_201_cm,_Mus%C3%A9e_Guggenheim,_New_York.jpg]]
//~


*PukiWiki Minimal Sample
Sample skin for beginners
~


**これは何?
[[PukiWikiのカスタマイズ体験>http://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Customize]]に関する説明用のデモサイトです。以下の手順でお試し下さい。
-[[PukiWikiのカスタマイズ体験>https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Customize]]に関する説明用のデモサイトです。以下の手順でお試し下さい((注釈機能(note機能) の動作確認です))。
-PukiWiki オリジナルをすでにセットアップされている方は、4) 以降をお読み下さい。
~


***体験手順
-1) 公式サイトから Pukiwiki をダウンロード
https://pukiwiki.osdn.jp/

-2) pukiwiki.ini.php を編集して、以下の設定を行う
--サイトタイトルの定義
 113 $page_title = '(ここにサイトのタイトル)';
--管理者パスワードの定義(これをしないと凍結解除やファイルの添付ができません)。
 179 $adminpass = '(ここに管理者のパスワード)';
 192 $adminpass = '(ここに管理者のパスワード)';

-3) 同様に pukiwiki.ini.php の変更(推奨・任意)
--WikiName を無効化
 151 $nowikiname = 1
 160 $nowikiname = 1
--自動アンカーの設定を無効化
 513 $fixed_heading_anchor = 0; 
 528 $fixed_heading_anchor = 0; 
--編集画面内での改行を表示に反映
 521 $line_break = 1;
 536 $line_break = 1;
--[[より詳細な情報はこちらに記載しています。>http://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki]]

-4) 以下から skin と plugin をダウンロード
https://github.com/koichi-inoue/pukiwiki_minimal

-5) skin フォルダを既存のものと差し替え
skin フォルダは js, css, images フォルダを作成して再構成しているので、既存のものとまるごと入れ替えて下さい(既存のフォルダは skin_bak などと名称変更して残しておくとよいでしょう)。

-6) plugin フォルダの中身を、既存の plugin フォルダへ追加投入
以下のプラグインが利用できるようになります。
--[[Plugin/Image]]
--[[Plugin/YouTube]]
--[[Plugin/Contents2_1]]
--[[Plugin/Image]]:ライトボックス機能付き画像表示
--[[Plugin/YouTube]]:YouTube動画の埋め込み
--[[Plugin/Vimeo]]:Vimeo動画の埋め込み

-7) サーバーへアップロードしてパーミッションを変更
パーミッション変更については[[こちらをご覧下さい>http://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki]]。

-8) 検索ボックスの表示
検索ボックスは、ページヘッダーの右に出るようにしていますが、それを表示するには、[[SearchBox]] という名称のページの存在が必要です。
--ページ>新規作成 で、SearchBox という名称のページを作成して下さい。
--SearchBox のページでは、先頭に以下の一行のみ書いて下さい。
 #search()
以上で、ヘッダー右に検索ボックスが表示されるはずです。

~

***SKIN フォルダ内の主要ファイルの仕様
-pukiwiki.skin.php(ページの構造)
--<header>
--<div id="main">(編集モードでは<div id="edit">)
---<nav>(編集モードでは非表示)
---<article>(ページ内の記事本体 $body)
--<footer>
**仕様
***pukiwiki.skin.php(閲覧モード)
-< header >
-< readMode >
--< nav >
--< article >
・< main >
・< note >
・< attach >
・< lastmodified >
・< related >
-< footer >
~

-additional.css(追加のCSS)
--上記 skin に対応する追加のCSSです(オリジナルを上書きします)
--#main の中は display: flex; で2カラムにしています。
--PukiWiki オリジナルCSS である pukiwiki.css はオリジナルのまま残しています。
***pukiwiki.skin.php(編集モード)
-< header >
-< editMode >
-< footer >
~

#hr
***additional.css(追加のCSS)
-上記 skin に対応する追加のCSSです(オリジナルを上書きします)
-#readMode の中は display: flex; で nav と article の2カラムにしています。
-PukiWiki オリジナルCSS である pukiwiki.css はオリジナルのまま残しています。

~

** PukiWikiについて

- [[PukiWiki]] -- PukiWikiのご紹介

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

- [[SandBox]] -- 編集をお試しください
- [[InterWikiSandBox]] -- [[InterWiki]]を試してみてください

~
~