【作画】Snowmonkey　ヘッダー部に画像を追加

どうやら２ヶ月ぶりに更新。wordpressを久々に触ると何かと仕様が変わっていて、変更した箇所を確認するだけで大変。

ロゴデザイン

以下の画像を、ヘッダー部に追加してみたりして気分転換。

以前に撮った写真にKeynoteで文字を入れだだけ。

フォントはF5.6と筑紫A丸ゴシック。サイズは6000×800で作ったけど、デカすぎかも。

ピクトサインはpictogram2.com様の素材を利用。

アクションフック

ヘッダー部に何かを入れる場合は、フックで”snow_monkey_prepend_contents”をmy snow monkeyの構文に入れてやると良いらしい。以下のように挿入。

add_action(
    'snow_monkey_prepend_contents',
    function() {
        ?>
        <div class="c-btn c-btn--block c-hsma-hook-point p-snow_monkey_prepend_contents"><img src="URL" ></div>
        <?php
    }
);

どうやら画像にborder-radiusとpaddingがとってあったので、CSSで0指定に

.c-btn, .snow-monkey-posts__more {
    border-radius: 0;
    padding: 0;
}

レスポンシブ対応

携帯サイトは非表示で良いと思ったので、CSSで非表示に。

@media (max-width: 1025px) {
.c-btn, .snow-monkey-posts__more
  {
display: none;
}
}