[wordpress][添付イメージ有]各商品カテゴリで入力した説明をトップページのメニューに表示させたい

Question

###前提・実現したいこと

wordpress・phpについての質問です。分かりやすいように図を添付しました。

タイトルと重複していますが、各商品カテゴリで入力した説明をトップページの
mainContentの青い枠（menu01）にオンマウスした時に表示させたいです。

サイドバーのメニューはオンマウスした時に説明が出るようになっていますが、
mainContentの方で説明表示を可能にする方法がわかりません。

サイドバーでは、<a href="リンク先" title="カテゴリ説明"></a>の形になっていますので、
mainContentのメニューも同じようにすれば動くのではないかと考え、
色々調べましたが、分からなかったため、ご教示いただけると幸いです。

![

###現状のmainContentのソースコード・オンマウスで表示させたい箇所

<ul class="Menu">
<?php foreach (get_categories('orderby=order') as $cat) : ?>

 <li><a href="<?php echo get_category_link($cat->term_id); ?>">
 <img src="<?php 
$catsimgicon = z_taxonomy_image_url($cat->term_id);
$catsimgicon = preg_replace('/.jpg/','-cat-img.jpg',$catsimgicon);
echo $catsimgicon;
 ?>" width="300" height="280" alt="<?php echo $cat->cat_name; ?>イメージ" />
 <?php $cats = $cat->cat_name;
$cats = preg_replace('/【新品商品】/','<span class="Newicon">新品商品</span>',$cats);
$cats = preg_replace('/【中古商品】/','<span class="Oldicon">中古商品</span>',$cats);
echo $cats; ?></a>
 </li>

 <?php endforeach; ?>
</ul>

###現状のsidebarのソースコード・オンマウスで表示されている箇所

		<section id="sideMenu">
				<ul>
<?php
$cats = wp_list_categories('echo=0&orderby=order&title_li=&depth=1');
$cats = preg_replace('/ title=\"(.*?)\"/','',$cats);
// $cats = preg_replace('/-old/',' old',$cats);
// $cats = preg_replace('/-new/',' new',$cats);
$cats = preg_replace('/【新品商品】/','<span class="Newicon">新品商品</span>',$cats);
$cats = preg_replace('/【中古商品】/','<span class="Oldicon">中古商品</span>',$cats);
echo $cats;
 ?>
			</ul>
				</section>

Comments

[kei344]

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。また、「オンマウスで」は何を使って実現されていますか？それについての記述が無いので、それの追記もお願いします。

[退会済みユーザー]

コメントありがとうございます。
ご指摘いただいたコードブロックで囲みました。
オンマウスは現状どういった形で実現されているのか分からないため、早急に調べます。

[退会済みユーザー]

オンマウスについては、リンク先のタイトルが記載されるとオンマウスで表示・反映されるようです。<a href ="URL" title="リンク先タイトル"></a>

[kei344]

「Menu」のほうがオンマウスでの表示がされませんか？

[退会済みユーザー]

Menuの方は表示されないです。SideMenuの方は表示されるようになっています。

Answer 1

title属性を付けるだけであれば下記のようにすれば良いと思います。

<li><a href="<?php echo get_category_link($cat->term_id); ?>" title="<?php echo esc_attr( $cat->cat_name ); ?>">

---

「Menu」のほうがオンマウスでの表示がされませんか？と聞いたのは、下記部分で置換しているようだったので確認しました。（何で消えないんだろう）

$cats = preg_replace('/ title=\"(.*?)\"/','',$cats);

Comments

[退会済みユーザー]

回答ありがとうございます！MainContentへtitleを表示するには、下記の記述であってますでしょうか？

<ul class="Menu">
<?php foreach (get_categories('orderby=order') as $cat) : ?>

<li><a href="<?php echo get_category_link($cat->term_id); ?>" title="<?php echo esc_attr( $cat->cat_name ); ?>">
<img src="<?php
$catsimgicon = z_taxonomy_image_url($cat->term_id);
$catsimgicon = preg_replace('/.jpg/','-cat-img.jpg',$catsimgicon);
echo $catsimgicon;
?>" width="300" height="280" alt="<?php echo $cat->cat_name; ?>イメージ" />
<?php $cats = $cat->cat_name;
$cats = preg_replace('/【新品商品】/','<span class="Newicon">新品商品</span>',$cats);
$cats = preg_replace('/【中古商品】/','<span class="Oldicon">中古商品</span>',$cats);
echo $cats; ?></a>
</li>

<?php endforeach; ?>
</ul>

[kei344]

とりあえず試してください。あっているか間違っているかはこちらに環境が無いのでわかりません。

[退会済みユーザー]

タイトルを取得することが出来ました！
オンマウスでも実際に表示されましたが、取得したい内容はカテゴリの説明文章なのですが、その取得はどちらを変更すればよいでしょうか？

[退会済みユーザー]

何度も申し訳ありません！
<li><a href="<?php echo get_category_link($cat->term_id); ?>" title="<?php echo esc_attr( $cat->cat_name ); ?>">
のcat_nameの箇所をcategory_descriptionに変更することで出力することができました！ありがとうございました！ベストアンサーに選ばせていただきます。