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

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

Last-modified: 2024-09-20 (金) 12:12:38
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');

ダウンロード

アンケート

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

選択肢 投票
良かった 170  

更新履歴

日付バージョン概要
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
  • スマホで新規ページ作成やページ編集はできませんか? -- 2017-10-15 (日) 02:21:20
  • できますよ -- hrmz 2017-10-15 (日) 09:19:34
  • 愛用させて頂いております。表においてスクロールバーを設けたいと思い試行錯誤しているのですが、行き詰ってしまいました。180wiki-sp.csswo -- へっぽ子 2017-11-17 (金) 23:31:37
  • (途中送信してしまいました)180wiki-sp.css等を弄ってpukiwikiの表全てにスクロールバーを表示させる方法はあるのでしょうか?このスキンの開発者さまに問い合わせるような内容ではないかもしれませんが、藁にも縋る思いです。何かヒントを頂ければ嬉しいです。 -- へっぽ子 2017-11-17 (金) 23:39:04
  • http://kowaza.boo.jp/03table/table-07-0scroll.htmlこんな感じでtableのcssにスクロールの属性を与えてあげれば行けそうですよ -- hrmz 2017-11-18 (土) 00:13:27
  • hrmzさま。ご親切に有難う御座います。色々試してみましたが、力及ばず表にスクロールを設けられませんでした。コメント欄汚し申し訳ありませんでした。 -- へっぽ子 2017-11-22 (水) 21:32:22
  • 非常に良いスキンで利用させて頂き、助かっています。一点お聞きしたいのですが、commentではなくpcommentを使用した場合、横幅がコメント欄に合わせて広がってしまうのは解決法がありますでしょうか。それで少々困っており、もし知っている方がおりましたら教えて頂けると非常に有り難く…。もしどなたかわかればで結構ですので、何卒宜しくお願い致します。 -- 2018-02-08 (木) 06:47:00
  • ちょうど自分もpcommentの入力フォームの幅に合わせてページの幅が広がってしまうことに困っています。commentの幅指定やtextareaの幅指定では解決しなかったので、他の方法などあればご教示いただきたいです。 -- 2018-02-09 (金) 19:07:43
  • 一応今のところはpcomment.ini.phpを編集することで対応しています -- 2018-02-09 (金) 23:09:06
  • 上の方と同様だと思いますが pcomment.inc.php の $comment = '<input type="text" name="msg" size="' . PLUGIN_PCOMMENT_SIZE_MSG . '" />'; となっている部分にid=”好きな名前” で名前を付けてあげて180wiki.css で#好きな名前{width:95%;} で定義してあげれば行けそうですね -- hrmz 2018-02-12 (月) 22:41:07
  • pcommentについて質問した者ですが、上記の通り教えて頂いた方法でpcommentの入力フォームの幅をページに合わせる事ができるようになりました!(こちらの掲示板の確認が遅れ、返信が遅くなってしまい申し訳無いです…)コードに対する知識が浅く、悩んでいたところだったので本当に助かりました…有難う御座います…! -- 2018-02-18 (日) 17:05:47
  • とても良いですありがとうございます😊 -- ume 2018-02-27 (火) 04:34:46
  • いつも愛用させていただいております。どこで聞けば良いものか迷ったのですが、youtube.inc.phpを使って貼り付けた動画をスマーフォンの画面サイズに合わせて縮小する方法などありますでしょうか。スマートフォンの画面サイズに合わせてサイズを小さくするとPCで見た際に非常に小さくなってしまうためどうにかならないものかと困っております。もし解決策等分かる方いましたら教えていただけると幸いです。 -- 2018-03-09 (金) 04:59:23
  • 右上に表示しているMenuをメニューに変えてみたいのですがやり方が分かりません。誰か分かる方教えてー>< -- コマリン 2018-03-29 (木) 17:49:54
  • 180wiki-sp.skin.phpの80行目あたりにMenuという文字列があるのでそこをメニューに変えれば行けると思います。 -- hrmz 2018-03-31 (土) 09:04:24
  • ありがとうございます変更できました。 -- コマリン 2018-03-31 (土) 20:18:33
  • もう一つ質問なのですが、サイト全体の文字サイズを変更するにはどこをいじればよいですが?スクショでいうと段落1とたくさん書いている文字です。 -- コマリン 2018-03-31 (土) 20:21:52
  • 180wiki-sp.css の35行目付近のfont-sizeの項目です。 -- hrmz 2018-04-01 (日) 09:48:23
  • ありがとうございます解決しました -- コマリン 2018-04-01 (日) 13:58:17
  • この180styleに広告ってどうやって張るのでしょうか?? -- wakaran 2018-04-07 (土) 23:12:41
  • 広告用のプラグインを探すか180wiki-sp.skin.phpの好きな位置に広告のスクリプトを埋め込むかですかね -- hrmz 2018-04-08 (日) 08:34:01
  • ありがとうございます!やってみます! -- wakaran 2018-04-11 (水) 04:46:09
  • PC表示切り替えを入れてみたいのですが例だとフッターにつくようになっていますが、 メニューの上の方に貼り付けたい場合どうすればいいですか? -- コマリン 2018-04-21 (土) 00:14:19

添付ファイル: file180wiki-black-sp.jpg 391件 [詳細] file180wiki-black-sp.zip 1489件 [詳細] filepc-chg.zip 706件 [詳細]