WordPressテーマ「Snow Monkey」カスタマイズ事例

:root {
    --_color-text: #202124;
    --font-family: "Helvetica", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

a {
    color: #1a73e8;
    text-decoration: underline solid 1px;
    text-underline-offset: 0.1em;
}

// タイトル下に meta description を表示
add_filter(
	'snow_monkey_template_part_render_template-parts/common/page-header',
	function( $html ) {
		if ( is_single() ) {
			$meta_description = get_post_meta( get_the_ID(), 'rank_math_description', true );
			if ( ! empty( $meta_description ) ) {
				$html = str_replace(
					'</h1>',
					'</h1><div class="reinx-header-desc">' . $meta_description . '</div>',
					$html
				);
			}
		}
		return $html;
	}
);

/* ヘッダー全体を暗くする */
.c-page-header::before {
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.c-page-header__content {
    position: relative;
    z-index: 1;
}

/* meta description 表示 */
.reinx-header-desc {
    margin: 1.5em 0;
    font-size: .9em;
    background-color: rgba(255, 255, 255, .2);
    padding: 1em;
    max-width: var(--wp--custom--slim-width);
}

/* 日付・カテゴリー上部の margin 調整 */
.c-page-header__meta {
    margin-top: var(--_margin-0);
}

/* スマホで表示崩れしないよう調整 */
@media screen and (max-width: 600px) {
    .c-page-header[data-has-image=true] {
        height: clamp(300px,100%,500px);
    }
}

/* カウンターリセット */
.single-post .p-entry-content {
    counter-reset: h2-counter 0;
}

/* 自動ナンバリング */
.single-post .p-entry-content > h2::before {
    counter-increment: h2-counter 1;
    content: "Section " counter(h2-counter);
    color: #a2a2a2;
    display: block;
    font-family: Verdana;
    font-size: .6em;
}

/* 表示幅が広いときは位置を変更 */
@media screen and (min-width: 1280px) {
    .single-post .p-entry-content > h2::before {
        position: absolute;
        left: -6.5em;
        font-size: .85em;
        font-family: cursive;
        font-style: italic;
        font-weight: normal;
        color: #b9b9b9;
    }
}

// 「関連記事」の表記を変更
add_filter(
	'snow_monkey_template_part_render',
	function( $html, $slug ) {
		if ( 'template-parts/content/related-posts' === $slug ) {
			return preg_replace(
				'|<span>.*?関連記事|ms',
				'<span>Recommend',
				$html
			);
		}
		return $html;
	},
	10,
	2
);

// メタ情報を削除
add_filter(
    'snow_monkey_template_part_render_template-parts/loop/entry-summary/meta/meta',
    function( $meta ) {
        if ( is_single() ) {
            return '';
        }
        return $meta;
    }
);

// アイキャッチ上のラベルを削除
add_filter(
    'snow_monkey_template_part_render_template-parts/loop/entry-summary/term/term',
    function( $meta ) {
        if ( is_single() ) {
            return '';
        }
        return $meta;
    }
);

// Rank Math の meta description を反映
add_filter(
	'the_excerpt',
	function( $description ) {
		$meta_description = get_post_meta( get_the_ID(), 'rank_math_description', true );
		return $meta_description
			? $meta_description
			: $description;
	}
);

/* 関連記事 見出し部分 */
.c-entry-aside__title {
    display: block;
    font-size: 2rem;
    color: #424242;
    text-align: center;
}

.c-entry-aside__title:before,
.c-entry-aside__title:after {
    content: none;
}

.c-entry-aside__title span {
    display: block;
}

.c-entry-aside__title span:first-letter {
    color: #5a79ff;
}


/* 関連記事レイアウト PC用 */
@media (min-width: 1024px) {
    .single .c-entry__footer {
        max-width: 1280px;
    }

    .single .c-entries--simple {
        display: flex;
        flex-wrap: wrap;
        border: none;
        justify-content: space-between;
    }

    .single .c-entries--simple .c-entries__item {
        border: none;
        flex-basis: 48%;
    }

    .single .c-entries--simple .c-entry-summary__figure {
        margin-right: 1em;
    }
    
    .single .c-entries--simple .c-entry-summary__figure {
        width: 33%;
    }
}

// 投稿タイトル下の投稿者を削除
add_action(
	'snow_monkey_entry_meta_items',
	function() {
		remove_action( 'snow_monkey_entry_meta_items', 'snow_monkey_entry_meta_items_author', 30 );
	},
	9
);

// 記事一覧の投稿者を削除
add_filter(
	'snow_monkey_template_part_render_template-parts/loop/entry-summary/meta/meta',
	function( $html, $name, $vars ) {
			return preg_replace(
				'|<li class="c-meta__item c-meta__item--author">.*?</li>|ms',
				'',
				$html
			);
		return $html;
	},
	10,
	3
);

function my_pre_get_posts( $query ) {
    if ( is_admin() || ! $query->is_main_query() ) {
        return $query;
    }
    // 投稿タイプを限定
    $post_type = $query->get( 'post_type' );
    if ( ! in_array( $post_type, array( 'glossary' ) ) ) {
        return $query;
    }
    // 同名スラッグの固定ページを適用
    global $wp;
    if ( get_page_by_path( $wp->request ) ) {
        $query->parse_query( "pagename={$wp->request}" );
    }
    return $query;
}
add_filter( 'pre_get_posts', 'my_pre_get_posts' );

// FAQ を h3 に変更
function change_faq_div_to_h3( $content ) {
    $content = preg_replace('/<div class="smb-faq__item__question__body">(.+?)<\/div>/is', '<h3 class="smb-faq__item__question__body">$1</h3>', $content);
    return $content;
}
add_filter( 'the_content', 'change_faq_div_to_h3' );

add_action(
	'snow_monkey_append_entry_content',
	function() {
		if ( is_singular( 'post' ) ) {
			echo apply_filters( 'the_content', get_post( 1234 )->post_content );
		}
	}
);