# style.cssの中のcommon.cssと、theworld.cssの格納先について **URL:** \ **Category:** カスタマイズ\ **Created:** [2023 年 1 月 14 日午後 12:51 UTC](https://forum.onecomme.com/t/topic/888 "2023-01-14T12:51:54Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![masochistic\_123](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/masochistic_123/32/863_2.png) [@masochistic\_123](https://forum.onecomme.com/u/masochistic_123)\ **Post date:** [2023 年 1 月 14 日午後 12:51 UTC](https://forum.onecomme.com/t/topic/888/1 "2023-01-14T12:51:54Z")
## 対象 テンプレート ## 対象となるサービス ツイキャス ## 内容 わんこめの右から左へ流れるコメビューの背景に画像を設定したいと考えているのですが、 style.cssの中にcommon.cssと、theworld.cssがインポートされているようで、 CSSファイルを変更したい場合どこに格納されておりますでしょうか。 【style.cssの中に記載されているソース】 @import url(‘../\_\_origin/css/common.css’); @import url(‘../\_\_origin/css/theme/theworld.css’); ---
**Author:** ![ASTIE](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/astie/32/58_2.png) [@ASTIE](https://forum.onecomme.com/u/ASTIE)\ **Post date:** [2023 年 1 月 14 日午後 1:01 UTC](https://forum.onecomme.com/t/topic/888/2 "2023-01-14T13:01:39Z")
こんにちわん！ 記載の通りthe-worldのstyle.cssの１階層上のフォルダに\_\_originというフォルダがあり、その中のCSSフォルダにcommon.cssとthemeフォルダがあります ```auto @import url(‘…/__origin/css/common.css’); @import url(‘…/__origin/css/theme/theworld.css’); ``` ただし、 **\_\_originフォルダはわんコメ側で自動的に上書き** されますので、カスタマイズの際はthe-worldのフォルダを複製し、style.css内にスタイルを上書きするようなCSSを記載するようお願い致します なおPRO版のテンプレートに関してはすべて再配布等ができませんのでご注意頂ければと思います > **[利用規約 | わんコメ - OneComme | 配信者のためのコメントアプリ](https://onecomme.com/terms/)** > > わんコメ 利用規約 よろしくお願いいたします ---
**Author:** ![masochistic\_123](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/masochistic_123/32/863_2.png) [@masochistic\_123](https://forum.onecomme.com/u/masochistic_123)\ **Post date:** [2023 年 1 月 14 日午後 1:32 UTC](https://forum.onecomme.com/t/topic/888/3 "2023-01-14T13:32:31Z")
ASTIE様 お世話になります。ご親切にありがとうございます。 thewordというコメビューのコメントの背景を画像に変更したく思っております。 カスタマイズする際は皆様どのようにされているのでしょうか？ 一旦、\_\_origin内もダウンロードして確認なのでしょうか。 大変お手数ですが、ご教授いただけますと幸いです。 ソースのみですとコメビューの背景も確認で来ませんので、 お聞きしてしましました。 何卒よろしくお願いいたします。 ---
**Author:** ![masochistic\_123](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/masochistic_123/32/863_2.png) [@masochistic\_123](https://forum.onecomme.com/u/masochistic_123)\ **Post date:** [2023 年 1 月 14 日午後 1:56 UTC](https://forum.onecomme.com/t/topic/888/4 "2023-01-14T13:56:45Z")
度々、失礼いたします。 動作確認をする場合はどのようにすれば良いでしょうか。 OBSとかで設置してからの確認になりますでしょうか。 スタイルシートのみの確認などできる場所はございますでしょうか。 何度も申し訳ありません。 ご教授いただけますと幸いです。 ---
**Author:** ![ASTIE](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/astie/32/58_2.png) [@ASTIE](https://forum.onecomme.com/u/ASTIE)\ **Post date:** [2023 年 1 月 14 日午後 2:02 UTC](https://forum.onecomme.com/t/topic/888/5 "2023-01-14T14:02:29Z")
カスタマイズの手順ややり方については過去に配信で解説しておりますので、こちらを参考にしてください [![](https://img.youtube.com/vi/czxRrSJVJHo/maxresdefault.jpg "わんコメ定例 #9月3週 - クリエイター向けテンプレ制作講座") ](https://www.youtube.com/watch?v=czxRrSJVJHo) わんコメには動作確認のためのWebサーバーを内蔵しており、わんコメのテンプレートブラウザで開いて修正をコメントテスターで確認というのが標準の方法となっております よろしくお願い致します ---
**Author:** ![masochistic\_123](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/masochistic_123/32/863_2.png) [@masochistic\_123](https://forum.onecomme.com/u/masochistic_123)\ **Post date:** [2023 年 1 月 14 日午後 4:13 UTC](https://forum.onecomme.com/t/topic/888/6 "2023-01-14T16:13:22Z")
動画を確認いたしました。ありがとうございました。 「the-world」のテンプレートのコメントビュアーの背景を画像に変更しようと 思っているのですが、「the-world」 のテンプレートがブラウザで正常に表示できませんでした。 これは私の操作方法がやはり悪いでしょうか。 何度も申し訳ございません。ご教授いただけますと幸いです。 ![スクリーンショット 2023-01-15 1.03.38](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/5d565c9a50e4bdf67e9f9e56f98e5f315fa662ab.jpeg) ---
**Author:** ![masochistic\_123](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/masochistic_123/32/863_2.png) [@masochistic\_123](https://forum.onecomme.com/u/masochistic_123)\ **Post date:** [2023 年 1 月 14 日午後 4:14 UTC](https://forum.onecomme.com/t/topic/888/7 "2023-01-14T16:14:27Z")
動画を確認いたしました。ありがとうございました。 「the-world」のテンプレートのコメントビュアーの背景を画像に変更しようと 思っているのですが、「the-world」 のテンプレートがブラウザで正常に表示できませんでした。 これは私の操作方法がやはり悪いでしょうか。 何度も申し訳ございません。ご教授いただけますと幸いです。 ![スクリーンショット 2023-01-15 1.08.26](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/da95ad509f70269e02cf865a3f77f9c87c8d6a3f.jpeg) ---
**Author:** ![shinkunoshizuku](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/shinkunoshizuku/32/913_2.png) [@shinkunoshizuku](https://forum.onecomme.com/u/shinkunoshizuku)\ **Post date:** [2023 年 1 月 14 日午後 5:18 UTC](https://forum.onecomme.com/t/topic/888/8 "2023-01-14T17:18:08Z")
the-worldテンプレートをベースにしたいのであれば、PRO版専用のテンプレートとフリー・PRO共通のテンプレートがあることを先に理解いただく必要があります。 > **[テンプレート紹介 | わんコメ - OneComme | 配信者のためのコメントアプリ](https://onecomme.com/docs/templates/)** > > OBSへのコメント表示のデザインサンプル一覧を確認できます。 the-worldというのはPRO版を使っている方に向けたテンプレートであり、 **フリー版ではカスタマイズ前だろうと正常に動かないのが正しい動作** です。 テンプレートとしてthe-worldをベースに作ろうと思っていらっしゃるのであれば、まずはPRO版を使える環境にするため、FANBOXでわん500以上のPRO版のライセンスキーがついているプランでの支援をご検討ください。 > **[わんコメ｜pixivFANBOX](https://one-comme.fanbox.cc/)** > > 配信者のためのコメントアプリ「わんコメ」です > わんコメは簡単な手順で複数の配信サイトのコメント取得・表示・読み上げができるデスクトップアプリケーションです > > 公式サイト： https://onecomme.com > 最新の対応サイト一覧： https://onecomme.notion.site/75e4f98f9c924f90a9da9ac9b63b80ac?v=236e1254da5d49f0b... PRO版の導入が終わりましたら、もともとthe-worldのテンプレートが入っていたtemplates/\_\_proフォルダ内で動画にあったような作業を進めていく必要があります。 現在利用されているtemplatesフォルダはフリー版のテンプレートの挙動になるところのため、PRO版導入いただいても入れる場所を間違えていれば、正しく動作しないままです。 無料で使い続けたいとお考えであるならば、the-worldのテンプレートなどPRO版専用のテンプレートは諦めていただき、フリーでも共通で使えるテンプレートでお気に入りのものをカスタマイズしていくのも一つの手です。 ---
**Author:** ![masochistic\_123](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/masochistic_123/32/863_2.png) [@masochistic\_123](https://forum.onecomme.com/u/masochistic_123)\ **Post date:** [2023 年 1 月 14 日午後 6:44 UTC](https://forum.onecomme.com/t/topic/888/9 "2023-01-14T18:44:24Z")
ご親切にありがとうございました。 proにて対応できました。 この度は、助けていただきまして感謝いたします。 今後とも何卒よろしくお願いいたします。