wordpress固定ページ 画像表示

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
wordpress固定ページの画像表示

発生している問題・エラーメッセージ

コーデｲングしたものをwordpressに移行してるのですが、固定ページの画像が表示されません。
エラーメッセージはありません。

該当のソースコード

page.php

<?php
get_header();
?>


<?php if ( have_posts() ) : ?>
	<?php while ( have_posts() ) : the_post(); ?>
		<div class="main-wrapper">
			<div class="container">
				<?php the_content(); ?>
			</div>
		</div>
	<?php endwhile; ?> 
<?php endif; ?>

<?php
get_footer();
?>


固定ページ　

<div class="title">
　<img src="<?php echo get_template_directory_uri(); ?>/img/staff.jpg">
</div>
<div class="staff-wrapper">
　<div class="container">
    <div class="row">
    　<div class="staff col-md-6 pr-1 mt-5 text-center">
      　<a href="staff-an.html">
        　<img src="<?php echo get_template_directory_uri(); ?>/img/staff-an.jpeg" width="335" height="200">
       </a>
       <div class="job"><span>スタイリスト</span></div>
      </div>
      <div class="staff col-md-6 pr-1 mt-5 text-center">
      　<a href="staff-an.html">
        　<img src="<?php echo get_template_directory_uri(); ?>/img/staff-an.jpeg" width="335" height="200">
        </a>
        <div class="job"><span>スタイリスト</span></div>
      </div>
      <div class="staff col-md-6 pr-1 mt-5 text-center">
      　<a href="staff-an.html">
        　<img src="<?php echo get_template_directory_uri(); ?>/img/staff-an.jpeg" width="335" height="200">
        </a>
        <div class="job"><span>スタイリスト</span></div>
      </div>
      <div class="staff col-md-6 pr-1 mt-5 text-center">
      　<a href="staff-an.html">
        　<img src="<?php echo get_template_directory_uri(); ?>/img/staff-an.jpeg" width="335" height="200">
        </a>
        <div class="job"><span>スタイリスト</span></div>
      </div>
      <div class="staff col-md-6 pr-1 mt-5 text-center">
      　<a href="staff-an.html">
        　<img src="<?php echo get_template_directory_uri(); ?>/img/staff-an.jpeg" width="335" height="200">
        </a>
        <div class="job"><span>スタイリスト</span></div>
      </div>
      <div class="staff col-md-6 pr-1 mt-5 text-center">
      　<a href="staff-an.html">
        　<img src="<?php echo get_template_directory_uri(); ?>/img/staff-an.jpeg" width="335" height="200">
        </a>
     　　<div class="job"><span>スタイリスト</span></div>
      </div>
   </div>
 </div>
</div>

試したこと

パスの確認、誤字。teratail内の検索

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[hayato7]

Consoleでもエラーが表示されていない状態でしょうか。
また念のため作成しているテーマのディレクトリ構造なども記述いただけると幸いです。

[sanyon]

エラーは出ていません。
自分でも調べていたら解決できました。
固定ページではそもそもphpは使えない仕様になっているため表示ができなかったようです。
ショートコードを記入することで解決できました。

[hayato7]

なるほど、固定ページというのはWPの管理画面側の入力ということでしたか。

今後参考にされる方がいるかもしれませんので、解決策をご自分で入力し、解決済みにするのが良いと思います。

Answer 1

wordpress管理画面の固定ページで画像を表示させる方法がわかりました。

function.php に下記を記載します。

add_shortcode('url', 'shortcode_gtd_url');
function shortcode_gtd_url() {
return get_template_directory_uri();
}

画像パスの先頭に　[url]/　を付ければ表示されます。