本書は、初心者が WordPress のテーマ作成を行った際の備忘録です。
書籍や資料片手に作成した内容を整理し公開することで、当時の自分の考えを残そうという意図があります。
また私のような初心者（下記）の方へ、学ぶ時の参考になればとも考えています。

1. HTML, CSS, Javascript を学んでいる方
　本書は HTML, CSS, Javascript で静的サイトを作成するところからスタートしています。

2. WordPressテーマ作成を学んでいる方
　本書は 市販の書籍でもよく使われている流れ（ HTML から WordPress テーマに落とし込む）を踏んでいます。

3. Webアクセシビリティに興味がある方
　本書は、デジタル庁デザインシステム（Ver 1.3.2）をベースに、Webアクセシビリティを考え取り入れようと試行錯誤した過程を記しています。

本テーマのリポジトリは、下記のURLです。
<a href="https://github.com/nonaka101/web-zukuri" target="_blank" rel="nofollow noopener noreferrer">https://github.com/nonaka101/web-zukuri</a>

注：本書は初学者の備忘録であり、自身が分かる範囲を噛み砕いて説明したものとなります。そのため情報の精度は下がっていることをご了承ください。
注：メモが大量になった関係から、誤字脱字や わかりにくい表現など、至らないところがあると思われます。致命的な誤りは出ないよう努力していますが、もし何かありましたら教えていただければ幸いです。

本書は、初心者が WordPress のテーマ作成を行った際の備忘録です。
書籍や資料片手に作成した内容を整理し公開することで、当時の自分の考えを残そうという意図があります。
また私のような初心者（下記）の方へ、学ぶ時の参考になればとも考えています。

1. HTML, CSS, Javascript を学んでいる方
　本書は HTML, CSS, Javascript で静的サイトを作成するところからスタートしています。

2. WordPressテーマ作成を学んでいる方
　本書は 市販の書籍でもよく使われている流れ（ HTML から WordPress テーマに落とし込む）を踏んでいます。

3. Webアクセシビリティに興味がある方
　本書は、デジタル庁デザインシステム（Ver 1.3.2）をベースに、Webアクセシビリティを考え取り入れようと試行錯誤した過程を記しています。

本テーマのリポジトリは、下記のURLです。
https://github.com/nonaka101/web-zukuri

注：本書は初学者の備忘録であり、自身が分かる範囲を噛み砕いて説明したものとなります。そのため情報の精度は下がっていることをご了承ください。
注：メモが大量になった関係から、誤字脱字や わかりにくい表現など、至らないところがあると思われます。致命的な誤りは出ないよう努力していますが、もし何かありましたら教えていただければ幸いです。

WordPress テーマ作成 初学備忘録

🗃目次

🗂️A000：第一章概要

📄A001：初めに

📄A002：本テーマの特徴について

📄A003：導入方法

📄A004：ライセンスについて

📄A005：参考資料

🚧📁A100：概要 Webアクセシビリティ

📄A101：Webアクセシビリティとは？

📄A102：アクセシビリティを目指した設計について

📄A103：スクリーンリーダー

🗂️B000：第二章概要

📄B001：構成について(1)

📄B001：構成について(2)

📁B100：概要 スタイル

📄B101：全体の構成

📄B102：スタイルルール

📄B103：PRECSS関連のルール

📄B104：色について(1)

📄B104：色について(2)

📁B200：概要 開発ツール

📄B201：必要となる機能について

📄B202：ツールの配置

📄B203：ツールの設計

📄B204：カラーモード変更(1)

📄B204：カラーモード変更(2)

📄B205：フォントサイズ変更

📁B300：概要 基本コンポーネント

📄B301：構成

📄B302：el_thumbnail

📄B303：el_heading

📄B304：el_link

📄B305：el_btn

📄B306：bl_tagMenu

📄B307：bl_postData

📄B308：bl_pager

📄B309：bl_blockSkip

📄B310：bl_accordion

📄B311：bl_searchForm

📄B312：bl_card(1)

📄B312：bl_card(2)

📄B313：ly_footer

📄B314：ly_mainArea(1)

📄B314：ly_mainArea(2)

📄B315：ly_dialog(1)

📄B315：ly_dialog(2)

📄B315：ly_dialog(3)

📄B316：js_pageTop(1)

📄B316：js_pageTop(2)

📄B317：wp_blockContents

📁B400：概要 ページレイアウト

📄B401：フロントページ(1) 準備

📄B401：フロントページ(2) カード群

📄B401：フロントページ(3) ヘッダー

📄B401：フロントページ(4) サイドバー＋ダイアログ

📄B401：フロントページ(5) フッター

📄B401：フロントページ(6) その他

📄B402：404ページ

📄B403：固定ページ

📄B404：投稿ページ

📄B405：アーカイブページ

📄B406：検索ページ

🚧🗂️C000：第三章概要

📄C001：主に使うテンプレートタグと関数集

📄C002：静的ページからのテーマ作成

🚧🗂️Z000：附則概要

html

javascript

wordpress

アクセシビリティ

Nonaka