o2BUSINESS(株)様による、フリーテーマ「free_theme015」
のダウウンロードが必要です。
index.phpのデフォルト
<?php get_header(); ?>
<!– 中央カラム –>
<div id=”main”>
<img src=”<?php header_image(); ?>” alt=”Sample” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”メインイメージ” /><br /><br />
<h2>最新のお知らせ</h2>
<div id=”mainlist”>
<?php query_posts(‘showposts=1’);?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; else: ?>
<p><?php echo “お探しの記事、ページは見つかりませんでした。”; ?></p>
<?php endif; ?>
<?php wp_reset_query(); ?>
</div>
<h2>新着一覧</h2>
<div id=”mainlist”>
<ul>
<?php query_posts(‘showposts=10’); ?>
<?php if (have_posts()):while(have_posts()):the_post(); ?>
<li>
<a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_time(‘Y年n月j日’); ?>:<?php the_title_attribute(); ?></a></li>
<?php endwhile; endif; ?>
</ul>
</div>
</div>
<!– / 中央カラム –>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
上記がindex.phpのデフォルトである。
まずは5行目、
<img src=”<?php header_image(); ?>” alt=”Sample” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”メインイメージ” />
これは明らかに不要なので削除。
あとは30行目
<?php get_sidebar(); ?>
これは必要か不要かで残しても良いし、削除しても良い。
sidebar.phpの修正でも説明したが、sidebar.phpに含まれる投稿記事へのリンクや、カテゴリー等を表示したければ、そのまま残しておくのも良い。
page.phpやsingle.phpに直接リンクを吐き出すコードを記述している場合は、不要となる。
因みに当サイトでは、page.phpやsingle.phpに直接リストマーク付のリンクを出力するコードを張り付けているので、30行目は削除している。
例えば、固定ページに「最新のお知らせ一覧」を表示したければ、sidebar.phpに記述されている下記ソースを、「page.php」張り付ければ良い。
<h3>最新のお知らせ一覧</h3>
<ul>
<?php
$my_query = new WP_Query(‘showposts=10’);
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
ただ、上記のままだとリストの表示がはみ出てしまい、リストマークが表示されない。
リストマークを表示させる方法は、「style.cssの修正」と、「page.phpの修正」で説明しているので、参照してもらいたい。
携帯版完成例
<?php get_header(); ?>
<!– 中央カラム –>
<div id=”main”>
<br /><br />
<h2>最新のお知らせ</h2>
<div id=”mainlist”>
<?php query_posts(‘showposts=1’);?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; else: ?>
<p><?php echo “お探しの記事、ページは見つかりませんでした。”; ?></p>
<?php endif; ?>
<?php wp_reset_query(); ?>
</div>
<h2>新着一覧</h2>
<div id=”mainlist”>
<ul>
<?php query_posts(‘showposts=10’); ?>
<?php if (have_posts()):while(have_posts()):the_post(); ?>
<li>
<a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_time(‘Y年n月j日’); ?>:<?php the_title_attribute(); ?></a></li>
<?php endwhile; endif; ?>
</ul>
</div>
</div>
<!– / 中央カラム –>
<?php get_footer(); ?>
スマートフォン版完成例
<?php get_header(); ?>
<!– 中央カラム –>
<div id=”main”>
<img src=”<?php header_image(); ?>” alt=”Sample” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”メインイメージ” /><br /><br />
<h2>最新のお知らせ</h2>
<div id=”mainlist”>
<?php query_posts(‘showposts=1’);?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; else: ?>
<p><?php echo “お探しの記事、ページは見つかりませんでした。”; ?></p>
<?php endif; ?>
<?php wp_reset_query(); ?>
</div>
<h2>新着一覧</h2>
<div id=”mainlist”>
<ul>
<?php query_posts(‘showposts=10’); ?>
<?php if (have_posts()):while(have_posts()):the_post(); ?>
<li>
<a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_time(‘Y年n月j日’); ?>:<?php the_title_attribute(); ?></a></li>
<?php endwhile; endif; ?>
</ul>
</div>
</div>
<!– / 中央カラム –>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
コメントを残す