トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS   ログイン

Wiki/PukiWiki/Skin/black-smartphone(スマホ対応版)

Last-modified: 2017-09-06 (水) 19:59:32 (15d)
Top / Wiki / PukiWiki / Skin / black-smartphone(スマホ対応版)

180wiki-black-smartphone(スマホ対応版)

スクリーンショット

180wiki-black-sp.jpg

概要

  • Wiki/PukiWiki/Skin/blackをスマホ対応したバージョンです。
  • pukiwiki 1.4.7 UTF-8版で確認しました。
  • iPhone5 iOS6 Safariで確認しました。

設置方法

  • ダウンロードしたzipを解凍してできたファイルはskinディレクトリの直下に入れる。
  • pukiwiki.ini.php のユーザーエージェント判定している所にスマホ判定を入れる。(450行目付近)
    (判定文字列はお好みで書き換えて下さい)
    	// スマートフォン判定追記
    	array('pattern'=>'#\b(Android|iPhone)\b#',	'profile'=>'sp'),
  • default.ini.phpをコピーしてsp.ini.phpを作る。
  • sp.ini.phpを修正する。(17行目付近)
    	define('SKIN_FILE', DATA_HOME . SKIN_DIR . '180wiki-sp.skin.php');

ダウンロード

アンケート

このスキンが良かったら投票をお願いします。

選択肢 投票
良かった 115  

更新履歴

日付バージョン概要
2013/7/210.1とりあえず公開
2014/10/230.2コメント欄の幅を修正
2015/9/60.3imgにmax-widthを指定する様に修正
2015/10/40.4articleプラグインwidth対応

コメント

  • 個人用にメモとかにpukiwiki使っていたのですが、Evernoteとかに移行中。 その中で、古いデータがスマホ向けにフォーマットされるのは良いです。 -- JpMidnight? 2013-08-25 (日) 20:57:41
  • 違う色もあると、うれしいのですが、大変気に入りました。 -- K? 2013-09-04 (水) 18:11:46
  • 気に入っていただいてありがとうございます。ちなみにどんな色が好みでしょうか?次に作る時の参考にさせていただければと思います。 -- hrmz? 2013-09-05 (木) 09:46:53
  • もう少し明るい感じの系統があると、うれしいです。 -- K? 2013-09-09 (月) 01:01:38
  • 勝手なお願いをして申し訳ありません。 -- K? 2013-09-09 (月) 01:02:08
  • ありがとうございます。ワイドバージョンと合わせて使わせていただきました。 http://papuu.jp/wiki/ EUC版PukiWiki 1.4.7でもファイルをそのまま配置するだけで使えました! -- papuu.jp? 2014-02-08 (土) 17:19:15
  • 動作連絡ありがとうございます! -- hrmz? 2014-02-16 (日) 09:42:58
  • いい感じです!ありがとうございました! -- men100? 2014-03-19 (水) 23:46:52
  • ありがとうございます。ちなみにKさん依頼の明るい感じオーダーには答えられておらず非常に申し訳ない気持ちのまま過ごしております。 -- hrmz? 2014-03-19 (水) 23:54:20
  • すばらしいです!ありがとうございます!助かりましたm(_ _)m -- ぺずら? 2014-03-20 (木) 19:34:03
  • すばらしいです。pukiwikiはまだまだ使っていますが、スマホで画面がやや見ずらいと思っていました。ありがたく使わせていただきます。 -- moerrari? 2014-05-10 (土) 12:41:38
  • pukiwikiのスマートフォン対応方法をずっと探しておりましたが、その希望にズバリのスキンでした。有り難うございます。ページ量が膨大になり他システムへの移行が難しいサイトは沢山ありますので、このスキンは多くの需要があるのではないでしょうか。 -- KOU2/HZN00714@nifty.com? 2014-06-30 (月) 22:35:21
  • そういっていただけるとありがたいです。 -- hrmz? 2014-06-30 (月) 22:55:47
  • 機能要望があるのですが、宜しければそちらの連絡先を教えていただけないでしょうか? -- KOU2/HZN00714@nifty.com? 2014-07-05 (土) 10:02:15
  • 要望を頂いても対応できそうにありませんが。。。名前の所に入ってるHZN以降がメールアドレスでしょうか? -- hrmz? 2014-07-05 (土) 20:28:29
  • はい、そちらにご連絡を頂けると助かります -- KOU2/HZN00714@nifty.com? 2014-07-05 (土) 23:56:23
  • KOU2さんからPC表示切り替えの要望がありましたのでざっくり作ってみました。filepc-chg.zip -- hrmz? 2014-07-06 (日) 22:06:21
  • 今日このページにたどり着き、PC表示切り替えができてありがたく思っております。スマホから一度pc表示をしてしまうとバックボタンで戻って他のページを見ようとするとそちらもpc表示でスマホ表示ができないのですが、もう一度普通にスマホ表示に戻ることができる方法はないでしょうか。 -- kei? 2014-07-09 (水) 18:19:51
  • 連投すいません。ttp://pad.rtwiki.net/このwikiのようにpc表示の方にもスマホ表示リンクを用意しないと解決できない感じですかね -- kei? 2014-07-09 (水) 18:24:55
  • cookieを削除してもらえばスマホ表示に戻ります。 -- hrmz? 2014-07-09 (水) 20:19:06
  • 1.chgpc.php をコピーしてchgsp.phpを作る -- hrmz? 2014-07-09 (水) 20:21:40
  • 2."PC"となってる箇所を""(空白)に置き換える -- hrmz? 2014-07-09 (水) 20:22:29
  • 3.PC版のskinに「 <a href="chgsp.php?rd=http://<?php echo($_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]); ?>" >スマホ版</a>」と入れる -- hrmz? 2014-07-09 (水) 20:25:44
  • 上記手順でやってみて下さい -- hrmz? 2014-07-09 (水) 20:26:36
  • スマホ対応を探していました。設置も簡単で助かりました。ありがとうございます。 -- mizuma? 2014-07-22 (火) 15:53:53
  • 設置方法で書かれている通りに設定したのですが、Runtime error Error message : SKIN_FILE is not foundと表示されみえません。 -- kkk? 2014-10-13 (月) 02:53:54
  • ちなみにIOS8.0.2です。 -- kkk? 2014-10-13 (月) 02:54:34
  • 失礼しました。フォルダごとアップしていました。中身のファイルのみをアップしたら問題なくいけました。 -- kkk? 2014-10-13 (月) 03:08:08
  • このページのように横幅がコメント欄に合わせてしまうのは修正できませんでしょうか。 -- 2014-10-23 (木) 06:51:36
  • コメントの幅を指定する様にしてみました。幅の微調整やコメント欄を同じページに複数設置する場合は180wiki-sp.cssの627行目あたりをいじってみてください -- hrmz? 2014-10-23 (木) 23:16:14
  • すぐに対応してくださりありがとうございます!コメント欄自体の幅を変えるのは無理ですよね。 -- 2014-10-27 (月) 04:50:01
  • できると思いますよ。上記の%をいじるかpxで任意の幅を指定してください -- hrmz? 2014-10-27 (月) 11:40:21
  • ありがとうございます! -- 2014-10-27 (月) 21:47:46
  • 素敵なスキンありがとうございます。ワイド版とあわせて使っております。設置も容易で大変助かりました。 -- 2014-11-21 (金) 17:13:25
  • 手順通りで出来たのですが添え付け画像が表示されなくなりました。デフォルトのスキンなら表示されるのですが何か他に設定が有るのでしょうか?プラグインとかが必要でしょうか? -- shoshinsha? 2015-01-09 (金) 00:05:50
  • 添え付け画像って何でしょう?いただいた内容だけだといかんともしがたいですね -- hrmz? 2015-01-10 (土) 10:51:07
  • 返信ありがとうございます。セットアップをし直してエディターを換えたりブラウザのキャッシュをクリアしたらうまくいきました。素敵なスキンでルンルンです。ありがとうございましたm(_ _)m -- shoshinsha? 2015-01-10 (土) 19:51:09
  • うまくいったようで良かったです。 -- hrmz? 2015-01-10 (土) 23:38:30
  • ありがたく使わせて頂きました。ありがとうございました。PCスマホ表示切り替えを使った際、rd=http...の=とURLの間にスペースがないと当環境ではうまく動きませんでした。pukiwiki-1_5_0_utf8を使ったせいなのかもしれませんが、当方知識不足のため原因までは、、、事象と解決策のみですみませんが、ご報告だけ。 -- 初訪問? 2015-02-21 (土) 00:19:34
  • 連絡ありがとうございます。助かります。 -- hrmz? 2015-02-21 (土) 08:55:31
  • 最近Google先生がスマホ対応についての通知があったので助かります。ありがとうございます。 -- kzm0211? 2015-03-05 (木) 14:09:13
  • 素晴らしいスキンありがとうございます。当方のサイトで一点問題がありまして、「PukiwikiでGoogleMaps3」 http://reddog.s35.xrea.com/wiki/Pukiwiki%E3%81%A7GoogleMaps3.html を導入しているのですが、こちらのスマホスキンに切り替えると、マップが表示されないのです。具体的には、「googlemap3 unsupported device」という表示が出ます。PC用スキンでは問題なくマップが表示されます。(スマホにてPC用スキンで表示してもマップの表示が可能) 原因がどうしても分かりません。 -- 2015-04-25 (土) 09:17:35
  • そのメッセージの通りプラグインがスマホに対応していないんじゃないでしょうか。。。 -- hrmz? 2015-04-25 (土) 10:10:06
  • PC版表示、SP版表示につきまして、スマホでPC版表示に切り替えた際、ブラウザを落とすと、またSP版表示に戻ってしまうのですが、戻さずPC版表示を維持させるにはどのようにすればよいでしょうか。 -- 2015-05-05 (火) 09:50:25
  • サイトのcookieの有効期間とブラウザのcookie設定がどうなってるか確認して下さい(いいアドバイスが思いつかずごめんなさい) -- hrmz? 2015-05-05 (火) 13:51:00
  • 使わせていただきます!ありがとうございます!! -- rocky? 2015-05-06 (水) 01:18:50
  • 画像を自動的にリサイズするJavaScriptを追加してみました... http://goo.gl/LnIOLa -- rocky? 2015-05-06 (水) 06:59:16
  • rockyさん画像リサイズスクリプトありがとうございます! -- hrmz? 2015-05-06 (水) 08:59:22
  • CSSにPHPを記述してるようですが、動的に何かを定義しているようには見えません。PHPでコメントアウトしているようですし、PHPの記述に意味はあるのでしょうか -- 2015-07-06 (月) 10:52:17
  • 意味はないです。昔のファイルは標準添付のskinから持ってきたときにそのままの名残であるものがあります。 -- hrmz? 2015-07-06 (月) 22:45:01
  • 2014-07-09 のコメント欄に記載されている "chgpc.php" というファイルは,このページの「添付ファイル」だったんですね。Google検索してもみつからず,お手上げ状態が数日続きました。やむなく,このコメント欄に質問を投稿しようとしたときに,ページ下部の添付ファイルへのリンクに気が付きました。無事設置できました。感謝します! -- osaQ? 2015-08-23 (日) 23:46:46
  • 愛用させていただいております.質問なのですが,#articleプラグインで表示される投稿フォームの幅を%で指定することはできないでしょうか.テキストエリアのカラム数が40より大きいとそのサイズに合わせて画面が表示されるため,本来表示されるべき画面が左側で縮小されてしまいます.180wiki-sp.cssでのコメント幅修正では対応できませんでした. -- Kirm? 2015-10-03 (土) 03:20:51
  • articleの題名の箇所とテキストエリアに幅を指定する様にしました。ただテキストエリアはarticle用の名前がついていなかったのでサイト全体のtextareaに指定が効きます。180wiki-sp.cssの380行目付近で指定しています。 -- hrmz? 2015-10-04 (日) 09:43:46
  • 使わせて頂き、御世話になっております。 このwikiのをスマホから見た時のアドセンス広告の表示は何処に設置すれば宜しいでしょうか? (メニュー上、画面の上と下)ワイド版のように試行錯誤しましたが上手くいきませんでした試行錯誤しましたが上手くいきませんでした。 お手数お掛けしますが御教授頂けますと幸いです。 -- marco? 2016-04-21 (木) 16:06:08
  • 回答するのが難しい質問ですね。申し訳ない! -- hrmz? 2016-04-22 (金) 00:36:52
  • すいません どうにかできました! ありがとうございます! -- marco? 2016-04-25 (月) 17:47:26
  • 良かったです。力にはなれずすみません -- hrmz? 2016-04-26 (火) 00:03:57
  • pukiwiki本家スキンのスマートフォン版って作れないでしょうか? -- 2016-05-16 (月) 14:29:36
  • iPhone見やすくなりました!ありがとうございます。 -- 2016-12-18 (日) 20:55:20
  • 使わせて頂きました。シンプル&エレガントで見やすく便利です。ありがとうございます! -- 2017-02-06 (月) 13:49:24
  • 洗練されたデザインでとても気に入りましたありがとうございます -- 2017-02-08 (水) 17:26:08
  • 社内Wikiに使用しています。素晴らしいです! -- 2017-07-27 (木) 10:40:59
  • とても使い易くすっきりとしたスキンで大変気に入ってます。質問なのですが、テーブルのデザインを増やしたりする事は可能ですか? -- 2017-07-31 (月) 17:31:11
  • 「テーブルのデザインを増やす」と言うのはどういう状況でしょうか? -- hrmz? 2017-08-01 (火) 09:52:30
  • 分り難くて申し訳有りませんorz wikiで表を作る時に都度色指定をするのが大変なので、SCCにテーブルの色設定を複数作って、タグか何かで呼び出し出来ないかな、と思った次第なのですが如何でしょうか。 -- 2017-08-01 (火) 16:40:51
  • SCCじゃなくてCSSですねごめんなさいorz -- 2017-08-01 (火) 16:42:51
  • なるほど。pukiwikiの方でテーブルの要素に任意のidを設定する機能がなさそうなので実現は難しそうです。テーブルヘッダーのみの色指定でしたらcssであらかじめ指定しておいてwikiで編集時にh指定を入れることでテーブルヘッダーの要素にしたりできると思います。 -- hrmz? 2017-08-02 (水) 21:42:36
  • 返信有難う御座います。矢張り難しいですか…。思ったのですが、style.inc.php こちらのプラグインを導入したら上記の事が可能になる物なのでしょうか? -- 2017-08-03 (木) 08:43:08
  • 確かにそのプラグインでwikiの編集画面から任意のcssを設定すればできそうですね -- hrmz? 2017-08-03 (木) 23:06:44
  • 回答有難う御座いました。プラグイン導入後180wiki.cssにid要素を設定したり、編集画面で直接記述してみたりしたのですが上手く行きません…。 180wiki.cssの.style_tableにて背景色を変えてみても反映されないのですが、どうしたら良いのでしょうか…。 -- 2017-08-05 (土) 00:27:01
  • 使用させて頂きました。いい感じなのですが・・Runtime error variable not found Maybe the old*.ini.php? $rule_related_strとなります。。どうしたらいいでしょうか? -- came? 2017-08-05 (土) 17:49:20
  • 自己解決しました。 -- came? 2017-08-06 (日) 19:31:17