ハピタス

ワードプレスでトップページの作り方について【Q&A】

更新日:2015年10月27日(火) 08:11

こんばんは、たけしです。

今回はワードプレスのブログのトップページの作り方について質問もらったんで返答していきます。

【質問】

こんにちは。
最近たけしさんを見習ってブログを始めました。

そこで質問ですが、現在WPを利用して、記事を書いています。

私のブログの場合、投稿した記事が1ページにすべて表示されてしまうため、一番下の記事まで辿り着くまでに時間がかかってしまいます。

たけしさんのブログの場合、投稿記事のタイトルだけが表示されて、それをクリックすると内容に飛べることができる。
私もたけしさんのブログのように、投稿記事のタイトルだけが表示されて、これをクリックすると内容に飛ぶことができるようにしたいのですが、どうすればよろしいでしょうか。

説明下手で申し訳ありませんが、よろしくお願いします。

【返答】

こんばんは。

2-9伝説のブログの場合は、トップページなどで複数記事を表示させる時に、本文や抜粋文を表示させないようにしてます。
PCもスマホも両方そうしてますね。

つまり、タイトルだけを表示させ、そのタイトルに個別記事へのリンクを付けています。

こうやって余計な文や画像を表示させないことによって、トップページの読み込み速度を上げ、ユーザビリティの向上、SEO対策を行ってます。

トップページで本文も表示されているようなら、index.phpに

<?php if(have_posts()): while(have_posts()): the_post(); ?>
 
<h2><?php the_title(); ?></h2>
<?php the_content(); ?>
 
<?php endwhile; endif; ?>

というような感じで表記されてると思います。

<?php the_content(); ?>を外し、<?php the_title(); ?>に対して個別記事へのリンクを付けてやる。

つまり…

<h2><?php the_title(); ?></h2>
<?php the_content(); ?>

</h2><a href="<?php the_permalink(); ?><?php the_title(); ?></a></h2>

という風に変更してやれば、本文を表示させずに、個別記事へのリスト化が出来るはずです。

…ちょっと難しかったですかね?w

参考リンクだとここら辺が初心者には参考になるかもしれません。
http://mypacecreator.net/blog/archives/642/4

phpやhtmlをいじってブログを思い通りに作り上げるには多少の勉強が必要です。

この辺はネットビジネス・ブログアクセスアップ専用サイトの「29college」の方で、動画なども混ぜて教えています。

初心者も自分のペースで勉強できると思うんで、興味があったら見てみて下さい。

29college

ハピタス

更新日:2015年10月27日(火) 08:11

コメントを残す

コメント