WordPressブログのコメントの背景を編集する方法

WordPressは、Webサイトやブログをすばやく簡単に設定できるコンテンツ管理システムです。 WordPressはカスケードスタイルシート(CSS)を使用して、各投稿またはページのデザイン要素、色、フォント、サイズなどを設定します。 HTMLを知っていれば、WordPressブログのコメントの背景を変更または編集するのは簡単なプロセスですが、変更を加える前に、既存のCSSページをコピーすることをお勧めします。
1。
WordPressブログにログオンします - アドレスバーにWebサイト名を入力してから、 "wp-admin"を追加して、 "//www.websitename/wp-admin"のようにWordPressサイトにログオンします。
2。
ログイン後、ダッシュボードメニューの左側のサイドバーにある[表示]に移動します。ポップアップメニューが表示されます。 マウスを[エディタ]に移動し、[エディタ]がハイライト表示されたらマウスをクリックします。
3。
画面右側のスライドバーを下にスクロールします。 CSSスタイルシートは、「エディタ」画面の右側の最後のエントリです。
4。
編集のためにウィンドウに表示されるスタイルシートをクリックしてください。
5。
マウスで領域全体を選択します。 スタイルシート上のコーディングを右クリックして強調表示します。 それをメモ帳ファイルにコピーして貼り付け、変更を加える前に保存します。 エラーを犯してCSSを復元する必要がある場合は、それを保存するようにしてください。
6。
「Comments」とマークされた領域が表示されるまで、画面を下にスクロールします。
7。
「背景色」を示す「コメント」の下の領域を見つけて、次のように適切な領域に新しい16進数の色を挿入して背景色を変更します。「background-color:#1d8dcb;」 「#1d8dcb」をブルゴーニュの場合は「#990033」のように好みの色に変更します。 (カラーチャートについては参考文献を参照してください)。 情報は{background-color:#1d8dcb;)のように角かっこ内に表示されることがあります。
8。
背景領域が色ではなく画像を使用しているかどうかに注意してください。 たとえば、 "Comments"セクションの領域に "background-image:url(images / comment-bg.gif)"と表示されている場合、背景を変更するには、新しい画像をWebサーバーと画像ファイルにアップロードして "url"を置き換えます。次のように新しいイメージの場所を指定して(images / comment-bg-gif): "url(images / yourfilename.gif)。 これにはそれに応じてURLを変更する必要があります。 画像を使用したくない場合は、背景画像の情報を削除して「background-color:」を挿入してください。
必要なもの
- 16進数のカラーコード
- RGBカラーコード
- メモ帳やその他のテキスト編集プログラム
- 画像(背景に必要な場合)
先端
- 背景色の変更は3つの方法のうちの1つで行われます。 最初の方法は、ステップに示されているように、数値の16進値を使用することです。 2番目の方法は、 "rgb(255, 0, 0)"のように、赤 - 緑 - 青またはRGB値を使用することです。 3番目の方法は、「青」などの色の名前を使用することです。
警告
- 編集する前にCSSのコピーを作成することを忘れないでください。 CSSで編集するときに、必要に応じてセミコロン、大括弧、または引用符を追加するのを忘れがちです。 編集したシートを元のコーディングと比較してエラーを確認してください。