- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2019-08-23T07:00:56+02:00","","")
#norelated
#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]]
#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 Minimal Sample [#o0726ea9]
***これは何? [#u92bf3d1]
PukiWikiのカスタマイズ体験を目的に、skin フォルダの内容を必要最小限の記述でリメイクしたものです。以下の手順でお試しいただけます。
**これは何?
-[[PukiWikiのカスタマイズ体験>https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Customize]]に関する説明用のデモサイトです。以下の手順でお試し下さい((注釈機能(note機能) の動作確認です))。
-PukiWiki オリジナルをすでにセットアップされている方は、4) 以降をお読み下さい。
~
-1) 公式サイトから Pukiwiki をダウンロードして解凍
-2) skin フォルダの内容を &ref(skin_plus.zip); と差し替え
-3) 新規に [[SideBar]] というページを作成し、内容を適当に記述してください。[[SideBar]] が右カラムに出現します。
// *Search
// #search()
//
// *BookMark
// -[[◯◯◯◯◯>http://www.・・・・]]
// -[[◯◯◯◯>http://www.・・・]]
//
// #recent(10)
***体験手順
-1) 公式サイトから Pukiwiki をダウンロード
https://pukiwiki.osdn.jp/
-2) pukiwiki.ini.php を編集して、以下の設定を行う
--サイトタイトルの定義
113 $page_title = '(ここにサイトのタイトル)';
--管理者パスワードの定義(これをしないと凍結解除やファイルの添付ができません)。
192 $adminpass = '(ここに管理者のパスワード)';
-3) 同様に pukiwiki.ini.php の変更(推奨・任意)
--WikiName を無効化
160 $nowikiname = 1
--自動アンカーの設定を無効化
528 $fixed_heading_anchor = 0;
--編集画面内での改行を表示に反映
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]]:YouTube動画の埋め込み
--[[Plugin/Vimeo]]:Vimeo動画の埋め込み
-7) サーバーへアップロードしてパーミッションを変更
パーミッション変更については[[こちらをご覧下さい>http://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki]]。
-8) 検索ボックスの表示
検索ボックスは、ページヘッダーの右に出るようにしていますが、それを表示するには、[[SearchBox]] という名称のページの存在が必要です。
--ページ>新規作成 で、SearchBox という名称のページを作成して下さい。
--SearchBox のページでは、先頭に以下の一行のみ書いて下さい。
#search()
以上で、ヘッダー右に検索ボックスが表示されるはずです。
~
***SKIN フォルダ内のファイルの仕様 [#j17a8500]
-pukiwiki.skin.php(html構造)
--<header>
--<div id="main">
---<nav>
---<article>
--<footer>
**仕様
***pukiwiki.skin.php(閲覧モード)
-< header >
-< readMode >
--< nav >
--< article >
・< main >
・< note >
・< attach >
・< lastmodified >
・< related >
-< footer >
~
-pukiwiki.css(レイアウト、ビジュアル)
--大半の要素は、ブラウザのデフォルトCSSに従います。
--#main の中は display: flex; で2カラムにしています。
***pukiwiki.skin.php(編集モード)
-< header >
-< editMode >
-< footer >
~
***additional.css(追加のCSS)
-上記 skin に対応する追加のCSSです(オリジナルを上書きします)
-#readMode の中は display: flex; で nav と article の2カラムにしています。
-PukiWiki オリジナルCSS である pukiwiki.css はオリジナルのまま残しています。
~
#hr
** PukiWikiについて
** PukiWikiについて [#d2630b9a]
- [[PukiWiki]] -- PukiWikiのご紹介
- [[ヘルプ>Help]] -- PukiWikiで編集するには?
- [[テキスト整形のルール(詳細版)>FormattingRules]]
- [[プラグインマニュアル>PukiWiki/1.4/Manual/Plugin]]
- [[SandBox]] -- 編集をお試しください
- [[InterWikiSandBox]] -- [[InterWiki]]を試してみてください
~
~