SiteOrigin Unwind WordPressテーマのカスタマイズ方法

SiteOrigin Unwind は、カスタマイズが充実しているのでオリジナル性にこだわりたいアフィリエイターにおすすめのテーマです。ディフォルトにはない Theme Settings や Page Template Setting がカスタマイズとして装備されています。WordPressの公式テーマは審査後公認され無料で利用できるようになります。

SiteOrigin Unwind の概要

WordPress.orgSiteOrigin Unwind
バージョン1.8.6
最終更新2022年1月6日
有効インストール4000+
WordPressバージョン4.7
PHPバージョン5.0.20
SiteOrigin Unwind の概要 2022年2月現在

SiteOrigin Unwind をカスタマイズする方法は大きく分けて、テーマカスタマイザーを使う、cssの追加をする、直接テンプレート(PHP)ファイルを書き換えるになります。プラグインを利用すると素早く安全にカスタマイズすることも可能です。

プラグインを利用するにしても、直接テンプレート(PHP)ファイルを書き換えるにしてもリスクが発生するので、バックアップ環境は整えておかれることを推奨します。

SiteOrigin Unwind のカスタマイズ

カスタマイズするには下記の手順で行います。

  1. WEBサイトの構成を考える (※注1)
  2. 不要な機能を削除する
  3. 必要な拡張機能(プラグイン)を追加する
  4. グローバルナビゲーションやサイドメニューを作る
  5. TOPページを作る
  6. 会社案内ページを作る
  7. 事業内容ページを作る
  8. お知らせや、ブログ(製品やサービスをカテゴリーに構成する)を設置する

※ 注1)固定ページ・投稿ページのコンテンツを書き出す。そしてカテゴリーやタグを振り分ける。などの設計書・制作ガイドラインを作成しておくと作業をスムースに進めることができ、修正が発生しても最小限の工程で完結できるようになります。

SiteOrigin Unwind のテーマカスタマイザーでは、色や背景画像、メニューやウィジェットに設置する内容などをカスタマイズします。SiteOrigin Unwind は以下の内容がカスタマイズできます。

Theme SettingsBranding
Fonts
header
Navigation
Icons
Layout
Blog
Footer
Page Template SettingBlog page
Search Results
Not Found
サイト基本情報サイトのタイトルとキャッチフレーズを設定
色を選択
背景画像メディアライブラリから背景画像を選択
メニューPrimary Menuで対応
ウィジェット Sidebar
Footer
Masthad
SiteOrigin Unwind のカスタマイザー

「SiteOrigin Unwind」のウィジェットは以下のように3つで構成されています。

  • Sidebar
  • Footer
  • Masthead(ページ先頭部のヘッダーナビゲーション下コンテンツを配置できる)

SiteOrigin Unwind に css(スタイルシート)を追加

SiteOrigin Unwindに css(スタイルシート)を追加
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 PackSEOを一括して設定
WP Multibyte Patchマルチバイト文字の修正(コンタクトフォームを利用するなら必須)
Duplicatorサイトを丸ごとコピーしてバックアップ
WP Maintenance Modeメンテナンス中であることを表示
Pz-LinkCard外部リンクをカード形式で表示
WP-Optimizeデータベースをクリーンアップ
Insert Pagesページ内に文章を埋め込む
RedirectionURLをリダイレクト
Broken Link Checkerリンク切れをチェックする
カスタマイズに使いたいプラグイン