WordPressテーマTHE THOR(ザトール)をCSSで簡単カスタマイズ

この記事で解決する悩み

  1. THE THORのタイトルをカッコよく表示する方法
  2. CSSコードとは何か?
  3. CSSコードで気をつけること

 

この記事を書いた人

プロフィール

 

WordPressのテーマ、与えられたデザインだけでは物足りない。

固定されたデザインも少しはこの方法で、理想に近づけることができます。

 

 

はじめに

WordPressテーマ、THE THOR(ザトール)を使用していると、タイトルをもっとカッコよく表示したい

ボタンをカスタマイズしたい。

他のWordPressテーマでできるのに、なぜTHE THOR(ザトール)の標準仕様でできないの!?ってことは

THE THOR(ザトール)を使用している方は思ったことがあるはず。

インターネットで検索すると『コピペでOK』などあるけれど、いったいどこの何をコピペすればいいの?って

いう方に見ていただきたい。

カッコよく表示するには、どこに、何をコピペするのか

カッコよく表示するためにはCSSというコードをWordPressのカスタマイズ画面の『追加CSS』画面にコピペします。

CSSコピーしてペースト
あわせて読みたい

この記事で解決する悩み THE THOR(ザトール)の見出しをカッコよくしたい CSSコードを何処に書けばいいか CSSコードの書き方 CSSデザインのサンプル   この記事を書いた人  […]

見出しをカスタマイズ

 

CSSコードって何?

CSSとは、ホームページを表示するためのHTML言語を飾りつけするためのプログラミング言語の一種です。

HTML言語・・・WEBを表示するための骨格を形成するためのプログラム言語

CSS・・・・・・WEBの文字の大きさや、背景の色、表示タイトルの装飾などをするプログラム言語

骨組みはHTML内装はCSS

 

CSSで何ができるの?

CSSコードによってTHE THORの固定的な表現を変えることができます。

  1. 見出しのデザインのカスタマイズ
  2. ボタンのデザインのカスタマイズ
  3. 目次の見た目のカスタマイズ

 

あわせて読みたい

この記事で解決する悩み アイキャッチ画像の境目がわかりづらい cssコードを設定する場所がわからない   この記事を書いた人 WordPressテーマ【THE THOR(ザ・トール)】[…]

合わせて読みたい

この記事で解決する悩み CSSとはナニ? CSSの基本的な書き方 CSSの文法 CSSの練習の仕方 わんポイント このような悩みを解決します。 この記事を書いた人 […]

HTMLCSS

 

 

CSSコードの入力で気をつけること

WordPressテーマ、デザインによってCSSコードが違う

このサイトではWordPressテーマに『THE THOR(ザトール)』を使用した時のコードの記述方法を説明しています。

他のWordPressテーマでは、CSSの記入場所やCSSコードの記述内容が異なります。

CSSコードは大文字、小文字も正確に入力すること

CSSコードを入力する時は、コードの大文字、小文字を正確に入力しないとWEBに反映されませんので注意してください。

CSSコードを入力して、反映されない時はコードの大文字、小文字まで正しく入力されているか確認してください。

例えば『Title』と『title』で先頭文字の大文字、小文字の違いでデザインに反映しないことがあります。

 

合わせて読みたい

この記事で解決する悩み CSSとはナニ? CSSの基本的な書き方 CSSの文法 CSSの練習の仕方 わんポイント このような悩みを解決します。 この記事を書いた人 […]

HTMLCSS

 

まとめ

CSSコードでWordPressテーマ『THE THOR(ザトール)』でデザインをカスタマイズするには

WordPressのカスタマイズ画面の『追加CSS』画面に、参考サイトのCSSコードをコピペすることで実現できます。

 

今回は以上です。

 

このサイトはWordPress有料テーマ【THE THOR(ザ・トール)】 を使用しています。

ドメイン取得は早い者勝ち/

お名前ドットコムの詳しい内容はこちら

 

 

    CSSで簡単カスタマイズ
    最新情報をチェックしよう!