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

Wiki/PukiWiki/Skin/black-smartphone(スマホ対応版) の変更点

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

#author("2023-11-25T20:28:14+09:00","","")
#author("2024-03-16T08:50:18+09:00","","")
*180wiki-black-smartphone(スマホ対応版) [#m33af502]
#contents
**スクリーンショット [#w83cce2b]
#ref(./180wiki-black-sp.jpg)

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

**設置方法 [#q0d4b738]
-ダウンロードしたzipを解凍してできたファイルはskinディレクトリの直下に入れる。
-pukiwiki.ini.php のユーザーエージェント判定している所にスマホ判定を入れる。(450行目付近)&br;(判定文字列はお好みで書き換えて下さい)
 	// スマートフォン判定追記
 	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');

**ダウンロード [#e52cab68]
#ref(./180wiki-black-sp.zip)

**アンケート [#p7699fd9]
このスキンが良かったら投票をお願いします。
#vote(良かった[168])
#vote(良かった[169])

**更新履歴 [#x5f2ad4f]
|日付|バージョン|概要|
|2013/7/21|0.1|とりあえず公開|
|2014/10/23|0.2|コメント欄の幅を修正|
|2015/9/6|0.3|imgにmax-widthを指定する様に修正|
|2015/10/4|0.4|articleプラグインwidth対応|

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