WordPress(ワードプレス)でまとめサイトの作り方MENUtoolプラス(ツールプラス)購入割引についてお問い合わせtoolプラス(ツールプラス)とWordPress(ワードプレス)を使い収益をさらに上げるためのサイトです。当ページのリンクには広告が含まれています。スタイルシートは一見難しく見えますが仕組みはシンプルです。「どの場所」を「どのように弄るか」だけです。練習したり何かを覚える必要はありません。(必要最低限でOKです)やり方さえわかればあとはコピペでどうにかなります。今回はなるべく簡単にスタイルシートの編集方法を紹介します。この記事を読めばどのWordPressテーマであってもスタイルシートを編集できるようになります。大事なことは「サイト内の何をどうしたいのか(例えば記事タイトルを中央に寄せたい)」など小さな目標を持って取り組んでください。スタイルシートをマスターしたいと思わないでください。面倒になって挫折します。「スタイルシートをマスターしようとするな」とは言ったものの基本的な名称と構成くらいは覚えておきましょう。名称は覚えなくてもいいですが、構成だけは覚えておかないとせっかく編集したスタイルシートが反映されなくなってしまいます。それではさっそく本題に入ります。「ルクセリタステーマで記事タイトルを中央寄せにする方法」をスタイルシートで書くと以下のようなコードになります。このコードをスタイルシートに貼り付けるだけ(後に説明)これを参考にして解説していきます。セレクタセレクタとは「場所」のことです。#front-page-title」の部分になります。プロパティセレクタの下に書いてある「text-align」がプロパティと呼ばれるものです。プロパティには属性・性質という意味があります。ここでは「text(文字)-align(揃える)」というプロパティ(性質)をどうするか決めることができます。値プロパティ横の文字が値になります。ここでは「center」です。プロパティと値をどのように設定するかでデザインが変わり、サイトにオリジナリティを出すことができます。形が基本構成になります。実際にはわかりやすくするためか{}が改行されて記述されています。セレクタ{プロパティ:値;}上記のような感じで書いてあります。プロパティ横の「:」と値の横の「;」の書き忘れに注意してください。以上踏まえて以下のような構成になるわけです。#front-page-title{text-align:center;}セレクタを見つける方法あとはセレクタさえ見つけることができれば、どこの箇所でも編集できるようになります。セレクタを見つける方法は簡単です。パソコンからGoogleChromeを開いて、「スタイルシートを編集したい箇所」を右クリックします。すると意味不明なウィンドウが出てくると思いますが、そこにスタイルシートがすべて書いてあります。今右クリックをしたところのスタイルシートが画像右下に表示されています。0;}一番上に書いてあるのがセレクタになります。セレクタがわかれば、あとは自分の好きなようにプロパティと値を編集すればオリジナルのデザインが出来上がります。スタイルシートはどこで編集するのか?ルクセリタステーマだとスタイルシートは「子テーマの編集」から編集します。他のテーマであれば、「外観」→「テーマエディター」→「テーマを選択」→「スタイルシート」から編集することが可能です。上の方に書いてある「付随のCSSエディターで」のところで編集するのはSEOマイナスなので止めた方が良いとのことです。ここにスタイルシートを追記する形になります。セレクタ{プロパティ:値;}難しそうに見えるかもしれませんが、簡単です。何回か試してみれば慣れてくると思います。まとめ今回は主にセレクタの見つけ方をメインに紹介しました。私もスタイルシートをマスターしたわけではないので試行錯誤の連続です。類似箇所のセレクタもたくさんあり、どれが本物かわからないこともあります。動作を確認しながら日々勉強中です。文字に影」などで検索すればすぐにわかります。スタイルシートの編集は面白くてこだわってしまうとなかなか完成しないので、ある程度で見切りをつけるのがコツかなと思います。あなたの参考になればと思います。わからないことがありましたらお気軽にメッセージください。toolプラスって本当に稼げるの?購入者の私が全てを語ります。