WordPress + WP2Static で静的サイトを生成する

2019-11-25
wordpresscmswp2static
    

目次

概要

WP2StaticはWordPress から静的サイトを生成するプラグインです。

https://wp2static.com/

これまで同じく静的サイトを生成する「StaticPress」や「Simply Static」などを試しましたが、動作の安定感や開発の頻度から最終的にWP2Staticに落ち着きました。\nインストールはプラグインの新規追加から検索してインストールする事ができます。

クイックスタート

プラグインからWP2Staticを選択します。

「Where will you host the optimized version of your site?」から出力形式を選択します。

  • Subdirectory on current server
  • ZIP archive
  • Amazon S3
  • Bitbucket
  • BunnyCDN
  • GitHub Pages
  • GitLab
  • Netlify
  • FTP

設定情報などを入力後「Start static site export」を押下し生成を開始します。

「Save current options」で入力した設定情報を保存できます。

URLに非ASCII文字が存在する場合デプロイに失敗するようです。

https://forum.wp2static.com/-12/known-issues-incompatibilities

保存対象URLの補完

WP2Staticでは保存対象のURLを自動的に探索しますが、一部のURLは検出されません。任意のURLのページを含めたい場合は、次の画像のようにパスを入力して生成対象に追加する必要があります。

    
s-yoshiki
s-yoshiki
githubtwitterqiita
Web作ってますが、インタラクティブなプログラミングも好きです。
JavaScript / Vue / node.js / PHP / AWS / OpenCV

関連記事

WordPressやめます Gatsbyに移行しました
これまでのWordPress運用 なぜWordPressを捨てるのか? なぜGatsbyを利用するのか? gatsbyについて WordPressから記事の救出 移行対象記事の抽出 記事の置換 Gatsbyテーマの作成 Gatsby…

WordPressのDBから記事データを抽出する
WordPressのDB関連図 公開記事一覧の取得 タグ・カテゴリの取得 サムネイルの取得 おまけ: PHPスクリプト化しました 参考にしたところ WordPressにため込んだデータMarkdown化しGatsby…

WordPressを静的サイトに変換するプラグインの紹介。WP2Static
静的化の目的 WP2Static StaticPress Simply Static 3つを比較して WordPressを静的化するプラグインとして、simply staticやStaticPress、WP2Static…

WordPressをAmazon S3 + CloudFront構成で月額200円で運用
システム全体の この構成のメリット・デメリット AWSの構成 静的ページを作成するWordPressプラグイン WP2Static WP Offload Media Lite WordPress on Docker環境 まとめ AmazonS…

AWS EC2 + Bitnami で始める WordPress
Bitnami WordPressを使うメリット 個人的に感じた3つのメリット Amimoto AMI と比較して Bitnami AMIについて Bitnami WordPressの構成と設定 サーバの構成 各種設定 MySQL WordPress Apache…

Ubuntu18.04にApache MariaDB PHP7.2 をセットアップ
環境情報 モジュール類の更新 Apacheのインストール PHP7.2のインストール インストール 動作確認 MariaDBのセットアップ MariaDBのインストール データベースと作業用ユーザの作成 参考 AWS の EC2 の Ubuntu18.0…

技術ブログが月間1万PVに達しました
現時点でのブログのステータス 書いた記事 ブログ開始からのアクセス数推移 注目を集めた記事 アドセンス まとめ 技術ブログを書き始めて1年半が経過しましたが、やっと1万PVに達することができました。 この達成までに書いた記事数は15…

フラットファイルCMS「Grav」をドキュメントールート外にインストールする
Gravのインストール Gravのクローン 公開領域の設定 https://tech-blog.s-yoshiki.com/2019/01/984/ フラットファイルCMS「Grav…

フラットファイルCMS Grav に管理ページの追加と日本語化
検証環境 管理機能の導入 Gravのアップデート adminのインストール 日本語化 https://tech-blog.s-yoshiki.com/2019/01/984/ ファイルベースで動くPHPのCMS「Grav…

ファイルベースで動くPHPのCMS「Grav」の紹介とインストールとセットアップまで
Gravについて 他のCMSの比較 環境 インストール Gitでのインストール PHPビルトインサーバで起動する Apache + Linuxで起動する Apache パーミッションの設定 トラブルシューティング Flat-File CMS(RDBMS…

最新の投稿

SQL整形ツールを作成した
特徴 使い方 FW/ライブラリ等 nuxt sql-formatter-plus Monaco Editor おまけ ソース SQL整形ツールを作成しました。 URLはこちらです。 SQL…

ファイルの1行目を表示 Linuxコマンド head
head コマンド例 headコマンドでファイルの 1行目もしくは指定した行数だけ表示する方法。 head 利用できるオプション コマンド例 の 1行目だけを表示 の 5行目までを表示 カレントディレクトリ以下の全てのtxtファイルの1行目を表示

Amazon S3 と ローカルファイルのチェックサムの比較
s3apiでEtagを取得 検証 マルチアップロード時の注意点 Amazon S3 の Etagを使ってファイルの整合性チェックをする。 s3apiでEtagを取得 S3 APIを利用するとEtagを取得します。この値はmd5のハッシュ値になります。 検証 MD…

github.io / gitlab.ioで公開されている質の高い技術ドキュメント
AWSによるクラウド入門 Pythonプログラミング入門 普通の人が資産運用で99点をとる方法とその考え方 2018年の段階で私が知らないこと github.io / gitlab.io で無料で公開されている興味深いドキュメントのmemo AWS…

10進数から2進数 2進数から10進数への変換 JavaScript
10進数から2進数 2進数から10進数 テスト 10進数から2進数、2進数から10進数への変換を行うJavaScriptのコードの紹介。 JSの場合、10進数から2進数への変換はメソッド。2進数から1…

JavaScriptの配列ショートハンド (AtCoder用)

JavaScriptでワーシャルフロイド法を実装
AtCoder ABC012 D問題 D - バスと避けられない運命 解説 実装 AtCoder ABC012 の D問題でワーシャルフロイド法が利用できる問題が出てきたので、 JavaScriptで実装しました。 AtCoder ABC012 D問題 D…

GitHub Actions で Gatsby をビルドし Amazon S3 にデプロイする
GitHub Actions について あらかじめ準備しておくもの AWS IAM ユーザを環境変数にセットする workflowの記述 ビルド バッジを利用する 終わりに 参考にしたところ Gatsbyで作った静的サイトを、GitHub Actions…

cloudinaryによる画像ファイルの管理 はじめてみる
目的 cloudinary について 他のサービスとの比較 料金プラン アカウントの登録 利用してみる ダッシュボード 画像の編集 APIベースでのアクセス 感想 参考 画像の管理や配信、さらには加工といった事ができるsaas型のcloud…

JavaScriptによる2分探索(バイナリサーチ) のサンプルコード
2分探索について ソース 参考 JavaScriptで2分探索(バイナリサーチ)を実装してみました。…

Tags

Dates

© 2020   404 motivation not found