Fukasawa WordPressテーマのカスタマイズ方法
Fukasawa は写真家やコレクター向けの最小限の石積みスタイルのブログテーマです。レスポンシブ対応のデザイン、ブロックエディター/グーテンベルクのサポート、画像のサポート、ギャラリーおよびビデオ投稿フォーマット、4つのカスタムウィジェット、アーカイブページテンプレート、ギャラリースライドショー、カスタムアクセントカラーのサポート、カスタムロゴのサポート、およびエディタースタイルが特長です。
Fukasawa をカスタマイズするには、大きく分けて機能とデザイン性をカスタマイズすることになります。どちらも手段が複数ありますので、事前に理解して取り組まれるとよいでしょう。特にテーマのコードを直接編集する方法はリスクも高いので、よく理解されている方以外にはおすすめできません。
Fukasawa の概要
Fukasawa の特徴はブログトップページが記事の一覧表示がリスト表示ではなくタイル（石積み）表示のテーマです。テーマディレクトリからインストールできるテーマです。記事はページ先頭部にアイキャッチ画像が自動で挿入されます。
| wordpress.org | Fukasawa |
| バージョン | 2.0.5 |
| 最終更新日 | 2020年8月23日 |
| 有効インストール | 10000＋ |
| PHPバージョン | 5.6以上 |
| Fukasawa 作成者サイト |
Fukasawa をインストールするにはダッシュボードから外観 → テーマ → 新規追加 → Fukasawaで検索しインストールを開始します。
Fukasawa のカスタマイズ
Fukasawa をカスタマイズする方法は大きく分けて、テーマカスタマイザーを使う、cssの追加をする、直接テンプレート（PHP）ファイルを書き換えるになります。プラグインを利用すると素早く安全にカスタマイズすることも可能です。
プラグインを利用するにしても、直接テンプレート（PHP）ファイルを書き換えるにしてもリスクが発生するので、バックアップ環境は整えておかれることを推奨します。
Fukasawa をカスタマイズするには下記の手順で行います。
- WEBサイトの構成を考える （※注１）
- 不要な機能を削除する
- 必要な拡張機能（プラグイン）を追加する
- グローバルナビゲーションやサイドメニューを作る
- TOPページを作る
- 会社案内ページを作る
- 事業内容ページを作る
- お知らせや、ブログ（製品やサービスをカテゴリーに構成する）を設置する
※ 注１）固定ページ・投稿ページのコンテンツを書き出す。そしてカテゴリーやタグを振り分ける。などの設計書・制作ガイドラインを作成しておくと作業をスムースに進めることができ、修正が発生しても最小限の工程で完結できるようになります。
Fukasawa のテーマカスタマイザーでは、色や背景画像、メニューやウィジェットに設置する内容などをカスタマイズします。Fukasawa は以下の内容がカスタマイズできます。
| サイト基本情報 | サイトのタイトルとキャッチフレーズを設定できる |
| 色 | アクセント色を選択 |
| メニュー | 表示は１ケ所 |
| ウィジェット | サイドバー |
| ホームページ設定 | 固定ページか新着情報 |
| 追加CSS | スタイルシートを追加 |
Fukasawa のカスタマイズはいろいろな方法があります。WordPressの管理画面からカスタマイザーを利用してフォントや色、レイアウトなどをカスタマイズする方法。CSSを追加してカスタマイズする方法。プラグインをインストールして機能をカスタマイズする方法。「テーマーの編集」から直接編集する方法などがあります。
Fukasawa に css（スタイルシート）を追加
部分的に色を変更したり、文字の大きさを変更したりしたいのであればcss（スタイルシート）を追加することになります。cssの（スタイルシート）を追加する場合は、テーマカスタマイザーの「css追加」を利用するか、テンプレートファイルの「style.css」に追加することになります。
テーマカスタマイザーの「css追加」は複雑なコード編集は苦手ですが、テーマの更新に上書きされることはありません。逆にテンプレートファイルの「style.css」は上書きされるので、子テーマで対応するか、バックアップをとり対応するかになります。
テンプレートファイル（PHP）のカスタマイズ
Fukasawa のテンプレートファイル（テーマファイル）、テーマファイルエディタで編集
- テーマのための関数
- 404テンプレート
- コメント
- content.php
- テーマフッター
- テーマヘッダー
- 画像添付テンプレート
- メインインデックスのテンプレート
- pagenation.php
- 単一テンプレート
- readme.txt
テンプレートファイルを直接編集してカスタマイズすることもできます。ただ、この方法は高度な知識を必要とされますので、十分な知識をお持ちの方におすすめなります。記述ミスによって画面が表示されなくなったり、管理画面にログインすらできなくなったりすることもあります。
Fukasawa をプラグインでカスタマイズ
公式テーマは審査後公認され無料で利用できるようになります。基本部のみの配信のため拡張機能を利用したい場合はプラグインで機能を拡張させることになります。
| Table of Contents Plus | ページ内のコンテンツの目次を作成 |
| All in One SEO Pack | SEOを一括して設定 |
| WP Multibyte Patch | マルチバイト文字の修正（コンタクトフォームを利用するなら必須） |
| Duplicator | サイトを丸ごとコピーしてバックアップ |
| WP Maintenance Mode | メンテナンス中であることを表示 |
| Pz-LinkCard | 外部リンクをカード形式で表示 |
| WP-Optimize | データベースをクリーンアップ |
| Insert Pages | ページ内に文章を埋め込む |
| Redirection | URLをリダイレクト |
| Broken Link Checker | リンク切れをチェックする |
Fukasawa のウィジェット
Fukasawa のウイジェットエリアはサイドバーのみになっています。（ウイジェットとはサイドバーにメニューやカテゴリー新着記事などを簡単に追加・追加できる拡張機能です。
ヘッダーやサイドバー、フッターなどのウィジェットエリアと呼ばれる場所に配置されます。検索ボックスやメニュー、カテゴリやタグ、最新の記事、カレンダーなどの機能をドラッグ＆ドロップで簡単に実現できます。
