記事テンプレートで固定ページメニューを表示できるようになりました
template_view.phpに下記のような表記を追加することで固定ページメニューが表示されます。
<div id="instraction-area">
<div class="home_menu_area">#{$home_menu}</div>
</div>
<div class="home_menu_area">#{$home_menu}</div>
</div>
既存のテンプレートを変更する場合はscriptの追記が必要です。
上部のスクリプト部分を下記の赤字部分のように変更してください。
$(async function() {
await counter();
$("#like-it").on("click", async function() {
$("#like-heart").addClass("fa-solid");
$("#like-heart").removeClass("fa-regular");
$("#like-it").css("color", "#cc0000");
likes = await likeIt($(this).data("target"));
$('.show_like_count').html(' ' + likes.like);
});
if ($(".home_menu").length) {
var menuWidth = $(".home_menu").width();
var itemsWidth = 0;
$(".home_menu_item").each(function() {
itemsWidth += $(this).outerWidth(true);
});
if (itemsWidth > menuWidth) {
$(".home_menu").css("justify-content", "flex-start");
}
}
});
await counter();
$("#like-it").on("click", async function() {
$("#like-heart").addClass("fa-solid");
$("#like-heart").removeClass("fa-regular");
$("#like-it").css("color", "#cc0000");
likes = await likeIt($(this).data("target"));
$('.show_like_count').html('
});
if ($(".home_menu").length) {
var menuWidth = $(".home_menu").width();
var itemsWidth = 0;
$(".home_menu_item").each(function() {
itemsWidth += $(this).outerWidth(true);
});
if (itemsWidth > menuWidth) {
$(".home_menu").css("justify-content", "flex-start");
}
}
});