サイトヘッダー<header>
タグ内の<div class="l-header__left"></div>
の中にHTMLを挿入したい場合に利用します。
ソースコード
<?php
add_action(
'arkhe_header_left_content',
function() {
?>
<a class="c-ta-action-hook-point p-arkhe_header_left_content c-blinking" href="<?php echo esc_url( home_url( '/arkhe_header_left_content' ) ); ?>" role="button">arkhe_header_left_content</a>
<?php
}
);
考察
出力するHTMLによっては、スモールデバイス時にはサイトタイトル(もしくはカスタムロゴ)と重なってしまう場合があるので、メディアクエリで表示をコントロールした方が良い場合があります。
その場合は、ドロワーナビゲーションに切り替わる1000px
を基準にすると良いでしょう。当サイトではこのように記述しています。
@media ( max-width: 999px ) {
.p-arkhe_header_left_content,
.p-arkhe_header_right_content {
display: none;
}
}