ブロガーも使える便利な開発ツール!更新前のカスタマイズ・スマホ表示・コードの確認も出来ちゃいます。

今回の記事は開発ツールについて解説します。

みみこ

え?難しいのはイヤです(笑)

おかぴー

名前だけ見たらとっつきにくいですけど、大丈夫!
カスタマイズにはめっちゃ便利なんで、動画も作ったのでとりあえず1分32秒だけ見てみて!

こんな方に読んで欲しい

この記事で分かること
  • 更新前にブラウザ上でカスタマイズしたいコードを仮に書いて見え方をチェックする
  • パソコンでスマホ表示された場合のレイアウトをチェックする
  • CSSやHTMLコードの中身を確認する
目次

使い方動画

文章でも書けますが、今回は3つの使い方を動画にまとめました。

(冒頭のアイキャッチ動画と同じです)

↓↓↓

更新前にカスタマイズした場合の見え方をチェックできる

軽く色を変更した時の印象をチェックしたい、フォントサイズを確認したいって時に、通常のカスタマイズだと

  1. 追加CSSに書いて更新→チェック
  2. それでも決まらない場合は、再度更新→チェックの繰り返し

と、実際に更新しながらチェックしていくのは面倒だったりします。

そこで、このブラウザ上で変更後のイメージを確認してから、そのコードを追加CSSに書けば一回の更新で作業が完了します。

スマホ表示の確認

かなり前からGoogleの検索結果の順位も、スマホの見え方が重要とされているので、スマホ表示の確認は欠かせません。

とは言っても、毎回実際のスマホで更新してチェックするのも大変ですよね。

そんな時に、この機能を使うとパソコンで操作しながら簡単に確認が出来てしまいます^^

CSSやHTMLのコードが何か確認する

ピンポイントで、変更したい箇所のCSSのクラス名を確認できます。

カスタマイズする時にうまく反映できない時は、きちんとCSSが指定できていないことが多いので、この開発ツールのカーソルを合わせて確認しておくことで、カスタマイズが楽になります。

まとめ

まとめ

開発ツールは他にも多くの機能が備わっていますが、最低限使えるようになりたい機能は上の3つです。

使いこなして、ブログ作成の時短ができるようになるといいですね^^

他の機能も時間があれば記事にしていきたいと思います。

おまけ

ブログを作っていると、ふと

「見た目をもっとカッコよくしたい」「おしゃれでキレイな感じにしたい」っていう衝動が来ませんか?

みみこ

あるあるですね(笑)なんかしっくりこないなーとか、
でも、どう作っていいか操作も含めて分からないことがあります。

おかぴー

そんな時は、WEBデザインの勉強を少しだけでもいいので、
やってみるのもいいと思います^^

僕は見た目が納得がいくものが作れると、モチベーションが上がります。

よーし!また記事を書こうかな〜って思えるし、書いたものを見返して

「 はぁぁぁぁ〜(*´꒳`*)ウキウキ 」

ってなります(笑)

僕がこのブログを通して知り合った方は、みなさん自分のブログの見た目(デザイン性)とか、作り込み(WordPressの操作)に悩んでいる方が多かったです。

僕自身も初めはWordPressの管理画面からよく分からなくて、どこをいじったら何が変わるのか?もそうだし、

色を変えたり大きさ変えたり、基本的な内容でも何時間もかかったことがありました。

知り合った方のお悩みを聞いて改めて感じたことは、

そもそもWordPressでブログを作る=WEBデザインの知識が多少なり必要になるということです。

デザイン知識然り、コーディング知識しかり。。

でも、WEBデザインの勉強と言ってもその範囲はめちゃくちゃ広いし、ぶっちゃけ終わりはありません。

専門用語も多いし、だからと言って初心者の人が幅広く手を出して勉強するのも大変です。(ゴールを見失います)

それなら、

WEBデザイン初心者の人でも、モチベーションが爆上がりできるような必要範囲を絞ったブログ制作の教材があったらいいんじゃないか?と思ったんですが、どうでしょうか?(*^^*)

具体的には、こんな内容を盛り込む予定です↓

  • WEBデザインの知識を活かして魅力的なメインビジュアル(ブログのメイン画像・アイキャッチ画像)を楽しみながら作れるようになれる
  • カスタマイズが一定レベルでできるようになれる
  • パソコン自体の知識も身に付く
  • 程よい範囲のWEB知識がつくから、情報リテラシー(※)が高くなる
  • 登録してくれた方それぞれのお悩みに特化した、特別コンテンツを受け取れる

※情報リテラシー:世の中にあふれる多くの情報を、適切に活用できる能力

これから作っていくことになるのですが、

提供開始まで先行登録してくれた方には別途プレゼントもお送りしたいと考えています

最新の知識を受け取ることができますし、

登録してくれた方それぞれのお悩みに応じたコンテンツの提供ができることも、このLINEの一つの魅力かなと。

少しでも作れるよ〜って人にも、ためになる内容を盛り込む予定もあるので、興味がある方はLINE登録してもらえると嬉しいです^^

↓↓↓

チェックしてね
「お気軽にどうぞ〜」
よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次