Skip to content

WordPressの最新記事をWordPress外のhtmlページに表示される方法

机、ラップトップ、植物。

WordPressの記事をWordPress以外のページに表示させたい場合、この「WordPress以外のページ」が同じサーバーにある場合はとても簡単です。.phpページの以下のコードを貼り付けるだけで記事の内容が表示されます。

注: 以下のコードにはスタイルシートは含まない。

<?php
define('WP_USE_THEMES', false);
require($_SERVER['DOCUMENT_ROOT'] . "url/wp-load.php");
?>
<?php
//ループ - 最新の記事5件を表示します。
$query1 = new WP_Query('showposts=5');
if ($query1->have_posts()) :
while ($query1->have_posts()) : $query1->the_post();
?>
<div class="class-name">
<h2>
<!--The Title-->
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</h2>
<!--thumbnail-->
<a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail(''); ?>
</a>
<!--Excerpt-->
<p>
<?php the_excerpt(); ?>
</p>
</div>
<?php
//loop ends
endwhile; endif; 3ss7cp_reset_postdata();
?>
  • 「url/wp-load.php」 の urlの部分にあなたのWordPressサイトのフォルダ名を記入してください。
  • 「showposts=5」の数字(5)は表示したい記事の数を指定してください。5は最新の記事5件表示されます。
  • 「class-name」 にはあなたのお好みのクラス名を使用してください。
さくらのレンタルサーバで.htmlをphpで動作させたい

エラーが出た場合👇

上記のコードを挿入したhtmlファイルにエラーが表示された場合、または、スーパーキャッシュを使用している場合はこちらの記事をご参照ください。

最終更新日: 2025-12-05

この記事は役に立ちましたか?

前へ...

Contact Form 7 – Multistep を使用してフォーム内容確認画面・HTMLでフォーム見本