ページめくりその後

0
Who liked: No user
  • このトピックには3件の返信、2人の参加者があり、最後にアバター画像otomewebにより6時間、 3分前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #142770
    アバター画像otomeweb
    参加者
    21

    【お使いの 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
    #142771
    アバター画像otomeweb
    参加者
    21

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

    0
    Who liked: No user
    #142772
    アバター画像キタジマ タカシ
    参加者
    2417

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

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

    0
    Who liked: No user
    #142774
    アバター画像otomeweb
    参加者
    21

    トピック名失礼しました

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

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

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

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

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

    0
    Who liked: No user
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。