既存のウェブページにwordpressの更新情報を表示する

投稿日:

Pocket

WordPressはブログサイトを簡単に作れます。もちろん固定ページを作成することも可能です。でもhtmlで制作された自分のウェブサイトを持っている場合、そのページも活かしておきたいことがあると思います。

そんなあなたのために、既存のウェブサイトにwordpressの更新情報を表示する方法を説明します。

ココでは既存ウェブサイトのindex.htmlにWordpressの更新情報を表示することを前提にしています。WordpressのサイトURLを

http://blog.example.com

と仮定します。

htmlファイル内でphpを実行する方法についての記事はhtmlファイルの中でphpを使うを参照してください。

既存ウェブページのindex.htmlのhead内に以下のコードを追加します。

<?php require('http://blog.example.com/wp-blog-header.php'); ?>

次に更新情報を表示したい場所に、以下のコードを追加します。

<ul>
<?php query_posts('showposts=10'); ?>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<li><span><?php the_time('Y.m.d'); ?></span><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; endif; ?>
</ul>

‘showposts’の値を変更することで表示する件数を変更できます。 記事があれば設定された回数<li>〜</li>で囲まれたコードを出力してくれます。

これで完了!簡単ですね。

実際にはこんな感じで出力されました。

スクリーンショット 2013-07-29 12.34.48

場合によっては出力される側のサイトのcssファイルを修正して、レイアウトを整える必要があります。

Pocket

カテゴリー:WordPress タグ: , ,

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です