HTMLをWordPress化するときの実装から公開までの手順がよく分かる解説書 -HTMLサイトをWordPressにする本

HTMLベースのビジネスサイトをWordPress化する手順をていねいに詳しく解説した解説書を紹介します。

HTMLやCSSのコードをどのようにWordPress化するのか、コンテンツに合わせたテーマファイルの構成方法、さまざまな要素のコード化、WordPressならではの条件分岐や機能の使い方、そしてローカル環境での開発方法、本番環境への移行方法(SSL化なども)まで、最新のWordPressに対応した実装から公開までの手順がよく分かります。

HTMLサイトをWordPressにする本

著者は「Webデザイン良質見本帳(紹介記事)」でお馴染みの久保田 涼子氏をはじめとするデジタルハリウッドSTUDIO講師の3人。本書を読めば、HTMLで実装されたサイトやブログを迷うことなくWordPress化できるようになると思います。

HTMLサイトをWordPressにする本

HTMLサイトをWordPressにする本
ISBN 978-4-8026-1421-4
[Amazonでみる]
[楽天でみる]

著者: 久保田 涼子、西原 礼奈、阿諏訪 聡美
出版社: ソシム
発売日: 2023/8/26

本書は先日発売されたばかり、Kindle版も発売されています!

書籍版・電子書籍版ともに豪華な特典がついているのも嬉しいですね!

  • デザインのFigmaデータ
  • WordPressサイトの完成データ
  • 目的別プラグイン逆引き辞典
  • WordPress更新マニュアル例
  • ブロックエディターの使い方
  • 応用編の動画教材

版元様より許可をいただいたので、紙面のキャプチャを少しだけご紹介。

紙面のキャプチャ

本書は13章構成で、HTMLサイトをWordPress化するための準備段階から本番環境でのサイト公開まで、ていねいに分かりやすく解説されています。

紙面のキャプチャ

第1章はWordPressの基礎知識、第2章はWordPress化するための事前準備。ファイル構成やHTMLのコードをWordPressに変換しやすい状態にしておきます。

紙面のキャプチャ

WordPressはPHPで動作するため、ローカル環境で開発するにはLocalなどのツールが必要となります。Localがはじめての人でも大丈夫、本書ではインストール方法から設定・操作方法まで解説されています。

そういえば、日本で最初にLocalを取りあげたのは、当ブログでした。

紙面のキャプチャ

本書でWordPress化するのは、企業サイトです。トップページ、お知らせ、お問い合わせ、会社概要など、一通りのコンテンツが揃っています。

紙面のキャプチャ

HTMLサイトをWordPress化するための最初のステップは、設計です。各ページのコンテンツがどのように更新されるのか、ページを追加したら一覧に自動的に追加されるなどを把握しておきます。

紙面のキャプチャ

各ページにどのような機能が必要かが分かれば、次はそれらをどのように実現するか。WordPressのテーマファイルの構成を考えます。WordPressでは1つのファイルで複数のページが生成でき、複数ページにまたがる共通パーツを1つのファイルでまとめて管理もできます。何百ページもあるWebサイトを10個くらいのファイルで生成することもできます。

紙面のキャプチャ

サイトに必要な機能(ナビゲーション、パンくず、お問い合わせのフォーム、SEO施策、セキュリティ対策、バックアップなど)は、プラグインが必要になります。本書では目的別にお勧めのプラグイン、導入する際の注意点、プラグインを使用しないでも実装できる機能などが解説されています。いろいろな視点で解説されているので、不明点も解消されると思います。

紙面のキャプチャ

第4章から第10章は、HTMLファイルをWordPressのテンプレートに変換して、WordPressのオリジナルのテーマファイルを作成していきます。サイト内の各ページ・コンテンツごとに章が分かれています。

紙面のキャプチャ

HTMLをWordPress化するのは、いくつかのポイントを知っておくと簡単にすいすいできます。

紙面のキャプチャ

各ページごとに最初に使用するテンプレートを確認し、コンテンツや機能に合わせて実装していきます。

紙面のキャプチャ

各ページの実装はステップごとに詳しくていねいに解説されているので、迷うことはないと思います。

紙面のキャプチャ

各ページの作成が完了したら、Localで作成したWordPressのデータを本番サーバーに移行します。と言っても特に難しいことはなく、注意点はリンクやファイルのパスくらいでしょう。

紙面のキャプチャ

本番サーバーでの設定も詳しくていねいに解説されているます。本書ではさくらサーバーを例に、データのアップロード、ドメインの設定、SSLの設定、アクセス制限、スパム対策など、漏れなく分かります。

紙面のキャプチャ

本書の付録も非常に便利なコンテンツが揃っています。最新のWordPressに対応したテンプレートの種類と役割をまとめたチートシートは、テーマファイルを作成するときに必須です。

紙面のキャプチャ

さらに、WordPressでよく使用されるコードがテンプレートごとにまとめられています。20ページ弱のなかなかのボリュームで、こんなこともWordPressでできるのか!と発見があるかもしれません。

HTMLサイトをWordPressにする本の目次

HTMLサイトをWordPressにする本の目次

HTMLサイトをWordPressにする本の目次

HTMLサイトをWordPressにする本の目次

HTMLサイトをWordPressにする本の目次

HTMLサイトをWordPressにする本の目次

HTMLサイトをWordPressにする本の目次

著者が講師陣なので、解説が非常に分かりやすく、WordPressの新機能の使い方も学べる一冊です。また、付録も充実しており、テンプレートファイルの種類と役割をまとめたチートシートだけでなく、よく使用されるコードのまとめもWordPressを使用する際に非常に役立つと思います。

HTMLサイトをWordPressにする本

HTMLサイトをWordPressにする本
ISBN 978-4-8026-1421-4
[Amazonでみる]
[楽天でみる]

著者: 久保田 涼子、西原 礼奈、阿諏訪 聡美
出版社: ソシム
発売日: 2023/8/26

献本の御礼

最後に、献本いただいたソシム株式会社の担当者さまに御礼申し上げます。

当サイトでは随時、献本を受け付けています。
お問い合わせは下記よりお願いいたします。

sponsors

top of page

©2024 coliss