SiteOrigin Unwind WordPressテーマのカスタマイズ方法
SiteOrigin Unwind は、カスタマイズが充実しているのでオリジナル性にこだわりたいアフィリエイターにおすすめのテーマです。ディフォルトにはない Theme Settings や Page Template Setting がカスタマイズとして装備されています。WordPressの公式テーマは審査後公認され無料で利用できるようになります。
SiteOrigin Unwind の概要
| WordPress.org | SiteOrigin Unwind |
| バージョン | 1.8.6 |
| 最終更新 | 2022年1月6日 |
| 有効インストール | 4000+ |
| WordPressバージョン | 4.7 |
| PHPバージョン | 5.0.20 |
SiteOrigin Unwind をカスタマイズする方法は大きく分けて、テーマカスタマイザーを使う、cssの追加をする、直接テンプレート（PHP）ファイルを書き換えるになります。プラグインを利用すると素早く安全にカスタマイズすることも可能です。
プラグインを利用するにしても、直接テンプレート（PHP）ファイルを書き換えるにしてもリスクが発生するので、バックアップ環境は整えておかれることを推奨します。
SiteOrigin Unwind のカスタマイズ
カスタマイズするには下記の手順で行います。
- WEBサイトの構成を考える （※注１）
- 不要な機能を削除する
- 必要な拡張機能（プラグイン）を追加する
- グローバルナビゲーションやサイドメニューを作る
- TOPページを作る
- 会社案内ページを作る
- 事業内容ページを作る
- お知らせや、ブログ（製品やサービスをカテゴリーに構成する）を設置する
※ 注１）固定ページ・投稿ページのコンテンツを書き出す。そしてカテゴリーやタグを振り分ける。などの設計書・制作ガイドラインを作成しておくと作業をスムースに進めることができ、修正が発生しても最小限の工程で完結できるようになります。
SiteOrigin Unwind のテーマカスタマイザーでは、色や背景画像、メニューやウィジェットに設置する内容などをカスタマイズします。SiteOrigin Unwind は以下の内容がカスタマイズできます。
| Theme Settings | Branding Fonts header Navigation Icons Layout Blog Footer |
| Page Template Setting | Blog page Search Results Not Found |
| サイト基本情報 | サイトのタイトルとキャッチフレーズを設定 |
| 色 | 色を選択 |
| 背景画像 | メディアライブラリから背景画像を選択 |
| メニュー | Primary Menuで対応 |
| ウィジェット | Sidebar Footer Masthad |
「SiteOrigin Unwind」のウィジェットは以下のように3つで構成されています。
- Sidebar
- Footer
- Masthead（ページ先頭部のヘッダーナビゲーション下コンテンツを配置できる）
SiteOrigin Unwind に css（スタイルシート）を追加
部分的に色を変更したり、文字の大きさを変更したりしたいのであればcss（スタイルシート）を追加することになります。cssの（スタイルシート）を追加する場合は、テーマカスタマイザーの「css追加」を利用するか、テンプレートファイルの「style.css」に追加することになります。
テーマカスタマイザーの「css追加」は複雑なコード編集は苦手ですが、テーマの更新に上書きされることはありません。逆にテンプレートファイルの「style.css」は上書きされるので、子テーマで対応するか、バックアップをとり対応するかになります。
テンプレートファイル（PHP）のカスタマイズ
SiteOrigin Unwind のテンプレートファイル（テーマファイル）、テーマファイルエディタで編集
- スタイルシート
- テーマのための関数
- style-editor.css
- style-editor.min.css
- woocommerce.css
- woocommerce.min.css
- archive-jetpack-portfolio.php
- アーカイブ
- コメント
- テーマフッター
- テーマヘッダー
- メインインデックスのテンプレート
- 個別投稿ページ
- 検索結果
- 検索フォーム
- サイドバー
- single–jetpack-portfolio.php
- 個別投稿
- yarpp-temlate-unwind.php
- license.txt
- Readme.txt
テンプレートファイルを直接編集してカスタマイズすることもできます。ただ、この方法は高度な知識を必要とされますので、十分な知識をお持ちの方におすすめなります。記述ミスによって画面が表示されなくなったり、管理画面にログインすらできなくなったりすることもあります。
SiteOrigin Unwind をプラグインでカスタマイズ
公式テーマは審査後公認され無料で利用できるようになります。基本部のみの配信のため拡張機能を利用したい場合はプラグインで機能を拡張させることになります。
| 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 | リンク切れをチェックする |
