WP REST APIを使い取得した投稿記事にカテゴリ名も表示したい

Question

WP REST APIを使い取得した投稿記事にカテゴリ名も表示したい

WP REST APIを使った投稿記事の取得でカテゴリ名も表示させたいのですが
カテゴリ表示で行き詰ってしまいました。

index.phpに同サーバー内の下層フォルダ内のWordpressから下記URL参考に
phpで記事を取得しています。
https://ocws.jp/blog/post1790/

特定のカテゴリ毎に記事の表示はできています。

取得した記事にカテゴリ名も含めたいので、下記URLを参考にし、
functions.php内に下記サイト内の
「カテゴリが一つであれば良いのですが、二つ以上になった場合」の
コードを追加しました。
https://oku-log.com/blog/rest-api-category/

出力する側のページ設定でphpの場合のカテゴリ名の出力方法が分からず困っています。

カテゴリ名が難しければ、カテゴリIDもしくはカテゴリスラッグだけでも取得できれば
cssで対応できるので、IDだけでも構いません。

該当のソースコード

							<?php
							  $url = "https://ドメイン/フォルダ名/wp/wp-json/wp/v2/posts?_embed&categories=22+17+16+14+15";
							  $json = file_get_contents($url);
							  $arr = json_decode($json,true);
							?>
							<?php
							  foreach ($arr as $data):
								$title = $data["title"]["rendered"];
								$date = date('Y.n.j', strtotime($data["date"]));
								$link = $data["link"];
								$thum = $data["_embedded"]["wp:featuredmedia"][0]["media_details"]["sizes"]["medium"]["source_url"];
								$cat = $data["categories"];
							?>
								  <li class="slide">
									  <a href="<?php echo $link; ?>" class="slide_link slide01">
											<div class="img_wrap">
											<div class="img_wrap">
												<img src="<?php echo $thum; ?>">
												<span class="cat-label">
													<?php echo $cat; ?>
												</span>
											</div>
											</div>
											  <p class="slide_text-wrap">
												  <time calss="date"><?php echo $date; ?></time>

												  <span class="news_title"><?php echo $title; ?></span>
											  </p>
									  </a>
								  </li>

試したこと

上記

<?php echo $cat; ?>

だと　Array　が表示されます。

大変お恥ずかしいのですが、WP REST APIを使用するのも初めてで、phpも勉強中の状況です。
function.phpに記載した、$cat_name　'category_name'　との関連が分かっておりません。。。

3日間悩んでいます。他にも色々コードを触ってみましたが表示されません。
どなたかお力添えをいただけると助かります。
すみませんが、よろしくお願いいたします。　

Answer 1

解決方法を記載するのも恥ずかしい状況です（PHPの勉強を頑張ります！）が、
表示はされたので掲載します。

カテゴリ名の取得はできませんでしたが、カテゴリIDの取得はできたので、
IDを取得し、cssでカテゴリ名を表示させました。

カテゴリID取得php

$cat = $data["categories"][0];

							<?php
							  $url = "https://ドメイン名/ファイル名/topic/wp/wp-json/wp/v2/posts?_embed&categories=1+23";
							  $json = file_get_contents($url);
							  $arr = json_decode($json,true);
							?>

							<?php
							  foreach ($arr as $data):
								$title = $data["title"]["rendered"];
								$date = date('Y.n.j', strtotime($data["date"]));
								$link = $data["link"];
								$thum = $data["_embedded"]["wp:featuredmedia"][0]["media_details"]["sizes"]["medium"]["source_url"];
								$cat = $data["categories"][0];
							?>
								  <li class="slide">
									  <a href="<?php echo $link; ?>" class="slide_link slide01">
											<div class="img_wrap">
											<div class="img_wrap">
												<img src="<?php echo $thum; ?>">
												<span class="cat-label cat-label-<?php echo $cat; ?>">
												</span>
											</div>
											</div>
											  <p class="slide_text-wrap">
												  <time calss="date"><?php echo $date; ?></time>
												  <span class="news_title"><?php echo $title; ?></span>
											  </p>
									  </a>
								  </li>
								  <?php endforeach; ?>

取得したIDがクラスに入るようにし、
<span class="cat-label cat-label-<?php echo $cat; ?>"></span>

cssのbefore要素でテキストが入るように装飾。

.cat-link.cat-link-1::before {
content: "コラム";
color: #fff;
font-size: 1.1rem; 
padding: 0.2em 0.2em 0; 
line-height: 1.2;
}