WordPressのデザインは自分でカスタマイズできるようになった方がいい

The following two tabs change content below.
『人類は財産。友達は宝。出逢いは最高の贈り物』

人と人との出逢いは人生において最高の贈り物です。ぼくたちは誰と出逢うかで人生が大きく変わっていきます。ウェブもリアルもどちらも同じです。
ぼくは、起業家とお客さんの出逢いを最高の宝物にしたいと思っています。このブログでは、起業家とお客さんの出逢いを最高の宝物にする為の情報をコミPo!を使ってわかりやすく配信しています。
ぼくと友達になって下さい(^^)

今日は午後からWebサイトの打ち合わせがあるので、午前中は自宅事務所でパソコンに向かって、Kintoneで作ったアプリの修正作業を行っています。Kintoneの次回アップデートでついに念願が一つ叶います。それは、「ルックアップ時の絞り込みと表示順の初期設定を指定できる」というものです。これで、お客様のご要望がまた一つ叶います(^^)

さて、私のWebサイトはWordpressを使っています。テンプレートはStinger5。今ところ、この組み合わせが私の中でオススメNo.1の組み合わせです。どちらもググれば何でも情報を得ることができます。それだけ、使っている人も数多くいるわけです。はい。情報がたくさんあるので、デザインを変更したいときも、サンプルを直ぐに見つけることができます。本当にありがたい事です。

Webサイトのちょいカスタマイズ実践方法

多くのWebサイトはHTMLとCSSで構成されています。ちょいカスタマイズは、HTMLではなくCSSをちょいと変更します。

ブラウザはChrome

世の中にはInternet ExplorerやFire Fox、Safariなど多数のブラウザがあります。が、ちょいカスタマイズに使うのはChromeです。理由は、Chromeの機能にあります。この機能がとても重要。では、どんな機能か早速見てみましょう。

ChromeでWebサイトを表示させて、右クリックします。

右クリック

そして、要素の検証(N)をクリックします。

右クリック オン

すると、ディベロッパーツールが表示されます。

Chrome ディベロッパーツール

このディベロッパーツールでどんな色や文字の大きさになっているのかを確認します。

最初はスタイルだけ注目ね

ディベロッパーツールの左側には、Webサイトのソースコードがそのまま表示されています。そして、右側のスタイルタブにページで使われているスタイルがぜ~~んぶ表示されます。これが、本当に便利なんですよね。

chrome_devtool_02.fw

まず、左側のソースコード上でマウスを動かすと、ブラウザ上でソースコードに対応した箇所に色づけされます。

chrome_devtool_03.fw

こんな感じ。そして、自分がどこをちょいカスタマイズしたいかを探して行きます。ちょいカスタマイズしたい場所が見つかったら、その場所をクリック。

すると、右側のスタイルバブにクリックした箇所のスタイルが表示されます。

chrome_devtool_04.fw

後は、例えば文字の色を変えたい場合は、右側のスタイルタブの色をクリックします。

chrome_devtool_05.fw

すると、色を選べるようにパレットが表示されるので、好きな色に変更します。変更は簡単。パレット内でマウスを動かすだけ。

chrome_devtool_06.fw

色はその場で直ぐに反映されていきます。自分の好みの色に変更します。つまり、気に入った色でクリックします。

chrome_devtool_07.fw

すると、変更後の色の値が表示されます。

こんな感じでちょいカスタマイズをしたい場所を特定しながら、変更を加えていきます。

スタイルシートの書き換えましょう

ディベロッパーツールで変更を加えても、その場限りです。実際のWebサイトに反映をさせる必要がありますね。

WordPressの管理画面から、外観 → エディターとたどってスタイルシートを表示させましょう。

その後、変更したい該当箇所を見つけて、変更したい色に変えて下さい。

chrome_devtool_08.fw

どこに書かれているのかは、ディベロッパーツールのスタイルタブに表示されているので、同じ場所を探して下さいね。

Webサイトのちょいカスタマイズをはじめ、ちょっとしたシステムの変更など自分でできるようになると、便利です。難しいことはプロ・外部にお任せ。自分でできることは自分でする。その方が時間もお金も節約できます。

 

最近、BookLive!で頻繁に書籍を購入しています。読んでいるのは、「万能鑑定士Q」。めっちゃおもろいです。映画化もされていたようで、是非見てみたい。

スポンサーリンク

面白いって思ったらシェアをお願いします

Web集客&収益化の仕組み作りをマンガ(コミPo!)で解説した小冊子を作成しました


簡単で、楽しく、わかりやすいと既に好評を頂いている小冊子、全部で6冊です。

是非、あなたのWeb集客&収益化にお役立て下さい。

また、何やらココでは言えない『超豪華特典』が付いています。

詳しくは、各小冊子の最後で。

ABOUTこの記事をかいた人

『人類は財産。友達は宝。出逢いは最高の贈り物』

人と人との出逢いは人生において最高の贈り物です。ぼくたちは誰と出逢うかで人生が大きく変わっていきます。ウェブもリアルもどちらも同じです。
ぼくは、起業家とお客さんの出逢いを最高の宝物にしたいと思っています。このブログでは、起業家とお客さんの出逢いを最高の宝物にする為の情報をコミPo!を使ってわかりやすく配信しています。
ぼくと友達になって下さい(^^)