固定ページへのリンク作成
後々、カテゴリごとに記事一覧をだすけど
まずは投稿記事を一覧表示するようにします
まずは
その前にトップページからアイコンをクリックしたら
固定ページにリンクするようにします
wordpress の固定ページは
1 | echo get_page_link(); |
で取得可能
get_page_php() の詳細については
関数リファレンス/get page link
を参考に
パラメータとして固定ページのIDを入れます
今回の場合 ID=35 なので
home.php の中の
sweet.html
というリンクをかえます
今回も vim の置き換え機能で一度に書き換えます
1 | %s/sweet.html/<?php echo get_page_link(35);?>/g |
これを実行すると
アイコンをクリックすると
固定ページの一覧にリンクするようになります
現在の home.phpのソースは
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <?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 を編集します