WordPress以外のサイトでWordPressのタグを使う方法

2013.11.05 WordPress
WordPress以外のサイトでWordPressのタグを使う方法

htmlで構築した通常のWebページでWordPressのタグを使用する方法です。すでに運営が開始されているhtmlで構築されたホームページにWordPressでブログを増設するときなどに便利です。

ホームページ全体をWordPressに置き換えるのであれば必要のない方法ですが、納期に余裕がなかったり、現在あるページのURLを変えたくない場合などは、従来のページを残しつつブログの部分だけWordPressで動かすことになります。

そういった場合に、ブログ更新情報をhtmlで作成したページに一覧表示する必要が出てきます。RSSを取得して表示しても同じ結果になるのですが、やり方のひとつとして覚えておきたいところです。

htmlファイルをphpファイルにする

トップページ(index.html)にブログの更新情報を表示する場合を想定して進めていきます。まず、index.htmlの拡張子.htmlを.phpに書き換え、htmlファイルをphpファイルに変換します。

wp-load.phpを読み込む

その後、DOCTYPE宣言の直上に下記のようにコードを追加します。

<?php require_once('./wp/wp-load.php'); ?>

WordPressのファイル内にある「wp-load.php」というファイルを読み込みます。パスはあなたのディレクトリ構成に合わせて書き換えてみてください。

WordPressのソースを追加する

WordPressの記事一覧などを取得するためのソースを、表示させたい箇所に追加します。

<?php require_once('./wp/wp-load.php'); ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ブログ記事一覧表示</title>
</head>
<body>
<ul>
<?php
$posts = get_posts('numberposts=10&category=3');
global $post;
?>
<?php
if($posts): foreach($posts as $post): setup_postdata($post); ?>
<li><a href="<?php the_permalink();?>">
<?php the_title(); ?>
</a></li>
<?php endforeach; endif;
?>
</ul>
</body>
</html>

僕の場合、特に理由がない限り全体をWordPressで構築してしまうのであんまり使いどころないんじゃないかと思っていたんですが、最近立て続けに同様の案件が続いたので備忘録として。

WordPressテーマ『HIGHLAND』公開しました

WordPressテーマ『HIGHLAND』を公開しました

このブログで紹介しているカスタマイズを、これでもかと盛り込んだ高性能なテーマになっております。商用・非商用問わず無料、是非ご利用ください。

ブログ集客メール講座登録フォーム

「売上が不安定で、月末になるといつも不安……」
「営業が苦手で新規開拓がうまくいかない……」
「Webが苦手でブログをうまく活用できない……」

個人起業家・フリーランスのあなた、こんなお悩みはありませんか?

実は僕も、独立して最初に直面したのが「集客」の壁でした。

しかし今は、1年の大半をベトナムで過ごしながら、フリーランスのWebディベロッパーとして生計を立てています。

僕がなぜ、時間・場所・人間関係に縛られずに暮らせるようになったのか?

その答えは「ブログ」にあります。

今なら、「初心者の人が成果を上げるため」のブログ集客ノウハウを、メール講座限定でお伝えします。

興味のある人は、今すぐ以下から登録【無料】を!

ブログ初心者が生き残るためのブログ集客メール講座

柴田竹思

柴田竹思

日本&ベトナム二拠点生活中のWeb系フリーランス。最近は育児6:仕事4のバランスで生活してます。これでもかってくらい奥さんの尻に敷かれてる座布団系男子です。

プロフィールはこちら