新着記事を表示するPHPをサイトに実装するための手順です。
フロントページに固定ページを使用し、そこに新着記事を表示するためのPHPを用意しました。
関連:【WordPress】固定ページをフロントページ(トップページ)に設定する【超初心者】
関連:【WordPress】フロントページ(トップページ)に新着記事を表示する【PHP・CSS】
あとはこれを使用すれば新着記事が表示されるのですが・・・
PHPの使い方が分からない・・・
まさかのところで躓いてしまいましたが、何とかサイトに実装することができました。
今回はPHPファイルの作成と、ファイルをサイトで使用できるようアップロードする方法を紹介します。
PHPファイルの作成
PHPファイルは「メモ帳」で作成できます。
メモ帳に、使用したいPHPを貼り付けましょう。
名前を付けて保存をする際にポイントがあります。
ファイルの種類を「すべてのファイル」にします。
そしてファイル名の拡張子を「.php」にします。
これでPHPファイルが完成です。
エックスサーバーWebFTPにアップロードする
作成したPHPファイルをサイトで使用できるようにしていきます。
FTPとは?
初めて見る言葉は、まず検索するところから始めます。
「FTP」で検索です!
File Transfer Protocol(ファイル・トランスファー・プロトコル、FTP、ファイル転送プロトコル)は、ネットワークでファイルの転送を行うための通信プロトコルの1つである。
・・・何だって?
よく分からなかったのですが、ザックリまとめておきます。(全然正確ではないかもです。)
FTPとは、ファイルを置いておいて、サイトを表示する際にそのデータを送ってくれる仕組み
こんな感じだと思います。(違うかもです。)
ひとまず、サイトで使用するファイルはFTPにアップロードしておく必要があることは分かりました。
FTPを使用するには
調べると、FTPを使用するためのソフトが必要ということが出てきます。
しかしエックスサーバーを使用している場合は、ソフトを探さなくてもFTPを利用できます。
関連:【エックスサーバー】初心者がXserverを選ぶべき10個の理由
関連:エックスサーバー(Xserver)の申し込み方法とキャンペーンドメインの取得
エックスサーバーでFTPを使用する準備は、以下のサイトを参考にさせていただきました。
準備が出来たらPHPファイルのアップロードを行っていきます。
エックスサーバーWebFTPにファイルをアップロードする
ファイルのアップロードを行っていきます。
アップロード先がどこか分からず結構迷うので、しっかり記録しておきます。
エックスサーバーのインフォパネルからファイルマネージャにログインします。
<追記>
エックスサーバーのアップデートにより、画面の見た目が下のように変更になっています。
操作手順は全く同じなので、そのまま進めて問題ありません。
ファイルをアップロードしたいドメインを選択します。
不器用ド貧乏日記のドメインは「bukidobi.com」です。
「public html」をクリックします。
「wp-content」をクリックします。
「themes」をクリックします。
次は「サイトで使用しているテーマ」をクリックします。
不器用ド貧乏日記は「travelify」を使用しています。
これでやっとPHPファイルをアップロードする場所に到着です。
早速アップロードしていきます。
画面右側の「ファイルの選択」ボタンをクリックし、作成したPHPファイルを選択します。
選択できたら「アップロード」ボタンをクリックしてアップロードします。
アップロードが完了すると、一覧にアップロードしたファイルが表示されます。
以上でアップロード完了です!
WordPressで確認する
アップロードしたPHPファイルは、WordPress上で確認・編集ができます。
「外観」の「テーマの編集」をクリックします。
右側に先ほどアップロードしたPHPがあるはずです。
編集したくなった場合は、こちらから編集していくことになります。
アップロードしてもうまく動かない場合
想定している動きをしない場合はPHPが間違っている可能性があります。
まずは内容を確認して、修正があれば編集してみましょう。
自分でどこが間違っているか分からないときは、詳しい人に聞いてみるのが一番いいです。
まわりに詳しい人がいない場合は、エンジニアが無料で答えてくれるサイト「teratail(テラテイル)」を利用してみましょう。初心者に優しいプログラム系の質問サイトです。
関連:プログラム系質問サイト「teratail(テラテイル)」が初心者に優しすぎてスゴイ
今回のまとめ
エックスサーバーWebFTPへのファイルのアップロード手順を記録しました。
FTPソフトを探す必要がないため、エックスサーバーにしてよかったと思いました。
アップロード先が複雑で、どこにアップロードすればよいのかが分からず苦労しました。
これでPHPが使えるようになったので、色々なことが出来るようになりましたね。
PHPができないですけどね!
せっかく使用方法が分かったので、PHPの勉強にも挑戦してみようかと思います。
ここまでお読みいただき、ありがとうございました。
関連:プログラム系質問サイト「teratail(テラテイル)」が初心者に優しすぎてスゴイ
関連:知識ゼロからホームページ作成・公開するまでの手順と公開後の作業まとめ<画像付き>
WordPressユーザーのためのPHP入門 はじめから、ていねいに。[第2版]