【JIN:R】プラグインなしで固定ボタン（CTA）を設置する方法《PHP/HTML/CSSのみで実装できる◎》

// カスタムフィールドを追加する関数
function add_sticky_custom_field() {
    add_meta_box(
        'sticky_page',
        'Sticky Page',
        'sticky_page_callback',
        'page',
        'side'
    );
}
add_action('add_meta_boxes', 'add_sticky_custom_field');

// メタボックスのコールバック関数
function sticky_page_callback($post) {
    $value = get_post_meta($post->ID, '_sticky_page', true);
    ?>
    <label for="sticky_page_field"><?php _e('Make this page sticky?', 'textdomain'); ?></label>
    <input type="checkbox" id="sticky_page_field" name="sticky_page_field" value="yes" <?php checked($value, 'yes'); ?> />
    <?php
}

// メタボックスのデータを保存する関数
function save_sticky_page_meta_box_data($post_id) {
    if (array_key_exists('sticky_page_field', $_POST)) {
        update_post_meta(
            $post_id,
            '_sticky_page',
            $_POST['sticky_page_field']
        );
    }
}
add_action('save_post', 'save_sticky_page_meta_box_data');

<?php
// Stickyページのクエリ
$sticky_pages = new WP_Query(array(
    'post_type' => 'page',
    'meta_key' => '_sticky_page',
    'meta_value' => 'yes'
));

// Stickyページを表示するループ
if ($sticky_pages->have_posts()) {
    while ($sticky_pages->have_posts()) {
        $sticky_pages->the_post();
        // 固定ページの表示
        get_template_part('template-parts/content', 'page');
    }
}
wp_reset_postdata();
?>

<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
        <?php get_template_part('object/new-post-list'); ?>
    <?php endwhile; ?>
<?php else : ?>
    <article class="new-post-list-item">記事がありません</article>
<?php endif; ?>

/* 固定ボタンのカスタマイズ */
.sticky-action {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0; /*必要に応じて位置を修正*/
    left: 0; /*必要に応じて位置を修正*/
    z-index: 1000;
    padding: 0px;
}

@media (max-width: 551px) {
    #mainContentInner {
        overflow: visible !important;
        overflow-x: hidden;
        overflow-y: hidden;
    }
}