30代は創造する記事の表示

[PR]

posted at:2025-05-06
written by:

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

記事のタイトル、本文を表示します。

01. 記事のタイトルの表示
・記述
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<h2><?php the_title(); ?></h2>
<?php endwhile; endif; ?>
・出力
<h2>１０たいとる１０</h2>
<h2>０９タイトル</h2>
　（略）
<h2>テスト投稿</h2>

出力できる記事があった場合、設定した件数分ループし、
記事のタイトルを出力すると言う記述です。
ループするたびに、2行目のh2要素が出力されます。
<?php the_title(); ?>は、記事のタイトルを出力します。

設定した件数とは、下記で設定した値です。
設定＞表示設定＞ 1ページに表示する最大投稿数

02. 個別ページへのリンクを作成
h2要素内の記事のタイトルをa要素で囲み、個別ページへのリンクを作成します。
・記述
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
・出力
<h2><a href="http://ranka.sub.jp/taroumatsu/?p=25">１０たいとる１０</a></h2>
<h2><a href="http://ranka.sub.jp/taroumatsu/?p=22">０９タイトル</a></h2>
　（略）
<h2><a href="http://ranka.sub.jp/taroumatsu/?p=4">テスト投稿</a></h2>

<?php the_permalink(); ?>は、個別ページのURLを出力します。
03. 記事本文の表示
記事の本文を表示します。記事のタイトル(h2要素)の次の行に下記記述を追加します。
・記述
<?php the_content(); ?>
・出力

<?php the_content(); ?>は、記事の本文を出力します。

04. div要素の記述
div要素を用い、記事タイトルと本文などをグループ化します。

-- index.php --

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>;charset=<?php bloginfo ('charset'); ?>" />
<title><?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo ('stylesheet_url'); ?>" type="text/css" />

</head>
<body>

<div id="container">

<div id="header">
<h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1>
<p id="desc"><?php bloginfo('description'); ?></p>
</div>

<div id="content">
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<div class="post">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content(); ?>
</div>
<?php endwhile; endif; ?>
</div>

</div>

</body>
</html>

[0回]