WordPressを静的HTMLにしてみる話

WordPressを静的HTMLに してみる話

Hello!! Name : 遠藤 進悟（たぬき） フリーランサー（たぬきのWeb万屋） フルリモートワーク（静岡県富士宮市在住） contact me at URL: https://wp-t.net/ SNS(X): @TanukiCTO

• https://wp-t.net/

Community!! ● ● ● ● ● ● WordCamp Tokyo 2013 - 2019 ･ 2023 スタッフ WordCamp Tokyo 2015,2023 スピーカー WordPress Mega Meetup 2022 Fall スピーカー Shizuoka WordPress Meetup 共同オーガナイザー OSC浜名湖出展 WordPress Contribution History ○ ○ ○ ○ Meetup Organizer WordCamp Organizer WordCamp Speaker Plugin Developer

Works!! ● WordPressの設計・構築・保守・コンサルティング ● VPS/クラウドの設計・構築・保守 ● WordPressのスポットカスタマイズ ● 制作者・制作会社メンター、サポート etc...

Points!! ● 質問があったら流れをぶった切ってでも質問して ● 声出しにくかったらzoomのチャットでも挙手でも ● 試すだけならデフォルトのサイトでも試せるので、環境 用意できてなくても焦らず ローカルでもできます 思ったより参加者が多くてびっくり ● ●

WordPressを静的HTMLに したことありますか？

1 なんでわざわざ静的HTMLにするのか メリット・デメリットをざっくりと紹介

メリット ● Webサイトの表示が早い ● 公開サイトはWordPressじゃないのでログインアタックとか されない ● 公開環境では基本的にアップデートとか考えなくていい ● 対応できるサービスが多い

デメリット ● PHPによる動的な操作ができない ○ お問い合わせフォーム ○ 閲覧ランキングみたいなもの ○ 会員系のもの ● 利用できるプラグインが限られる ● ページ数が多くなると生成とデプロイの処理に時間がかかる

なんで自分のサイトで使ったのか ➔ なんかおもいついておもしろそうだったから！ レンタルサーバーを使い倒してみようという考えのもと、どれだけ早く表 示できるか考えた結果、静的HTMLがやっぱ早いだろという考えに至 り、しかもお問い合わせフォームはCRMのもの使おうとしてたので、ちょ うどええなって…

お問い合わせフォームどうする問題 ● CRM（hubspotとかZohoとか）をつかう ● Googleフォームなどのフォーム用のサービスを使う ● プラグインの有料版を使う ● 別でコーポレートサイトとかあるならそっちに飛ばす ● そもそもお問い合わせを置かない

2 具体的な方法 プラグインとか実画面とかの紹介

静的HTML化プラグイン ● Staatic（今日はこれ） ○ ● Simply Static ○ ● https://ja.wordpress.org/plugins/staatic/ https://ja.wordpress.org/plugins/simply-static/ StaticPress2019 ○ https://ja.wordpress.org/plugins/staticpress2019/

• https://ja.wordpress.org/plugins/staatic/
• https://ja.wordpress.org/plugins/simply-static/
• https://ja.wordpress.org/plugins/staticpress2019/

Step 1. 静的HTMLにするための修正をする Step 2. プラグインを入れて設定する Step 3. 生成＆出力

というわけで、手を動かす時間です

Thanks!! contact me at @TanukiCTO