❷mainを書き換え loop.php-基礎編-
2016/03/31
mainを書き換え loop.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 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 |
<!-- main --> <div id="main"> <h2><a href="php_html.html">phpとhtmlの違いは?</a></h2> <p> <img src="sozai/a0002_010858.jpg" align="right">htmlは静的なページとなっているので用意されたページをそのまま表示します。<br /> phpは動的なペーとなっているため、ブラウザ側からページを表示するリクエストがあった場合には、まずサーバー側で処理を行い、動的な部分をブラウザが理解できる情報(HTMLなど)に変換してから、その情報を表示することになります。<br clear="all" /> </p> <div align="right"> <a href="php_html.html">続きを読む →</a> </div> <div class="meta"> 投稿日: 2013年7月2日<br /> カテゴリー: <a href="wordpress.html">WordPress</a> | タグ: <a href="#">php</a> <a href="#">html</a> | 投稿者: <a href="#">admin</a> </div> <h2><a href="absolutepath_relativepath.html">絶対パスと相対パス</a></h2> <p> <img src="sozai/a0055_000859.jpg" align="left">絶対パスとは、サーバのルートからディレクトリ(フォルダ)名を順に書く方法です。<br /> 相対パスとは、今表示しているホームページから、ディレクトリの差分だけを書く方法です。<br clear="all" /> <br /> 例)<br /> http://www.testsite.com/d1/e1/index.html<br /> から、<br /> http://www.testsite.com/d1/e1/f1/g.html<br /> へリンクする場合、<br /> 絶対パスなら、<br /> <A href="/d1/e1/f1/g.html">~</A>のように、、http://~/を除いて、「/」から書き始めます。<br /> <br /> 相対パスなら、<br /> <A href="f1/g.html">~</A>のように、今いるフォルダから足りない部分のみを書き足します。「/」で始めてはいけないので注意です。<br /> 同じディレクトリなら、ファイル名だけを書けばよく、一つ下に戻りたい場合は「../」のようにコンマを2つつけてスラッシュで一つ下に戻ります。<br /> 応用することで、一つ下へ戻りさらに別のフォルダへ一気に指定することも出来ます。「../e2/f.html」のように指定すれば、http://www.testsite.com/d1/e2/f.htmlへリンクします。<br /> </p> <div align="right"> <a href="absolutepath_relativepath.html">続きを読む →</a> </div> <div class="meta"> 投稿日: 2013年7月2日<br /> カテゴリー: <a href="elementary.html">基礎知識</a> | タグ: <a href="#">絶対パス</a> <a href="#">相対パス</a> | 投稿者: <a href="#">admin</a> </div> <h2><a href="wordpressplugin.html">WordPressのプラグインとは?</a></h2> <p><img src="sozai/a0002_008425.jpg" align="left"> プラグインは、WordPressの機能を拡張するためのツールです。<br /> WordPress のコアは、柔軟性を保つため、不必要なコードでふくれあがってしまわないように設計されています。<br /> ユーザーそれぞれが特定のニーズに合ったプラグインを利用して簡単に機能を追加できます。<br clear="all" /> </p> <div align="right"> <a href="wordpressplugin.html">続きを読む →</a> </div> <div class="meta"> 投稿日: 2013年7月2日<br /> カテゴリー: <a href="wordpress.html">WordPress</a> | タグ: <a href="#">プラグイン</a> <a href="#">ツール</a> | 投稿者: <a href="#">admin</a> </div> <div style="width:100%"> <div style="float:left"> <a href="">«前ページ</a> </div> <div style="float:right"> <a href="">次ページ»</a> </div> </div> </div> <!-- /main --> |
WordPressテンプレタグと、phpで書き換えた記述 loop.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 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
<!-- main --> <div id="main"> <!-- ▼表示する記事がある場合、ループ開始▼ --> <?php if(have_posts()) : while(have_posts()) : the_post(); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <p> <?php the_content('続きを読む →'); ?> <br clear="all" /> </p> <div class="meta"> 投稿日: <?php the_date(); ?><br /> カテゴリー: <?php the_category('|'); ?> <?php the_tags('タグ: ',' '); ?> | 投稿者: <?php the_author_posts_link(); ?> </div> <?php endwhile; else: ?> <p> 記事がない場合に表示させる文章など。 <br clear="all" /> </p> <?php endif; ?> <!-- ▲表示する記事がある場合、ループ開始▲ --> <!-- ▼もし記事が表示数より多い場合、ページャーを表示する▼ --> <?php if ( $wp_query -> max_num_pages > 1 ) : ?> <div style="width:100%"> <div style="float:left"> <?php previous_posts_link('«前ページ'); ?> </div> <div style="float:right"> <?php next_posts_link('次ページ»'); ?> </div> </div> <?php endif; ?> <!-- ▲もし記事が表示数より多い場合、ページャーを表示する▲ --> </div> <!-- /main --> |