[otomeweb]

【お使いの Snow Monkey のバージョン】27.3.5
【お使いの Snow Monkey Blocks のバージョン】22.2.3
【お使いの Snow Monkey Editor のバージョン】10.0.5
【お使いのブラウザ】Chrome
【当該サイトのURL】https://yougo.otomejuku.jp/%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7/

### 実現したいこと

ページめくりのデザインをオリジナルに近づけたい

### 発生している問題

ページめくりは完成したけど、ソース上にハードコードになっている

### 試したこと

以下のコードでぺーじめくりを実現した（ChatGPT）

/**
ページめくり
*/

function get_adjacent_post_by_furigana( $previous = true ) {
    global $post;

    if ( empty( $post ) ) {
        return null;
    }

    $current_furigana = get_post_meta( $post->ID, 'furigana', true );

    $args = array(
        'posts_per_page' => 1,
        'post_type'      => $post->post_type,
        'orderby'        => 'meta_value',
        'order'          => $previous ? 'DESC' : 'ASC',
        'meta_key'       => 'furigana',
        'meta_query'     => array(
            array(
                'key'     => 'furigana',
                'value'   => $current_furigana,
                'compare' => $previous ? '<' : '>',
                'type'    => 'CHAR',
            ),
        ),
        'post_status'    => 'publish',
        'exclude'        => $post->ID,
    );

    $adjacent_posts = get_posts( $args );

    if ( $adjacent_posts ) {
        return $adjacent_posts[0];
    }

    return null;
}

function display_adjacent_posts_by_furigana() {
    $prev_post = get_adjacent_post_by_furigana( true );
    $next_post = get_adjacent_post_by_furigana( false );

    echo '<div class="navigation-post">';

    if ( $prev_post ) {
        echo '<div class="nav-previous">';
        echo '<a href="' . get_permalink( $prev_post->ID ) . '">&laquo; 前へ：' . get_the_title( $prev_post->ID ) . '</a>';
        echo '</div>';
    }

    if ( $next_post ) {
        echo '<div class="nav-next">';
        echo '<a href="' . get_permalink( $next_post->ID ) . '">次へ：' . get_the_title( $next_post->ID ) . ' &raquo;</a>';
        echo '</div>';
    }

    echo '</div>';
}

add_action( 'snow_monkey_after_entry_content', 'display_adjacent_posts_by_furigana' );

♥ 0

Who liked: No user

[otomeweb]

CSSで再現するということですよね
背景にアイキャッチが入る必要はありません
適当な色網が付与できればOKです

♥ 0

Who liked: No user

[キタジマ タカシ]

下記を参考に組んでみてください！

snow-monkey/template-parts/content/prev-next-nav.php at master · inc2734/snow-monkey

Premium WordPress Theme. This theme is published here for users and developers. Please buy themes when using themes on live site. we can not provide support to…

github.com

あと、トピックは同じ問題にぶつかった人が参照しやすいように、わかりやすいタイトルをつけてください。個々人のサポートデスクではなく、あくまでフォーラムなので、よろしくお願いいたします。

♥ 0

Who liked: No user

[otomeweb]

トピック名失礼しました

コード、わたしの知識では一筋縄でいかない感じです

・頂いたコードに、生成されたコードをマージするか

・生成されたコードに頂いたコードの該当箇所をマージするか

どっちの方針がいいんでしょうか

とりあえず、CSSのクラスを統合しようかとおもったのですが
オリジナルを消してるので、多重表示されますよね

♥ 0

Who liked: No user

[投稿者]

投稿