アクションフック – あとは頼みます。 https://tanomimasu.com ここまでは考えたので… Tue, 27 Apr 2021 14:40:49 +0000 ja hourly 1 https://wordpress.org/?v=5.9.3 https://tanomimasu.com/wp-content/uploads/2020/10/cropped-20201018100056-32x32.png アクションフック – あとは頼みます。 https://tanomimasu.com 32 32 【作画】Snowmonkey　ヘッダー部に画像を追加 https://tanomimasu.com/archives/22838 https://tanomimasu.com/archives/22838#respond Tue, 27 Apr 2021 14:23:31 +0000 https://tanomimasu.com/?p=22838 どうやら２ヶ月ぶりに更新。wordpressを久々に触ると何かと仕様が変わっていて、変更した箇所を確認するだけで大変。

ロゴデザイン

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

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

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

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

human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
人間ピクトグラム素材のギャラリー
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;
}
}
]]> https://tanomimasu.com/archives/22838/feed 0