記事を表示させるコードを書くこの方法を使うパターンWordPressを構築する、WordPressでサイトを作る、WordPress化する、など色々な言い方で呼ばれる「ホームページをWordPressで作成する」ということは、WordPressの[テーマ]を作成する、というパターンが多いかと思います。サイトをテーマファイルとして作成し、そのテーマを有効化してサイトを表示するというパターンですね。このテーマ化以外にも、WordPressを引用して使う方法があります。サブディレクトリ内のWordPressを別ディレクトリから引用するこの方法はよく、「静的ページにWordPressの新着記事を表示させる方法」という風に表現されていますね。通常のhtmlサイトは”静的ページ”や”静的サイト”と呼ばれますのでこの呼び方も併せて覚えてみてください^^簡単に言うと同じドメインのサブディレクトリ内に設置したWordPressを他のディレクトリから呼び出す方法です。イメージはこんな感じです。htmlサイトと、WordPressサイトが独立した状態で存在していて、htmlサイトにWordPressサイトの記事を引用している(引っ張ってきている)ような状態。今回は分かりやすくドメイン直下にあるhtmlサイトにサブディレクトリのWordPressを引用する図にしてありますが、別のサブディレクトリから呼び出すのも問題ないです。実際に当サイトがその方法を使っていますので、実例を見ていただけます。このブログのURLはhttps://chiiweb.net/media/です。chiiweb.netのサブディレクトリ[media]にWordPressが存在していて、ドメイン直下chiiweb.netを開くと教室のページが存在しています。教室のページはWordPressとは関係していない独立したサイトです。後に、ブログ([media])を制作しましたので、教室のページにも新着記事として読み込みたいと考えました。このように、mediaに存在するWordPressの新着記事を表示させています。次から実際にどうなっているかを見ていきましょう。静的ページにWordPressの新着記事を表示させるまでの流れ先に流れを説明します。記事を表示させるコードを書くこれだけですね。1.WordPress記事を表示させたいhtmlファイルをPHP化これはもう、そのままで、例えばindex.htmlというファイルにWordPress記事を表示させたい場合は、index.phpに書き換えます。原始的にファイル名を変えちゃってOKです。ファイル名変更で、index.htmlをindex.phpに変更させてください。次に、「このファイルにWordPressで使われるタグを同じように使えるようにするよ」という決まった宣言文を書きます。?>media部分をWordPressが設置されているサブディレクトリ名に変更してください。これをphpファイルの一番上の行に加えてください。html>の上の、一番上です。これを記述することで、WordPressファイルのwp-load.phpを呼び出すことができるので、WordPressテーマで使用するような記述が、このファイルにも使えるようになります。3.記事を表示させるコードを書くあとは、テーマを作るときに使用する、記事を呼び出す記述を該当箇所に書くだけです。わたしがよく使う記述をそのまま貼り付けてみます。href="/media/cat/web-design/">記事一覧へ</a></div></section>mediaセクションをそのまま貼り付けてみました。詳細を簡単に解説していきます。{?>まずこちらです。今から何を表示させるのかの記述ですね。「投稿」つまり新着記事です。‘category__not_in’は、表示させないカテゴリを選択しています。すると、特定のカテゴリのみを出す、ということもできます。表示」とかで検索したら情報がたくさん出ることでしょう!!WordPressテーマに使われるような記述をそのまま使えるということですね。8件出してね!ってことです。{the_post();?>これが入った、次の要素から、繰り返しが始まります。終了の合図は↓こちらです。<li>〜〜</li></ul>こんな感じです。8回<li>が繰り返されます。<li>の中は、アイキャッチ画像と日付とタイトルですね。アイキャッチ画像がない場合は、no-image.jpgが出るようになっています。これで出力されますね。あとはスタイルを書いて整えてあげれば使えると思います。この方法を使うパターン方法は分かりましたが、ではこの方法、実際にどんな時に使うのがベストでしょうか。先ほど例で見ていただいた当サイトのように、サイトとブログが独立している場合に、サイトにブログの更新情報を掲載したい時に使うことができます。WordPressサイトは存在しないようにして、WordPressの機能のみ使いたい場合にも、この方法が使われることも考えられますね。テーマを作るよりもサクッと実装することができますね。ブログなども更新しないし、お知らせとかを表示したいだけで、投稿ページ(singleページ)へのリンクも貼らないような場合。テーマ化する工数を考えると、今回の方法の方が効率が良い、みたいな時に使えますね。ブログを更新したり、読み込んだ記事へのリンクをさせる場合などは、WordPressサイトにリンクすることになるので、テーマも必要になります。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。Δコメントは承認後に表示されます。コメント投稿後元記事のトップに戻ります。Fieldsの使い方WordPressでslickスライダーの下に開く余白はプラグインSmushが原因でした!!WordPress標準カラムを横スクロールにする【CSS】カスタマイズコードtwitterの代わりにWordPressを使って今の気持ちを投稿してみる新規サイト作成時ブログはアメブロとWordPressどちらが良い?プラグインGTranslateを使用してブログに翻訳機能をつけてみた【簡単!】エックスサーバーでのWordPressブログの始め方WordPressでサイトを制作する理由って?Aboutこのサイトは、これからWebデザイナーを志す方の為の、情報発信サイトです。【css】テキストを右から左に流すアニメーションProfileSearch\Instagramでもwebデザイン情報発信中/このサイトについてプライバシーポリシーサイトマップ©chiiweb.net。