使えるなって技～WordPress編～

2021.10.12 2026.04.07

のんびり燐華

ループ外でサムネイル画像を取り出す

get_the_post_thumbnail_url( $post->ID, $size );

現在の投稿から取り出すときは上記のようにする

前後の記事から取り出すときは以下のようにする

$prev_post = get_previous_post();
$next_post = get_next_post();
//前の記事↓
get_the_post_thumbnail_url( $prev_post, $size );
//次の記事↓
get_the_post_thumbnail_url( $prev_post, $size );
$size の部分は、thumbnail・medium・large・full の4つの中から選べる

$size の部分は、thumbnail・medium・large・full の4つの中から選べる

カスタマイザーで背景画像を指定

functions.phpに下記のコードを入力

add_theme_support( 'custom-background' );

参考サイト：テーマカスタマイザーで背景画像を指定出来るようにする

ページネーションコンパクトver　設定

以下をfunction.phpに記載

実際に使う場合は、矢印アイコン用のFontAwesomeを読み込んでね～

/* ---------------------------- */
/* ページネーション用関数
/* 現在のページと総ページ数取得
/* ---------------------------- */

// 現在のページ番号を取得
function get_current_page_num(): int {
    $paged = (int) get_query_var('paged');
    $page  = (int) get_query_var('page');
    return max(1, $paged, $page);
}

// 総ページ数を取得
function get_max_page_num(): int {
    global $wp_query;
    return (int) $wp_query->max_num_pages;
}

// セレクトボックス型ページネーションの表示
function show_select_pagination(): void {
    $paged    = get_current_page_num();
    $max_page = get_max_page_num();

    if ($max_page <= 1) return;

    echo '<div class="select">' . PHP_EOL;

    // 前へボタン
    echo '<div class="prev">' . PHP_EOL;
    if ($paged > 1) {
        echo '<a href="' . esc_url(get_pagenum_link($paged - 1)) . '"><i class="fas fa-angle-left"></i></a>' . PHP_EOL;
    }
    echo '</div>' . PHP_EOL;

    // セレクトボックス
    echo '<select name="pageselect" id="pageselect" onchange="location.href=this.value;">' . PHP_EOL;
    for ($i = 1; $i <= $max_page; ++$i) {
        $selected = ($i === $paged) ? ' selected' : '';
        echo '<option value="' . esc_url(get_pagenum_link($i)) . '"' . $selected . '>';
        echo esc_html($i) . ' / ' . esc_html($max_page);
        echo '</option>' . PHP_EOL;
    }
    echo '</select>' . PHP_EOL;

    // 次へボタン
    echo '<div class="next">' . PHP_EOL;
    if ($paged < $max_page) {
        echo '<a href="' . esc_url(get_pagenum_link($paged + 1)) . '"><i class="fas fa-angle-right"></i></a>' . PHP_EOL;
    }
    echo '</div>' . PHP_EOL;

    echo '</div>' . PHP_EOL;
}