# 変更を加えてしまい、元に戻せません
**URL:** https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666
**Category:** Support
**Created:** [2020 年 2 月 26 日午前 10:52 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666 "2020-02-26T10:52:49Z")
**Posts on this page:** 14
**Page:** 1
### Author:  [@cipherd](https://meta.discourse.org/u/cipherd)
#### Post date: [2020 年 2 月 26 日午前 10:52 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/1 "2020-02-26T10:52:49Z")
CSSコードをいじって、どうやら元に戻せない変更を加えてしまいました。最悪の事態を恐れていますが、CSSについては完全な初心者で、そもそもいじるべきではなかったと後悔しています。現在、私のサイトは次のようになっています。
この画像に追加したぼかしは、バックアップファイル名の上だけです。残りはウェブページの実際の表示状態です。
これと同じで、以前テーマのCSSを編集するために使っていた「CSSを編集」ボタンも消えてしまいました。 essentially 行き詰まってしまい、どなたか解決策をご教示いただけないでしょうか。
幸いにも、私は完全に頭がおかしいわけではなく、編集する前に古いバージョンのCSSをバックアップしておきました。これが、致命的な変更を加える前の状態です。
```css
// Roboto フォントを使用
html {
font-family: "Roboto", sans-serif;
font-weight: 400;
}
.background {
position: absolute;
width: 100%;
height: 100%;
}
body input,
body button,
body select,
html {
background: url(linktoimage) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body textarea {
font-family: "Roboto", Helvetica, Arial, sans-serif;
}
@mixin boxShadow {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
@mixin buttonShadow {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
// ボタンを浮き上がらせ、角を丸める
.btn {
border-radius: 2px;
@include boxShadow;
}
// 一部のボタンから影を削除
.d-editor-button-bar .btn,
.bulk-select-all,
.bulk-clear-all,
.period-chooser-header,
.topic-map .btn.no-text,
.badge-section .btn,
#revision .btn,
#new-account-link,
#login-link {
border-radius: 0;
box-shadow: none;
}
上記のコードから、以下の部分を削除しました
html {
background: url(linktoimage) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
そして、以下のコードを追加しました
.page-bg {
background: url('linktoimage');
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
```
愚かにも、すべてが完璧に準備できていると勘違いして保存ボタンをクリックしてしまいました。どうかご助力をお願いします。
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [2020 年 2 月 26 日午前 11:12 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/2 "2020-02-26T11:12:58Z")
テーマを一時的に無効化するにはセーフモードを使用し、その後必要な変更を加えることができます：
> [@Using Safe Mode to troubleshoot issues with themes and plugins](https://meta.discourse.org/t/how-to-use-discourse-safe-mode/53504):
>
> bookmark This guide explains how to use Discourse’s [Safe Mode](https://meta.discourse.org/t/53504?silent=true) to troubleshoot issues with themes and plugins. person_raising_hand Required user level: All users Discourse offers a “JavaScript [Safe Mode](https://meta.discourse.org/t/53504?silent=true)” that allows any user to isolate the root cause of JavaScript issues caused by plugins, themes, or theme components. This feature is particularly useful for troubleshooting problems on your Discourse site. Accessing [Safe Mode](https://meta.discourse.org/t/53504?silent=true) To access [Safe Mode](https://meta.discourse.org/t/53504?silent=true), follow these steps: Open a new browse…
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2020 年 2 月 26 日午前 11:19 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/3 "2020-02-26T11:19:40Z")
あるいは、ブラウザの開発者ツールを使用して、HTML コード内のボタンを見つけ、ボタンを非表示にする CSS ルールを一時的に無効化することもできます。
ただし、david の解決策の方が簡単で信頼性が高いようです。
---
### Author:  [@cipherd](https://meta.discourse.org/u/cipherd)
#### Post date: [2020 年 2 月 26 日午後 5:22 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/4 "2020-02-26T17:22:57Z")
こんにちは、デビッドさん。
どうやら、グローバルレベルではどのチェックボックスも選択できないようです。
最も簡単な方法は、1 日前のバックアップに手動でロールバックを適用することかもしれません。
---
### Author:  [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [2020 年 2 月 26 日午後 5:28 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/6 "2020-02-26T17:28:40Z")
サイトホームページで URL の末尾に `?safe_mode=no_custom%2Cno_plugins%2Conly_official` を追加し、Enter キーを押してください。
---
### Author:  [@cipherd](https://meta.discourse.org/u/cipherd)
#### Post date: [2020 年 2 月 26 日午後 5:29 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/7 "2020-02-26T17:29:35Z")
友達よ、あなたは命を救う人です。あなたとこのスレッドの皆さん、本当にありがとうございます。
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [2020 年 2 月 26 日午後 9:59 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/8 "2020-02-26T21:59:49Z")
うーん、たぶんこの問題を防ぐために、`/safe-mode` ページからテーマの CSS を削除すべきだと思います。どう思いますか、@Falco？
---
### Author:  [@cipherd](https://meta.discourse.org/u/cipherd)
#### Post date: [2020 年 2 月 26 日午後 10:09 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/9 "2020-02-26T22:09:56Z")
推奨された回避策ではまだ動作しましたが、セーフモードでもチェックボックスにチェックを入れられないのを見て、一瞬心臓が止まるかと思いました。もう二度とCSSいじりはしませんが、もしやるなら、まずクローンを取って別環境でテストします。
私のような愚かな間違いで、皆さんの開発チームがセーフモードをさらに安全にするよう駆り立てられたと聞けば、むしろ誇りに思います。
余談ですが、これまで使った中で間違いなく最高のフォーラムソフトウェアです。これまでのご尽力とサポートに感謝します！
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [2020 年 2 月 26 日午後 11:02 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/10 "2020-02-26T23:02:44Z")
> [@cipherd](#):
>
> 二度と CSS には触れません
おや、あきらめないでください！私たちは、テーマの実験をできるだけ安全に行えるよう努めています。
新しいテーマコンポーネントを作成し、「プレビュー」ボタンを使って、サイト全体のデフォルトに変更せずに試すことができます。あるいは、[テーマクリエーター](https://meta.discourse.org/t/theme-creator-create-and-show-themes-without-installing-discourse/84942) を使って、完全にサンドボックス化されたサイトでテーマを実験することもできます。
> [@cipherd](#):
>
> セーフモードをさらに安全に
より安全なセーフモードというアイデアは素晴らしいですね。こちらの PR をご覧ください：
>
>
> This makes it easier to enter safe mode when a customization has made the UI unu…sable
>
> Context: https://meta.discourse.org/t/-/142666/8
---
### Author:  [@cipherd](https://meta.discourse.org/u/cipherd)
#### Post date: [2020 年 2 月 26 日午後 11:34 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/11 "2020-02-26T23:34:41Z")
GitHubにはあまり慣れていないのですが、この更新をgit経由で自分のサイトにプッシュすることは可能でしょうか？
```
新しいテーマコンポーネントを作成し、「プレビュー」ボタンを使って、サイトのデフォルトに変更せずに試すことができます。または、Theme Creatorを使って、完全にサンドボックス化されたサイトでテーマを実験することも可能です。
```
もしかすると、これをより詳しく説明したFAQ記事を見逃しているのかもしれませんが、あなたが言及しているテーマコンテナは、実際のテーマというよりは、テーマ用のプラグインのような機能のように思えます。私の推測は間違っていますか？いくつかの公開プラグインのインストール手順を見ると、git URLをテーマコンポーネントインストーラーに直接貼り付けるのではなく、新しいテーマコンテナを作成して、そのコンテナ経由でコンポーネントをインストールするよう指示されています。私は正しく理解しているつもりですが、もし異なる点があれば教えていただけると助かります。
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [2020 年 2 月 26 日午後 11:50 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/12 "2020-02-26T23:50:24Z")
> [@cipherd](#):
>
> このアップデートを git を通じて自分のサイトにプッシュすることはできますか？
簡単ではありません。数週間以内に Discourse にマージされ、その後、サイトを更新できるようになります。それまでの間、@Falco が共有したソリューションがあります。
> [@cipherd](#):
>
> おっしゃるテーマコンテナは、実際のテーマというよりは、テーマ用のプラグインのような機能に見えます。
申し訳ありません。コンポーネントについて言及したことで混乱を招いたかもしれません。通常のテーマでも同じことができます。新しいテーマを作成し、プレビューリンクを使用してください。
まだお読みでない場合は、ここから始めるのが良いでしょう：
> [@Beginner's guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966):
>
> This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2020 年 2 月 27 日午前 12:08 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/13 "2020-02-27T00:08:00Z")
CSSを調整する必要がある際、Discourseであれ他のサイトであれ、私はいつも（実際には常に）このライブCSSエディターブラウザ拡張機能を使って新しいCSSルールを試しています：
> **[GitHub - webextensions/live-css-editor: Source code for Chrome/Edge/Firefox/Opera...](https://github.com/webextensions/live-css-editor)**
>
> Source code for Chrome/Edge/Firefox/Opera extension Magic CSS (Live editor for CSS, Less & Sass)
（SASS構文もサポートしています）
Discourseでは、カスタマイズパネルにCSSを追加して「保存」をクリックし、別のDiscourseウィンドウで結果を確認する必要がなく、現在のウィンドウでリアルタイムに試すことができます。
もしこのエディターでミスをしてしまった場合、例えば：
_(なんて不器用な私！)_
ページ全体の要素が隠れてしまい、CSSエディター自体も表示されなくなることがあります。_おっと！_
このような場合は、拡張機能のアイコンをクリックするだけです：
そうすると、ルールが無効化された状態でエディターが再度表示されます（この状態は切り替え可能です）：
Discourse内で直接CSSを編集することに不安を感じる場合は、実際にDiscourseに記述する前に試すためのこの代替案をお勧めします。
---
### Author:  [@cipherd](https://meta.discourse.org/u/cipherd)
#### Post date: [2020 年 2 月 27 日午前 2:23 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/14 "2020-02-27T02:23:05Z")
おっと、それは本当に役立ちますね。どうもありがとうございます！
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [2020 年 3 月 29 日午後 12:13 UTC](https://meta.discourse.org/t/made-some-changes-i-cannot-revert/142666/16 "2020-03-29T12:13:21Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.