Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Shfterの基本:ShifterとLightningテーマを使ってWordPressで安全な...

 Shfterの基本:ShifterとLightningテーマを使ってWordPressで安全な静的サイトを作ってみよう!

ShifterとLightningテーマを使ってWordPressで安全な静的サイトを作ってみよう!
https://vektor.connpass.com/event/193768/

DigitalCube Inc.

November 10, 2020
Tweet

More Decks by DigitalCube Inc.

Other Decks in Technology

Transcript

  1. Agenda • デジタルキューブについて • Shifter とは? • Shifter Static で

    WordPress を使ってみよう! • Demo • Shifter Static の便利な機能
  2. 株式会社 デジタルキューブ • AWS Advanced Technology Partner • WordPress ホスティング,

    制作, 保守, コンサルティング • OSS への貢献とコミュニティへの参加・支援 ◦ 提供 WordPress プラグイン:100+ ◦ プラグインダウンロード数:200万+ ◦ WordCampでの登壇:70+ ◦ Shifter コミュニティイベント支援プログラム:16
  3. Shifter Static の特徴 • Lightning など使い慣れた WordPress サイトをワンクリックでHTMLに変換 • サーバーの知識がなくても強固なセキュリティと高い性能を持ったホームページ

    が作れる • サーバーやWordPressのメンテナンスを自動化しているため、安心してホーム ページの運営だけに集中できます
  4. 高性能なWordPressサイトを全ての人に • 世界100拠点以上の CDN • HTTP/2 対応 • IPv6 対応

    ※ サイトが予めHTMLになっているので、都度ページを生成するよりも速度が速くなる
  5. こんなサイトに最適 • 会社, 店舗, 非営利団体, サークルなどのホームページ • 商品カタログサイト • 催事やイベント,

    マーケティングサイト • 採用サイト 注:複数人で頻繁に更新が必要なメディアサイトなどは通常の WordPress の利用を
  6. Shifter Static を使ったサイトの公開方法 1. Shifter 管理画面にログイン 2. WordPress を起動 3.

    記事を投稿 4. サイトの静的化 (Generate)を実行 5. 静的化されたサイト (Artifact) を公開
  7. Shifter の管理画面 1. アカウント管理 2. サイトごとの設定メニュー 3. WordPress の起動・停止やアクセス 4.

    サイトの URL や基本情報 5. PHP エラーの管理 6. PHP エラーがある場合の確認画面 7. WordPress サイトの静的化メニュー
  8. Shifter Static の仕組み PHP, MySQL, Web Server HTML, CSS, JavaScript

    テーマやプラグインの問題で PHP エラーがあってもサイトはダウンしない サイト訪問者
  9. サイト制作時のポイント • PHP の動作が必要な機能は JavaScript で動作するよう置き換え • お問い合わせフォーム -> Google

    フォームなどに置き換え • サイト内検索 -> Algolia などを活用 SaaS活用でサーバーや個人情報の管理を不要にし、ユーザー体験を向上