固定ページへのリンク作成
後々、カテゴリごとに記事一覧をだすけど
まずは投稿記事を一覧表示するようにします
まずは
その前にトップページからアイコンをクリックしたら
固定ページにリンクするようにします
wordpress の固定ページは
echo get_page_link();
で取得可能
get_page_php() の詳細については
関数リファレンス/get page link
を参考に
パラメータとして固定ページのIDを入れます
今回の場合 ID=35 なので
home.php の中の
sweet.html
というリンクをかえます
今回も vim の置き換え機能で一度に書き換えます
%s/sweet.html/<?php echo get_page_link(35);?>/g
これを実行すると
アイコンをクリックすると
固定ページの一覧にリンクするようになります
現在の home.phpのソースは
<?php get_header(); ?>
<!-- １行目 -->
<div class="ui-grid-b">
<div class="ui-block-a">
<a class="ui-btn ui-corner-all" href="<?php echo get_page_link(35);?>"><img src="<?php echo get_template_directory_uri(); ?>/img/wa.png" alt="" class="ic"><br>和食</a>
</div>
<div class="ui-block-b">
<a class="ui-btn ui-corner-all" href="<?php echo get_page_link(35);?>"><img src="<?php echo get_template_directory_uri(); ?>/img/chu.png" alt="" class="ic"><br>中華</a>
</div>
<div class="ui-block-c">
<a class="ui-btn ui-corner-all" href="<?php echo get_page_link(35);?>"><img src="<?php echo get_template_directory_uri(); ?>/img/yo.png" alt="" class="ic"><br>洋食</a>
</div>
</div>
<!-- ２行目 -->
<div class="ui-grid-a">
<div class="ui-block-a">
<a class="ui-btn ui-corner-all" href="<?php echo get_page_link(35);?>"><img src="<?php echo get_template_directory_uri(); ?>/img/cake.png" alt="" class="ic"><br>スイーツ</a>
</div>
<div class="ui-block-b">
<a class="ui-btn ui-corner-all" href="<?php echo get_page_link(35);?>"><img src="<?php echo get_template_directory_uri(); ?>/img/ramen.png" alt="" class="ic"><br>ラーメン</a>
</div>
</div>
<!-- ３行目 -->
<div class="ui-grid-b">
<div class="ui-block-a">
<a class="ui-btn ui-corner-all" href="<?php echo get_page_link(35);?>"><img class="ic" src="<?php echo get_template_directory_uri(); ?>/img/camera.png" alt="" ><br>カメラ</a>
</div>
<div class="ui-block-b">
<a class="ui-btn ui-corner-all" href="<?php echo get_page_link(35);?>"><img src="<?php echo get_template_directory_uri(); ?>/img/map.png" alt="" class="ic"><br>地図</a>
</div>
<div class="ui-block-c">
<a class="ui-btn ui-corner-all" href="<?php echo get_page_link(35);?>"><img src="<?php echo get_template_directory_uri(); ?>/img/tweet.png" alt="" class="ic"><br>ツイート</a>
</div>
</div>
<?php get_footer(); ?>
となります
次は page.php を編集します
