--- title: "WordPress 6.5.x 対応 Twenty Twenty-Fourでウェブサイトを作ろう" canonical_url: "https://olein-design.com/book/create-website-with-tt4" language: "ja" date_published: "2024-02-13T12:19:33+09:00" date_modified: "2026-06-26T15:01:54+09:00" content_type: "page" author: "久野晃司" --- # WordPress 6.5.x 対応 Twenty Twenty-Fourでウェブサイトを作ろう ![](https://olein-design.com/wp-content/uploads/2024/04/65-hyoushi.jpg) **WordPress 6.5.x 対応** ## **Twenty Twenty-Four でウェブサイトを作ろう** WordPress デフォルトテーマ Twenty Twenty-Four を使って、シンプルなブログサイトから、ポートフォリオサイト、ビジネスサイトの作り方を細かく手順を紹介しています。 WordPress デフォルトテーマでどんなことができるのか体験してもらうことを目指した書籍です。 [Amazon Kindle で購入](https://amzn.to/3Jz5Qol) [Amazon ペーパーバックで購入](https://amzn.to/4b2kNuG) [サンプルファイルダウンロード](#download) **本書は WordPress 6.5.x 対応の内容**となります。 [デモサイト](#demo) [解説動画](#youtube) [はじめに](#introduction) [サンプル](#sample) [お知らせ](#news) [サンプルファイル](#download) [お問い合わせ](#contact) ## デモサイト 本書で制作できるウェブサイトのデモを用意しています。 [!\[\](https://olein-design.com/wp-content/uploads/2024/02/tt4-simpleblog-demo-link-thumbnail-1024x576.jpg)](https://demo.olein-design.com/tt4book/simpleblog) シンプルブログサイト [!\[\](https://olein-design.com/wp-content/uploads/2024/02/tt4-portfolio-demo-link-thumbnail-1024x576.jpg)](https://demo.olein-design.com/tt4book/portfolio/) ポートフォリオサイト [!\[\](https://olein-design.com/wp-content/uploads/2024/02/tt4-business-demo-link-thumbnail-1024x576.jpg)](https://demo.olein-design.com/tt4book/corporate) コーポレートサイト ## 解説動画 本書内容を解説した動画を公開しています。 本書と併せてご活用ください。 https://www.youtube.com/watch?v=5VNMH1TpJec ### 「はじめに」〜「第4章 Twenty Twenty-Four について」 [YouTubeで見る](https://www.youtube.com/watch?v=5VNMH1TpJec) https://www.youtube.com/watch?v=-dTZGaKRx8o ### 第5章 シンプルなブログサイトを作ってみよう [YouTubeで見る](https://www.youtube.com/watch?v=-dTZGaKRx8o) https://www.youtube.com/watch?v=F4gphNM7OVg ### 第6章 ポートフォリオサイトを作ってみよう [YouTubeで見る](https://www.youtube.com/watch?v=F4gphNM7OVg) https://www.youtube.com/watch?v=aKdflNK9zPQ ### 第7章 コーポレートサイトを作ってみよう [YouTubeで見る](https://www.youtube.com/watch?v=aKdflNK9zPQ) ## はじめに WordPress 5.9 からフルサイト編集やブロックテーマが利用可能になりました。 サイトエディター（フルサイト編集）やブロックエディターを活用し、ブロックテーマでウェブサイト全体をブロックを使って構築するスタイルは、これまでのクラシックテーマを使ったウェブサイト制作とは別のものになります。 WordPress デフォルトテーマも Twenty Twenty-Two からブロックテーマとなり、最新の Twenty Twenty-Four は以前のデフォルトテーマよりも幅広いジャンルのウェブサイトを構築できるように作られています。 しかし、ブロックテーマを活用したウェブサイト制作について解説されている書籍はあまり見当たりません。それ故に「これから WordPress をはじめたい！」「自分のブログを WordPress で作りたい！」という新しいユーザーには、最新の情報を届けられるものが少ないのではないかと感じています。 そこで今回、電子書籍という形をメインとし、WordPress デフォルトテーマ Twenty Twenty-Four を使って3つのウェブサイトを作ってみる本を書きました。 - シンプルなブログサイト - ポートフォリオサイト - ビジネスサイト これらのウェブサイトを本書を通して作る中で、サイトエディターやブロックエディター、そしてブロックテーマへの理解を進めていただけます。 「WordPress、触ったことありません！」という方には、少々難しく感じられる点もあるかもしれません。しかし、本書内にはサイトエディターやブロックエディターの各ボタンや機能についても紹介していますし、実際に作っていく部分でも、丁寧な説明を心がけました。たくさんスクリーンショット画像を掲載しているので、それらを参考にぜひチャレンジしてみてください。 また、デフォルトテーマを詳しく触っていくことで、最近のブロックテーマの作られ方も理解することができるでしょう。「ブロックテーマを作ってみたい！」と考えている方には、3つのウェブサイトを作ってみることで Twenty Twenty-Four の特徴を掴むことができるはずです。そして、その知識がオリジナル・ブロックテーマを作るときに役に立つでしょう。 一人でも多くの方に、サイトエディターやブロックエディター、ブロックテーマを触っていただき、最新の WordPress を体感していただければ嬉しいです。 ## サンプル 画像データは最終入稿データではないため、本書内と差異がある可能性があります。 ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_9-1-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_12-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_16-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_20-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_23-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_35-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_55-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_63-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_76-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_94-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_134-725x1024.jpg) ![](https://olein-design.com/wp-content/uploads/2024/04/tt4-65_208-725x1024.jpg) ## 本書に関するお知らせ - 2024年11月4日 ## [ブロックの上下間隔を調整する方法](https://olein-design.com/blog/manage-block-gap) - 2024年7月24日 ## [拙書『Twenty Twenty-Four でウェブサイトを作ろう』のWordPress 6.6 対応版についてのお知らせ](https://olein-design.com/blog/when-release-next-book) - 2024年5月5日 ## [WordPressサイトエディターで固定ページ全ての内容が同じになってしまう理由の推測](https://olein-design.com/blog/why-all-fixed-pages-have-the-same-content) - 2024年5月1日 ## [一部のパターンがインサーターで表示されない理由と対処法](https://olein-design.com/blog/unvisible-patterns-provided-core-pattern-library) - 2024年4月23日 ## [『WordPress 6.5.x 対応 Twenty Twenty-Fourでウェブサイトを作ろう』を出版しました](https://olein-design.com/blog/release-create-website-with-tt4-for-65) - 2024年2月18日 ## [アップデートのお願い](https://olein-design.com/blog/update-for-tt4-book) - 2024年2月15日 ## [書籍『WordPress 6.4.x 対応 Twenty Twenty-Fourでウェブサイトを作ろう』のペーパーバック版が購入できるようになりました](https://olein-design.com/blog/release-create-website-with-tt4-paperback-version) - 2024年2月15日 ## [『WordPress 6.4.x 対応 Twenty Twenty-Fourでウェブサイトを作ろう』という書籍を作りました](https://olein-design.com/blog/release-create-website-with-tt4) ## サンプルファイル 本書内で利用しているデータ（テキストファイルと画像データなど）と同じものをダウンロードできます。また、手軽に利用できるように WordPress インポートデータ（XML）も用意してあります。 利用方法はデータ内にある各フォルダの`readme.md`をご確認ください。 [sample-data-65](https://olein-design.com/wp-content/uploads/2024/05/sample-data-65.zip)[ダウンロード](https://olein-design.com/wp-content/uploads/2024/05/sample-data-65.zip) ## 本書に関するお問い合わせについて 本書の内容に関するご質問やお問い合わせは、当事業サイトお問い合わせページよりお寄せください。 なお、いただきました正誤報告に関しましては更新・改訂時に参考にさせていただきます。また、質問等に関しましては、他にも読者の中にお困りの方もみえるかもしれませんので、書籍サイトにおいて公開形式でのお返事をさせていただきます。予めご了承ください。 [お問い合わせはこちら](https://olein-design.com/contact)