ワードプレス 抽出されたカテゴリごとの「投稿」のタイトルを本文ページにリンクさせるには

Question

以前、質問させていただいた続きとなります。
https://teratail.com/questions/168880

ニュースサイトのような、タブ切り替え（カテゴリー）の記事一覧に、そのタブ（カテゴリー）の最新の投稿記事のタイトルと画像を右側に一つ表示する方法を教えていただきました。
さらに、呼び出したタイトルと画像に、記事内容へのリンクを張ろうと思い、

////index.php
<div class="top-img-f-r">
	<a href="<?php the_permalink(); ?>" class="tab-pickup-photo__link">
		<?php the_title(); ?>
		<?php echo my_get_cat_thumbnail_163483( 192 ,'thumbnail', array( 'class' => 'tab-pickup-photo__img' ) ); ?>
		<?php echo my_get_cat_title_168880( 192 ,'post_title', array( 'class' => 'tab-pickup-photo__img' ) ); ?> 
	</a>
</div>

と記載しましたが、
このようにすると、カテゴリーに関係なく”最新の投稿記事内容”へ飛んでしまいます。
カテゴリーの最新記事に飛ばすにはどうしたらよいでしょうか？

////functions.php
<a href="<?php the_permalink(); ?>" class="tab-pickup-photo__link">
		<?php the_title(); ?>

functions.phpにも上記のように記載してみたりしたのですが、エラーになってしまいました。

////functions.php
////カテゴリのタブ区切りでそのカテゴリのアイキャッチを表示
function my_get_cat_thumbnail_163483( $cat_id, $size = 'thumbnail', $attr = array() ) {
    $myposts = get_posts( array( 'posts_per_page' => 1, 'cat' => $cat_id ) );
    foreach ( $myposts as $mypost ) {
        if ( has_post_thumbnail( $mypost->ID ) ) {
            return get_the_post_thumbnail( $mypost->ID, $size, $attr );
        }
    }
}
////カテゴリのタブ区切りでそのカテゴリのタイトルを表示
function my_get_cat_title_168880( $cat_id ) {
    $myposts = get_posts( array( 'posts_per_page' => 1, 'cat' => $cat_id ) );
	    foreach ( $myposts as $mypost ) {
        return $mypost->post_title;
	    }
<a href="<?php the_permalink(); ?>" class="cate-title">
			<?php the_title(); ?></a>
		}

プログラムがわからない初心者ですみません。
よろしくお願いします。

Comments

[CHERRY]

ソースコードは、ソースコードの前後の行に ``` を記載するか <code>ボタンを利用して、マークダウンを使ってみやすく整形していただけないでしょうか？

https://teratail.com/help/question-tips#questionTips3-3 や https://teratail.com/help#about-markdown を参考にしてください。

[konoha0708]

ご指摘ありがとうございました。修正しました。よろしくお願いします。

Answer 1

質問に記載された my_get_cat_title_168880 では、

return $mypost->post_title;

の部分で、ページのタイトルを返しているので、ページタイトルにリンクをつけたい場合は、ここを修正します。

たとえば、<a> タグで、パーマリンクをつけるとしたら

return '<a href="'. get_permalink( $mypost->ID ) .'" class="cate-title">'. $mypost->post_title .'</a>';

のような感じでしょうか。

同様に　画像にもリンクを貼るのであれば、

return get_the_post_thumbnail( $mypost->ID, $size, $attr );

を修正して、

return '<a href="'. get_permalink( $mypost->ID ) .'" class="cate-title">'. get_the_post_thumbnail( $mypost->ID, $size, $attr ) .'</a>';

のように <a>タグで囲うように修正します。

Comments

[konoha0708]

おかげさまでやりたい形にできました。
わかりやすい回答、いつもありがとうございます。