私は普段、アフィリエイトのお仕事もやっています。
アフィリエイトサイトで重要なことは、
公式のホームページに飛んでもらうこと。
その時、心理学的な事や視覚的な事を踏まえて
サイト作りをするのですが、URLテキストの位置も重要って知っていましたか?
今日はそんな重要な役目を果たす、文字位置の学習です。
水平方向の指定
・text-align:値
テキスト(文字列)やイメージ(画僧)の水平方向位置を指定します。
text-alignプロパティはブロックレベル要素に対して指定します。
値 | 説明 |
left | 左揃え |
center | 中央揃え |
right | 右揃え |
justify | 両端揃え |
両端揃えって?
左、中央、右揃えは、ワードやブログでも見かけるので、
ご存知の方も多いでしょう!
例)
左揃え
中央揃え
右揃え
では、両端揃えとはなんでしょう?
両端揃えを指定した場合は、行内のテキストを均等に割り付けて、
通常空白になる右の部分も空白になりません。
文字が画面横一杯に並び、右端の縦のラインがそろいます。
両端揃えにすると、文字と文字の間が調整されて、
右端がそろっていることがわかります。
長い文章の場合、両端揃えにすると非常にスッキリ、きれいに見えます!
ただし!!!
chromeやsafariでは正しく表示されない様です。
私は普段chromeを使っているんですが、
指定したのに変化がなくてなんでだろう?と試行錯誤してしまいました…
ブラウザ上仕方ないとは…
ワードプレスの場合は、
プラグインなどでも解決できるようです。
そして冒頭にお話ししたアフィリエイトサイトでは、
この技を使ってリンクを設置することが重要です。
最近では多くの方がスマホでサイトを見ています。
その時、日本人のほとんどが右利きなので、
指は常に画面の右側にあります。
右側にリンクボタンやリンクテキストが寄っていると、
指のすぐそばなのでクリックしやすくなるんです。
左側にクリックするボタンがあったら、
ちょっと押しにくいなーと思いませんか?
位置を右に寄せるだけでもクリック率は変わります。
また、PCの場合でも、スクロールバーが右側にあるため、
マウスポインタは右側にいることが多く、
PCでも右寄せの効果が高いのです!
是非、「text-align」を活用してくださいね!
【個人的なお話】
離婚して2年たちますが、私はいまだに元主人のお母様と交流があります。
といっても、最近はメールのやりとりや贈り物の受け取りばかりですが…
今日はお米が届きました。
とてもありがたいのですが、
元主人の親ということで彼も付き合いがあることに関していい顔はせず、
私自身もお母様の気持ちがちょっと重いといいますか…
離婚後も子供を連れてランチに行く元嫁と元姑なんて聞いたことない!^^;
ちなみに彼がいることも知っていて、応援されています。
ほんっとに悪意なく、
「人は支え合って生きないとね♡」「好きな人は大切よ♡」
って感じでして…
今後どう対応していこうか悩んでおります…
この投稿は、以前運営していた同名のブログに当時書いたものを再掲載しています。
そのため、現在はデータがない画像などもあります。ご了承ください。
また、アフィリエイトやホームページの情報についてのブログですが、情報としても古いものが多いです。
過去の記事を改めて更新する予定はございませんので、ご承知おきください。