現役エンジニア・デザイナーの備忘録ブログ

2021.3.10 / 更新日: 2022.1.10
Wordpress

【wordpress】デモページを作成する方法

やりたいこと

  • wordpressの投稿記事にサンプルのデモページを作りたい

プログラムの実装について、サンプルのページを用意したいときがあると思います。

フォルダのアップ場所、作成したサンプルページのurlについて説明していきます。

手順

  • サンプルコードを書いたファイルをまとめたデモ用のフォルダを作る
  • サーバーにデモ用のフォルダをアップする
  • urlを打ち込んで確認

 

アップする場所は
サイト名.com>public_htmlの中です。
作成したデモ用のフォルダをまるごとアップして完了。

※環境はXserverで、サイバーダックを使っています。

 

urlは、サイト名/デモ用に作成したファイル名となります。(public_htmlはurlに含めない。)
複数サンプルページを作る場合は、デモ用フォルダの中に新しいフォルダを追加していきます。
当サイトを例に挙げます。

 

【wordpress】デモページを作成する方法

demoがデモ用のフォルダで、その中に複数サンプルページのフォルダを作成しています。
例えばlightboxのサンプルページのurlは以下のようになります。
https://shiroi-ponzu.com/demo/lightbox/

 

以上でサンプルページの作成は完了です。お疲れさまでした。
 

関連記事