WP Making note 月: 2021年12月

【wordpress】WEBサイトにとって最適なフォントサイズとは？【font-size】

2021年12月22日2021年12月22日管理人コメントをする

フォントサイズとは

フォントサイズ＝印刷物やWEBで書かれた文字の大きさの事です。
よく見かけるフォントの単位はptやQかと思います。
SEOにフォントサイズは関係ないと思われそうですが、あまりに小さすぎる場合など適切な大きさでない場合、検索エンジンの評価を下げてしまう可能性もあるようなので確認しておき、読みやすいサイト作りを心がけましょう。

【wordpress】フォント別のサイトの印象【選び方】

2021年12月20日2021年12月21日管理人コメントをする

フォントが与える印象

フォントには主にゴシック体・明朝体がありその他にも手書き風に作られた文字など数多くのフォントが存在します。
Googleフォントの紹介などで、おすすめのフォントを書かせてもらってきましたが、それぞれの特徴を整理しておきたいと思います。

ゴシック体と明朝体の違い

ゴシック体はうろこの無い、縦の線と横の線が均一な見出しなどによく使用されるフォントになります。
遠くから見ても見やすいなど目立つフォント、という特徴があります。
また親近感があり、楽しそう、というイメージを与えることも出来ます。
その中でも角ゴシック・丸ゴシックがあり、丸ゴシックの方がやさしい印象になります。
目立たせたいワードはゴシック体で太くするとさらっと見たときにも目にとまりやすくなります。

明朝体は長文になっても読みやすいフォントになります。
ゴシック体とは違いうろこのある、縦が太く横が細いフォントです。
また高級感があり、和風なイメージや繊細・上品なイメージを与えることも出来ます。
モニターによってはゴシック体の方が読みやすく、長文であってもゴシック体が使われることがあるようですが、印刷物では書庫や新聞など文字の多いものによく使われています。

手書き風やイメージから作られたフォント

最近自分がよく使うuuuuubefontとラノベPOPですが、どちらも手書き風とゴシック系のふぉんとであるため、長文にはあまり使用しませんが、目立たせたい時などにはとても便利です。
やはりシステムの標準フォントなどよりはフリーフォントの中から探す方が見た人に印象付けられるフォントが選べると思います。

【wordpress】フォントの太さについて【ウエイト】

2021年12月13日2022年1月26日管理人コメントをする

font-weightについて

font-weightとはフォントの重さ＝太さを表しています。
見出しやタイトルなどで立たせたい物を太くしたり、本文中でもフォントのQ数などは変えずに太さで違いを出して強調するなど、簡単に伝えたいことを目立たせることが出来るので、太さを変更する場面は多いと思います。

フォントごとに選べるウエイトが異なる場合もありますが、
EL、L、R、M、DB、B、H、Uという風な種類があります。

見出しなどにはM(ミディアム）が多く、本文にはL（ライト）やR（レギュラー）が多いです。
また多くの人が見慣れていておすすめと紹介したヒラギノはW0～W9と特殊な単位になります。

【wordpress】日本語フォントのおすすめプラグイン【文字変更】

2021年12月9日2022年1月25日管理人コメントをする

「Japanese font for TinyMCE」でフォントを追加

ワードプレスのサイトのフォント変更の方法をいくつかまとめており、以前は「Easy Google Fonts」というプラグインをご紹介しました！
こちらはGoogleフォントが簡単に使えるようになるプラグインで、カスタマイズから本文や見出しのフォントを変更する物でした。
今回は記事を書く時ビジュアルエディタのフォント選択に特徴のある日本語フォントを追加できるプラグイン、「Japanese font for TinyMCE」についてです。

【wordpress】サムネ映えする効果的なフォント【記事作成】

2021年12月3日2021年12月3日管理人コメントをする

サムネイル画像について

記事を書く時や動画を作成した際など、
トップのサムネイル画像にタイトルや簡単な内容を書くと思います。
記事内であれば可読性の良い文字にするべきですが、
サムネイル画像は読みやすさよりインパクト優先でいいと思います。
またサムネイルはワードプレス内ではなく、
画像を作るソフトで作成しメディア欄にアップロードするだけです。

そのため、ワードプレス内に使ったフォントがなくても、
見る側の人もそのフォントを持っていなくても、
自分が見せたい見せ方が出来ます。

なので、サイト上でのフォントデータの使い方がわからない人でも簡単に見る人の印象に残る文字を使うことが出来ます。

まずテンプレートで自分のサイトに合いそうなフォントで作られたものを探し、サムネイル内のフォントをこだわれば、見に来る人の印象に残りやすいサイトに出来るかと思います。