THORこんにちは、ももおやじ(@Oyaji_Momo)です。THORでサイドバーエリアのプロフィールをCSSでカスタマイズする方法についてご説明します。THORでできない設定をしたいCSSを記述して独自編集したいこの記事はこんな方にオススメです。設定は簡単なので読めばすぐに設定できます。THORの設定になかったけどどうやったの?ももおやじこれはCSSっていうコードを使って変更してるんだよコードって言うと難しく聞こえるかもしれないけど、簡単な設定ですぐに変更できるよ今回はCSSを使ってサイドバーエリアのプロフィールを編集する方法について説明します。ウェブページの見た目を編集するコードです。THORの設定を変更するのではなく、自分でCSSを記述する方法です。CSSが理解できなくても作成されたコードを所定の位置に貼り付けるだけで設定は完了なので難しくはありません。それでは詳しく説明していきますね。プロフィール設定についてこんにちは、ももおやじ(@Oyaji_Momo)です。THORでのプロフィール設定についてご説明します。プロフィールの設定方法が[...]CSSの記述による設定変更は自己責任で行なってください。WordPressバックアップこんにちは、ももおやじ(@Oyaji_Momo)です。THORでWordPressをバックアップする方法についてご説明します。設定はCSSを所定の位置に記述することで完成でします。#ffffff;}CSSを記述する方法は2パターンあります。記述する場所は違いますが、同じようにプロフィールを編集することができます。追加CSSに記述する方法style-user.cssに記述する方法ではそれぞれ見ていきましょう。カスタマイズ」Step2.追加CSSを選択Step3.追加CSS追加CSSに先ほど紹介したCSSのコードをコピーして貼り付けます。Step4.表示確認これで設定は完了です。「公開」を押してプロフィールが変更されているか確認しましょう。それでは次にもう一つの設定方法について見ていきましょう。テーマファイルエディター」Step2.style-user.cssを選択Step.3style-user.cssstyle-user.cssに先ほど紹介したCSSをコピーして貼り付けます。Step4.表示確認これで設定は完了です。「ファイルを更新」を押してプロフィールが変更されているか確認しましょう。追加CSSとstyle-user.cssへの記述方法は同じですが、追加CSSに記述する方がオススメです。追加CSSはリアルタイムで変更内容の確認ができますが、style-user.cssでは一度編集を保存して画面を切り替えてから変更内容を確認する必要があります。最後に今回はCSSを記述してサイドバーエリアのプロフィールをカスタマイズする方法について説明しました。変更したのは背景色と文字色です。背景色(background-color)を白(#ffffff)、文字色(color)を黒(#191919)に設定しましたが、他の色にも変更できます。カラーコード」と検索し、好きな色の#から始まるコードをコピーします。コピーしたコードを白(#ffffff)や黒(#191919)と変更することで他の色に編集できます。経験で得られたノウハウをできる限り公開。ブログで情報発信することで自分の頭を整理。Twitterは主にブログネタのメモとして活用。経験で得られたノウハウをできる限り公開。ブログで情報発信することで自分の頭を整理。Twitterは主にブログネタのメモとして活用。