pukiwiki bootstrapスキンを作成しました


pukiwiki ブートストラップ

wikiとは

Wiki(ウィキ)とは、独自の文法を使用し、Web上から簡単に内容を書き換えることができるWebサイト管理システムのことである。
そのために使用されるソフトウェアや、これを利用したWebサイトも含めてWikiと呼ばれることが多い。 ニコニコ大百科もWikiでできている。

個人メモやグループメモに最適です

wikimediaをはじめいろんなwikiツールがありますが、個人的なおすすめは
pukiwikiです。

そのpukiwikiをbootstrap対応にしてみました

pukiwiki のオフィシャルサイト
https://pukiwiki.osdn.jp/?FrontPage

通常時

20160612001

モバイル時
メニューが畳まれて、ボタンクリックで表示されるようになります。
本文カラムと最近の投稿リストのカラムが縦に配置され見やすくなります

20160612002

サンプルページです。
通常のブラウザでも ブラウザの横幅を小さくすると、スマホやタブレットの表示形式が体験できます
http://omni.ecopls.link/pukiwiki151/

skin ダウンロード
http://omni.ecopls.link/pukiwiki151/skin/pukiwiki_bootstrap.zip


, and receive content-type
if (isset($pkwk_dtd)) {
	$meta_content_type = pkwk_output_dtd($pkwk_dtd);
} else {
	$meta_content_type = pkwk_output_dtd();
}
echo '';
echo $meta_content_type;
echo '';
if ($nofollow || ! $is_read)  { 
	echo ' ';
}
if (PKWK_ALLOW_JAVASCRIPT && isset($javascript)) { 
	echo '';
} 
echo ' '.$title.' - '.$page_title.'';
echo '






';
if (PKWK_ALLOW_JAVASCRIPT && $trackback_javascript) { 
	echo ' ';
} 
echo $head_tag; 
echo '

'; echo ' '; echo $hr; //クラス置換 $body=str_replace('',' ',$body); $body=str_replace('',' ',$body); //------------------------------------------------------------- if (arg_check('read') && exist_plugin_convert('menu')) { echo '
'.$body.'
'.do_plugin_convert('menu').'
'; } else { echo '
'.$body.'
'; } if ($notes != '') { echo '
'. $notes.'
'; } // if ($attaches != '') { echo '
'; echo $hr; echo $attaches ; echo '
'; } echo $hr ; //---------------------------------------------------------------フッター if (PKWK_SKIN_SHOW_TOOLBAR) { echo '
'; // Set toolbar-specific images $_IMAGE['skin']['reload'] = 'reload.png'; $_IMAGE['skin']['new'] = 'new.png'; $_IMAGE['skin']['edit'] = 'edit.png'; $_IMAGE['skin']['freeze'] = 'freeze.png'; $_IMAGE['skin']['unfreeze'] = 'unfreeze.png'; $_IMAGE['skin']['diff'] = 'diff.png'; $_IMAGE['skin']['upload'] = 'file.png'; $_IMAGE['skin']['copy'] = 'copy.png'; $_IMAGE['skin']['rename'] = 'rename.png'; $_IMAGE['skin']['top'] = 'top.png'; $_IMAGE['skin']['list'] = 'list.png'; $_IMAGE['skin']['search'] = 'search.png'; $_IMAGE['skin']['recent'] = 'recentchanges.png'; $_IMAGE['skin']['backup'] = 'backup.png'; $_IMAGE['skin']['help'] = 'help.png'; $_IMAGE['skin']['rss'] = 'rss.png'; $_IMAGE['skin']['rss10'] = & $_IMAGE['skin']['rss']; $_IMAGE['skin']['rss20'] = 'rss20.png'; $_IMAGE['skin']['rdf'] = 'rdf.png'; 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 '' . '' . ''; return TRUE; } _toolbar('top'); if ($is_page) { echo ' '; if ($rw) { _toolbar('edit') ; if ($is_read && $function_freeze) { if (! $is_freeze) { _toolbar('freeze'); } else { _toolbar('unfreeze'); } } } _toolbar('diff') ; if ($do_backup) { _toolbar('backup'); } if ($rw) { if ((bool)ini_get('file_uploads')) { _toolbar('upload') ; } _toolbar('copy'); _toolbar('rename'); } _toolbar('reload'); } echo ' '; if ($rw) { _toolbar('new'); } _toolbar('list'); _toolbar('search'); _toolbar('recent'); echo ' '; _toolbar('help'); echo ' '; _toolbar('rss10', 36, 14); echo '
'; } // PKWK_SKIN_SHOW_TOOLBAR if ($lastmodified != '') { echo '
Last-modified: echo $lastmodified
'; } if ($related != '') { echo ''; } echo ''; ?>

にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
にほんブログ村

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です