タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
「ブログ部分だけをWordPressで実装したい・・・」 「お問い合わせフォームだけをWordPressで実装したい・・・」 っていう時の、WordPressを静的HTMLサイトに部分的に組み込む方法です。 WordPressを静的HTMLサイトに部分的に組み込む方法 WordPressを静的HTMLサイトに部分的に組み込む時の流れです。 WordPress一式用のフォルダを用意 index.htmlがトップページのファイルだとしたら、同じ階層にWordPressのファイル一式を格納するためのフォルダを用意してあげます。 この記事では例として、/wp/という名前で作ります。 ここにWordPressのファイルを一式ドカっといれて、インストールしてあげましょう。 そしていつもの手順どおりにWordPressをインストールしてあげます。 参考：WordPressのダウンロード先はこちら → ダ
携わるタスク HTMLで作られたサイトを、WordPress化する 記事を書いた理由 今日、既存のHTMLサイトをWordPressサイトにする案件に携わった際に参考にしたいサイトをまとめました。 参考1 2015年6月23日 5:01 PM [HTMLサイトをWordPressに移行する手順のまとめーその１] HTMLサイトのコピーをローカルに作成 HTMLファイルを整理する HTMLファイルとWordpressテンプレートとの対応を考える WordPressテーマの基本的なファイルを作成 元のHTMLファイルをパーツ化しWordpressテンプレートファイルに移行 htmlの一部をphpコードに置き換える style.cssとfunctions.php WordPressテーマをzip化し、アップロード この後の作業をリストアップ 参考2 2015年7月17日 11:57 [HTMLサ
EJSとは Embedded JavaScript templating. 埋め込みJSテンプレートということらしく、HTMLを構築するときに、パーツ化、変数化をJavascriptを書くことができます。 PHPとかCMSとか使えない静的なHTMLの構築のときに、Dreamweaverのテンプレートみたいなことがgulp環境化で実行できるので、とても便利です。gulp下でできるので、いつもつかっているSassとかと組み合わせると静的HTMLのコーディングがとてもラクになります。 静的なHTMLサイトを構築するときに、EJSをつかうとヘッダ・フッタの共通パーツを一つのファイルで管理できたり、それでいてタイトルやmeta要素などをページごとに変えたりとかできるので便利です。 なによりJavascriptなのでWeb（とくにフロント）の人にはいじりやすいのではないかと思います。 Webサイト構築
はじめに WordPressはページにアクセスするとPHPが動作してDBからデータをとってきて ページを都度都度作成してくれます。 そんなWordPressで作成したページでも、静的ページにしたいというときがありますよね。 もう少し具体的にいうと… AWSにEC2とS3を用意して、EC2にWordPress、S3に記事のHTMLを置いて、S3を公開したいというときがありますね。 ありますよね？ 今回はそんな時にWordPressで使用するWordPressのページを静的HTMLにしてくれるプラグインについて書きます。 同時に実際に使用したプラグインWP2Staticの感想も添えてみます。 メリットデメリット このWordPressの静的HTMLを生成してS3で公開することのメリットデメリットを考えてみました。 メリット HTMLなので、読み込みが速い（PHPを挟んでいない） S3にWord
GulpでPugの環境を構築する方法です！ 同列に語られがちなHTMLのテンプレートエンジンであるEJSと近いかと思いきや、意外とDreamweaverのテンプレート機能と近いという感覚でした。 使えるようになれば、静的なHTMLサイトの構築が楽になるのは間違いないので、時間がある時にでも触ってみてください。
WordPressの記事を静的HTML化しS3+Cloudfrontで静的Webホスティング(+認証) - Photosynthesic blog
こんにちは、やすです。 ブログを書くのは何年ぶりかな。。 WordPressはPHPで動的に動作する為、大量なアクセスを捌く為には色々な工夫が必要になります。 そのため、Wordpressの記事をS3+Cloudfrontで静的ホスティングは有効な手段の一つかと思います。 但し、この場合、静的HTMLとなるため、セッション認証のような認証機構を使う事が出来ません。 それを解決する為にCloudfrontの署名付きCookieを利用したサイトを構築しました。 全体の流れは下記のような感じですので、詳細はそれぞれ説明していきます。 WordPressの記事を静的HTMLとして出力出力した静的HTMLをS3へのアップロードS3に配置した静的HTMLをCloudfront経由で配信認証機構をもたせる為にCloudfrontの署名付きCookieを利用 WordPressの静的HTML化(プラグイン
静的htmlサイトの一部でWordPressを利用する方法
サイトの一部分だけをWordPressで運用したり、既にある静的なhtmlサイトにWordPressでブログを追加したりするときの方法を紹介します。 静的htmlサイトの一部のページでWordPressを利用するときのファイル構成例 下の図のようなファイル構成の場合を例にして手順を紹介していきます。 WordPressは「wp」フォルダの中にインストールします。 また、サイトのURLは「https://sample.com/」とします。 静的htmlサイトの一部のページでWordPressを利用するときの手順 それでは、実際の手順を紹介していきます。 1.WordPressのインストール WordPressで利用するデータベースを準備して、「wp」フォルダにWordPressをインストールします。 2.サイトアドレス（URL）の設定 WordPressの管理画面メニューの「設定」→「一般」
この記事は約 16 分で読めます。 制作・開発はWordPressで行いたいけど「静的なHTMLソースが欲しい」というケースはけっこうあると思います。 サーバーにインストールしたWordPressディレクトリを見ても、○○.htmlといったHTMLファイルは見当たりません。 WordPressでウェブサイトを制作する場合、基本的に静的なHTMLは出力されず、ユーザーがページにアクセスする度にDBを経由して動的にページが表示される仕組みになっているのは既知の通りかと思います。 ではどんなケースで「静的HTMLがあったらいいな」と思うかと言えば、、、 WordPressサイトをまるごと静的HTML化したい時 制作途中の画面確認用HTMLとして テンプレートからページを量産するためのHTMLジェネレーターとして 上記例に挙げた以外でも、WordPressで作ったサイトの静的HTMLデータが欲しい
![[Simply Static]WordPressで静的HTMLを生成する方法【便利な使い方から注意点も解説】](https://cdn-ak-scissors.b.st-hatena.com/image/square/0feb79f3ebe6f87fa05a62e3767d2210952782bd/height=288;version=1;width=512/https%3A%2F%2Fdis-play.net%2Fwp-content%2Fuploads%2F2019%2F07%2Fmax-felner-_yrCYuCjMYo-unsplash.jpg)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressを静的HTMLサイトに部分的に組み込む方法 | HPcode（えいちぴーこーど）
【今日から携わる】既存の静的HTMLサイトをWordPress化するHowToサイトのまとめ - Qiita
EJSとSassとgulpで静的HTMLサイトを作る - Qiita
WordPressから静的HTMLを生成するプラグインを調べた - Qiita
GulpでPugの環境を構築！静的HTMLサイトを効率的に作ろう | HPcode（えいちぴーこーど）
[Simply Static]WordPressで静的HTMLを生成する方法【便利な使い方から注意点も解説】
forbesjapan.com
x.com
note.com/tomokiuchino
www.yomiuri.co.jp
b.hatena.ne.jp
www.chikanonbe.com