検索CLOSEプロフィールネイネイ自由な働き方で生活していけるように、日々の『喜び・怒り・悲しみ・楽しみ』を書きつづったブログです。一つ変更ができるようになったネイネイ(@NEYNEYx2)です。THOR(ザ・トール)』の文字色、背景色、ボーダー色で使用できるカラーの設定する方法をご紹介していきます。ボタン・ボックス・ラベルなどのカラーを変更する時の参考にしてください。THOR(ザ・トール)では、カラーセットが用意されており、CSSがわからなくても簡単に文字色・背景色・ボーダー色を変更することができます。モノトーン7色の全91色を使うことができます。MEMO文字色、背景色、ボーダー色のそれぞれの部位は、下記の画像を参照ください。ボーダー色を変更する方法を説明していきます。上記のボックスのHTMLコードは、下記のようになっています。es-radius">ボックスデザイン</div>上記を見ておわかりのように、次のような書き方になっています。THOR(ザ・トール)のカラーコードを入力します。THOR(ザ・トール)のカラーコードを一覧にしています。THOR(ザ・トール)では、カスタマイザーのパーツスタイル設定で、「共通ボタン」「アイコン系パーツ」「テーブル」などのカラーをお手軽に変更することができます。THOR(ザ・トール)のカラーコードで色を変更できなくなってしまいます。91色もあるカラーが使用できないなんてもったいないですよね。ここでは、カスタマイザー設定のカラーを変更する方法を説明していきます。CSSファイルへのコピペは下記のお好みな方で編集ください。子テーマの「style-user.css」を編集する。(外観/テーマの編集から変更できます)追加CSSを編集する。(外観/カスタマイズ/追加CSSから変更できます)それでは、準備が整いましたら下記の変更内容をご確認ください。共通ボタン・アイコン(帯)・テーブルのカラーを変更する方法カスタマイザーで設定した、共通ボタン・アイコン(帯)・テーブルのカラーを変更する方法をご紹介ます。うまく変更ができれば、下記のようにカスタマイズすることができます。共通ボタン&アイコン(帯)のカスタマイズ前後01共通ボタン・アイコン(帯)・テーブルのカラーを変更する手順WordPressのダッシュボードから外観>テーマの編集とクリックします。THOR」に変更して、「選択」ボタンをクリックします。「テーマファイル」の部分が「スタイルシート(style.css)」になっているのを確認します。「文字色」で検索して、表示された行から、「/*文字色*/」「/*背景色*/」「/*ボーダー色*/」が記述された行をコピーします。THORバージョン1.5.0の場合、「5811行から6111行」になります。バージョンによって行は、前後すると思われます。追加CSSに追加します。設定はこれで完了なので、実際に反映されているか確認していきます。カスタム後</div>上記のHTMLコードを投稿画面のテキストエディタに貼り付けて確認してみてください。設定が正しくできていれば、下記のようになるはずです。以上で、共通ボタン・アイコン(帯)・テーブルのカラーを変更する方法は終了です。その他エディタ用パーツ設定のカラーを変更する方法カスタマイザーの「その他エディタ用パーツ設定」で設定した、アイコン系パーツ・はてなボックス・サブタイトルボックスのカラーを変更する方法をご紹介ます。うまく変更ができれば、下記のようにカスタマイズすることができます。追加CSSに追加します。{border-color:#e5004f}MEMO青枠内の「ftcB-〇〇〇」などはclass名なので、わかりやすい名前に変更してもらって問題ありません。オレンジ枠内の「#005293」などはカラーコードなので、好きな色に変更してください。設定はこれで完了なので、実際に反映されているか確認していきます。カスタム後</div>上記のHTMLコードを投稿画面のテキストエディタに貼り付けて確認してみてください。設定が正しくできていれば、下記のようになるはずです。以上で、その他エディタ用パーツ設定のカラーを変更する方法は終了です。THOR(ザ・トール)のカラーを設定することができましたか。この記事があなたのサイト作成の参考になれば幸いです。それでは、まったです。公式サイトデザインに優れ、集客を後押しする機能が標準装備ポチして頂くことで、ランキングの順位が上がりますAmazonギフト券Amazonでお買い物するなら、Amazonギフト券の利用がおすすめ!チャージするたびに、プライム会員なら最大2.5%分、通常会員なら最大2.0%分のAmazonポイントが貯まります。/この記事を書いた人ネイネイ自由な働き方で生活していけるように、日々の『喜び・怒り・悲しみ・楽しみ』を書きつづったブログです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。生活エンタメブログブログランキングプロフィールネイネイ自由な働き方で生活していけるように、日々の『喜び・怒り・悲しみ・楽しみ』を書きつづったブログです。ネイネイの喜怒哀楽.。