【STORK19のうりぼー戦略】ブロック変身 【レベル6】

こんにちは、レベル5 のうりぼー@あきのりです。

うりぼー戦略の第6弾は、ブロック変身です。

前回のうりぼー戦略で、ブロックの存在が明らかになりました。

文章を記入する行を、ブロック と呼び、ブロック単位で変身するようです。

ではどんな変身があるのか、探っていきたいです。

右のブロックタブを見てみると(※注 WordPress画面を見ながら書いていますので、みなさんもご自身のWordPress画面をみながら、読んでください。上級ブロガーは画像貼り付けするかと思いますが、まだできません!!エッヘン)、

  1. タイポグラフィ
  2. 色設定
  3. テキスト設定のドロップキャップ
  4. 高度な設定

があるようです。

1つずつ見てみましょう。

①タイポグラフィ

フォントサイズを変身できるようです。

・フォントサイズ小

・フォントサイズ標準(=デフォルト)

・フォントサイズ中

・フォントサイズ大

・フォントサイズ特大

・フォントサイズ カスタム(数値記入)

カスタムはどこまで拡大できるのか、試してみたら、600以上でもしっかり反映されます。

ただ、実用サイズではありませんね。

基本は、ほぼデフォルト使用となりそうです。

次に、タイポグラフィ では 行の高さ も変身できるようです。

標準が1.5です。それでは早速変身です!!

試しに、35ぐらいにするとこんな感じになるようです。

どちらかというと、行間を縮めたいので、下げてみると、

   こんな感じになります。これ設定0

   いつもより少し行間が縮まりますね。

   これはこれでありでしょうか?  

   ※わかりやすいように、スペースで字下げしています。

こちらもの基本変更なしでの使用かな?!とは思いますが、少しアクセントするのによさそうです。

②色設定

これは前回少しフライングしましたが、

  • 背景色
  • 文字色

が設定できます。

少し変身して、おもしろいと感じたのは、色の組み合わせに対してWordPressさんがアドバイスしてくれます。

例えば、このように、色の組み合わせが悪いと、「この色の組み合わせは読みにくいため、より暗い背景色、より明るい文字色を試してください。」とアドバイスコメントが表記されます。

例えばこれだと、「この色の組み合わせは読みにくいため、より明るい背景色、より暗い文字色を試してください。」とアドバイスに変わります。

要は、背景色と文字色の色が近い場合視認性が悪いので、「コントラスト(明度の差)を高めてね」ということみたいです。

ベタに、赤背景の白抜き文字だと、はっきり読みやすいので、アドバイスもなく、満足してくれたみたいです!! 

まあ上記みたいにアドバイスを無視して、変身することはできるので、後は好みと言ったところでしょうか

前回初めて変身したときに、このアドバイスがでたので、色選びに右往左往して、なんじゃこりゃああと、少しムカムカっとしましたが、理解して慣れてくると、ありがたい限りです。

例えるなら、思春期に親のアドバイスのひとつひとつが、小言に聞こえてついつい反抗していたのに、大人になると意外とありがたかったんだなぁと思い返すのに似てるかな??←例え下手?!

③テキスト設定

これはまだ、未変身なので、実際にやってみましょう!!

ブロック変身☆

どりゃああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

ということで、レベル5までくると、少しわかったことがあります。

コマンド選択付近に、意外と説明文があります。笑 

親切設計ですね。

でも実際に使ってみないと、使えるかどうかわかないですよね。

たまに、見かける先頭文字を大きな表示に切り替えるのは、このテキスト設定のドロップキャップ だったんですね

面白い変身ですが、普段使いは難しそう??でも文章のアクセントにはなりそうですね。はやりの先頭文字をつなげると別の意味みたいなノリで、使う際に、あえて先頭文字を大きくしてわかりやすくするのもよさそうです。(逆にわかりやすくなりすぎて面白くない?!)

ちなみに、先頭文字と、それ以外の文字のサイズの差を少し縮めたいと思い、上記ブロックは、フォントサイズ大に変えてみました。

でも想定と違い、先頭文字もあわせて大きくなってしまい、思ったより差が縮まらなかったですね。

でもデフォルトサイズの文字のドロップキャップより、フォントサイズ大の方が、見やすくなって好きです。

使い方は難しそうですが

④高度な設定

はい、高度な設定は、今回もパス!!!割り切りも大事です。

ということで、まとめます。

ブロック変身 【レベル6】

  • 行(ブロック)のスタイルを変更するのは、右のブロックタブから選択する
  • 変身できる項目は4つ
    1. タイポグラフィ:文字サイズの変身、行高さの変身
    2. 色設定:背景色の変身、文字色の変身
    3. テキスト設定のドロップキャップ:先頭文字を大きくする変身(※このリストコマンド中では、選択できなくなっていました)
    4. 高度な設定:不明

結構基本となりそうな、ブロック変身ですが、簡単ながらも、これからの武器になってくれそうです!!

テレレレッレッテッテー~♪

<うりぼー@あきのりは、レベル6にレベルアップした>

みんなにシェアしてくれるとうれしいです!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です