ロゴにもpixelatedをかける

サイト上部に表示されるロゴもドット絵で作っているのですが、拡大されているのか縮小されているのかぼやけて見える。

ので、ロゴにもドット絵作品画像のようなpixelatedなCSSを適応させたい。

wordpressのテーマ「Twenty sixteen」使用中。子テーマ「Twenty Sixteen child」を作成済。しそこに「header.php」を親テーマからコピー。それをいじる。

浅い知識でphpファイルを眺める。と「<?php twentysixteen_the_custom_logo(); ?>」の記載を発見。カスタムロゴ?ここか。
その上のdivタグのclassにpixelatedを追加。

するとロゴ画像の表示がぼやけず拡大されるようになりました!やったやった!予想があたるの嬉しい!やればできるもんだ。
こうやって解読していくのとHTMLとかPHPの勉強にもなるのかな。