WordPress/アイキャッチ付きメニュー

トップページにアイキャッチ付きのメニューを作る。

functions.phpに

register_nav_menu('メニュー名(スラッグ)', '管理画面上のメニューの表示名');

メニュー設定

WordPressダッシュボード→外観→メニューで設定

トップページのメニューを表示したい位置に

<?php
   $menu_name = 'メニュー名(スラッグ)';
   $locations = get_nav_menu_locations();
   $menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
   $menu_items = wp_get_nav_menu_items($menu->term_id);
   if($menu_items):
?>
<ul>
<?php 
  foreach ($menu_items as $menu): 
  $page_id = $menu->object_id;
  $thumbnail_id = get_post_thumbnail_id($page_id);
  $image_attributes = wp_get_attachment_image_src($thumbnail_id); 
  $content = get_page($page_id);
?>
    <li>
        <div class="title"><?php echo $content->post_title; ?></div>
        <img src="<?php echo $image_attributes[0]; ?>" alt="" width="<?php echo $image_attributes[1]; ?>" height="<?php echo $image_attributes[2]; ?>" />
        <a href="<?php echo get_permalink($page_id); ?>">詳しくはこちら</a>
    </li>
<?php endforeach; ?>
</ul>
<?php endif; ?>

お知らせ

チラシのデザイン・制作サービスはじめました

伝えたいことを、わかりやすく! スキルのフリーマーケット「coconala(ココナラ)」でチラシのデ … 続きを読む

2019.08.06

飯塚医師会様のホームページ作成

一般社団法人 飯塚医師会様のホームページを作成。リニューアルオープンしました。 ↓ http://i … 続きを読む

2019.04.11

㈱シンシアテクノス様のサイト開設

㈱シンシアテクノス様のサイトを開設しました。 ↓ https://sincere-tecnos.co … 続きを読む

2019.04.01

いいづか看護師転職バンク様のサイト開設

「いいづか看護師転職バンク」様のホームページを開設しました。 飯塚市周辺(筑豊地区)で転職を考えてい … 続きを読む

2018.12.01

2019年カレンダー

2019年のオリジナルカレンダーを作りました。 今年も猫のイラストのデザインにしました。 お世話にな … 続きを読む

2018.12.04

Twitter

電話で問合せ