【wordpress】書き出す文字の大きさを指定する【PHP】

PHPファイルの文字の大きさ

PHPは文字列を出力、ブラウザが拾って表示していることになりますので、特に何も指定しなければブラウザの設定で大きさが決まります。
そのため見るブラウザによって変化したり、小さすぎて見づらいなど問題が起こる場合があります。

PHPでの文字の大きさ指定方法

一部分であれば文字サイズを指定するCSSをつけて書き出せば指定が出来ますので文字を囲うだけで変えられると思います。
echo '<p style="font-size:100px;">テスト</p>';
また文字色も書き出せば色を変化させることも出来ます。
<font size="10">
<?php
echo '<font color="red">';
echo '<b>こんにちは</b>';
echo '</font>';
?>
</font>
mたPCで見たときとスマホで見たときなど、ブラウザによって差が出てしまう場合もあります。
その場合はブラウザごとに大きさを変えて指定するなど調整が必要になります。
@media~でブラウザの大きさの範囲を指定して大きさごとにCSSを書きます。
<style type="text/css">

@media all and (min-width: 1024px) and (max-width: 2000px) { 
.big{ font-size: 2.0em; }
}
@media all and (max-width: 1024px) {

.big{ font-size: 1.5em; }
 }

</style>

<p class="big">

<?php
} else {
    echo 'テスト<br>';
}
?>
</p>
<?php get_footer(); ?>


まとめ

文字の大きさはサイトの見やすさにとってとても重要なので、どのブラウザで見たときもきれいに表示されるように心掛けましょう!

wordpressのフォントについての記事はコチラも!

【WordPress使い方】PCとスマホでフォントが変わってしまう?【疑問】

コメントを残す

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