.jetpack-lazy-image{display:none}ゲームと音楽と副業の「趣味でまったりお金を稼ぐ」ブログです。2018.05.10スポンサーリンクどうも、ぶちくまです。今回は無料のWordPressテーマで国内最高峰のクオリティの「Cocoon」を使った見出しのカスタマイズ方法を、これでもかってくらいに画像を使って説明してみました。何もできない状態の初心者の方でも、きっと自由にカスタマイズできるくらいのわかりやすさを目指したつもりです。Chromeのデベロッパーツールの使い方も説明しました。今回は、「初めてブログをカスタマイズしてみようと思う」くらいの、超初心者向けに、イチからCSSをカスタマイズする方法を説明しようと思います。これができれば、大体のカスタマイズが自分でできるようになります。現場でかならず使われているCSSデザインのメソッドHTML5/CSS3モダンコーディングCSSシークレットスポンサーリンクCSSについて3行で答える興味はなかろうとも、CSSについて3行で説明します。「テーマとは別のところに自分のデザインシートを作っておく。自分のサイト(ブログ)にそのシートをかぶせる。異論はあるかと思いますが、まずはこんな認識でご理解ください。皆さんは、WordPressを立ち上げることができた方達なのでパソコンには詳しい方々かと思います。なんとなく、サイトやブログっていうのは、HTMLっていう言語を使って作られているんだよ。いうことは知っていると思う。いや、知らないかもしれないけど、それはそういうものなんです。その、基本構造であるHTMLだけだと、文章や画像の出力はできるのですが、それだけだと単調な感じになってしまいます。CSSは、単調なHTMLで出力された文章や画像たちを、「ここはこの色に、あっちはこんな形に!」という感じで、好きな色付けやデザインなんかを支持することができる命令文だと思ってください。Baseをカスタマイズ【最初に知っておくべきこと】どうも、ぶちくまです。Baseのカスタマイズをしてみました。シンプルで使い勝手がいいXeoryですが、個性的なブログにするには、HTMLとCSSの書き換えが必要になります。...buchikuma.xyz2018.08.29一応、自分で説明してみたことがある。今回はもっと優しく説明します。CSSの基本構造はセレクタとプロパティと値CSSにも言語みたいなものがありまして、英語で言うところの、「主語S、動詞V、目的語O」みたいなものがあります。それが「セレクタ、プロパティ、値」です。文字の大きさの数値」これに当てはめて、自分の希望を入力して行けばいいわけです。初心者は「色」や「形」を変えることから始めよう初心者としては、すでにある構造の「値」を変えていくと、好きな色や文字の大きさを変えることができる、ということから始めていきましょう。CSSを適用する場所の名前「セレクタ」について今回は「見出し」を変更していくので、CSSを適用させる場所は「見出し」ということになります。セレクタに「見出し」と入力しても、残念なことに、WordPressはわかってくれません。彼らの言語で指定してあげる必要があります。スポンサーリンクデベロッパーツールを使って「セレクタ」を探そう!今回は、実際にCocoonのサイトを使って、カスタマイズの練習をしましょう。Chrome」はありますでしょうか。なければ、ぜひにインストールしてみてください。Chromeの機能にデベロッパーツールというものがあります。いわゆる、開発者用の機能なんですが、これが大変に便利です。下記のような画面が出てきますでしょうか。ショートカットキーが苦手なら、Chromeの右上に3つの点が並んでる「メニューボタン」があると思いますので、そこをクリックして「その他」から「デベロッパーツール」が見つかるはずです。デベロッパーツールの使い方この画面を見ると、大体の人が一気にやる気を失いますよね。くままずは、字が細かい。