WordPressテーマのカスタマイズ【SiteOrigin Unwind】

SiteOrigin Unwindはカスタマイズが充実しているのでオリジナル性にこだわりたいアフィリエイターにおすすめのテーマです。ディフォルトにはない Theme Settings や Page Template Setting がカスタマイズとして装備されています。

SiteOrigin Unwindのカスタマイズ

Screenshot of ja.wordpress.org

SiteOrigin Unwind

WordPress.orgSiteOrigin Unwind
バージョン1.9.8
最終更新2023年3月2日
有効インストール4000+
WordPressバージョン4.7
PHPバージョン5.6.20
SiteOrigin Unwind 2023年3月現在

テーマカスタマイザー

SiteOrigin Unwind のテーマカスタマイザーの内容です。

Theme Settings
(テーマ設定)
Branding(ブランディング)
 - ヘッダーにロゴを表示
 - Retina(高解像度・ハイコントラスト)用ロゴ

Fonts(フォント)
 - 詳細フォント(細部に使用)
 - メインフォント(本文に使用)
 - 見出しフォント(見出しに使用)
 - 明るい文字色(細部に使用)
 - 中間の文字色(本文に使用)
 - ダークな文字色(見出しに使用)

Header(ヘッダー)
 ヘッダーデザイン
  - ヘッダー上部メニュー
  - ヘッダー下部メニュー
  - メニューをヘッダー中央に表示
  - メニューとロゴのインライン化

Navigation(ナビゲーション)
 - メニュー検索(メニューに検索を表示)
 - 固定メニュー(メニューを画面上部に貼りつける)

Icons(アイコン)
 - モバイルメニューアイコン
 - フルスクリーン検索アイコン
 - メニュー検索アイコン
 - メニューを閉じる検索アイコン

Layout(レイアウト)
 メインサイドバーの位置(左・右)

Blog(ブログ)
 - ブログホームページの Jetpack アイキャッチコンテンツスライダー。
 - Jetpack のアイキャッチコンテンツスライダー画像オーバーレイ。また、ポストループウィジェットのスライダーにも適用されます。
 - アーカイブ投稿のアイキャッチ画像
 - 個別投稿のアイキャッチ画像
 - 投稿コンテンツ
  ブログやアーカイブページでの投稿内容の表示方法を選択
 - 抜粋の長さ
  手動で記事の抜粋が追加されていない場合は、記事の抜粋が生成されます。抜粋の文字数を選択
 - 記事の抜粋 続きを読む リンク
 - 個別投稿とアーカイブ投稿の日付
 - 個別投稿とアーカイブ投稿のカテゴリ

Footer(フッター)
 フッターテキスト
 - プライバシーポリシーリンク
 - フッターの幅を制限
Page Template Setting
(ページテンプレート)
Blog page(ブログページ)
 固定ページレーアウト
 - ページタイトル
 - ヘッダー下マージン
 - ヘッダー上マージン
 - ヘッダー
 - フッターウィジェット

Searc Results(検索結果)
 固定ページレイアウト
 - ページタイトル
 - ヘッダー下マージン
 - フッター上マージン
 - ヘッダー
 - フッターウィジェット

Not Found(見つかりません)
 固定ページレイアウト
 - ページタイトル
 - ヘッダー下マージン
 - フッター上マージン
 - ヘッダー
 - フッターウィジェット
サイト基本情報サイトのタイトルとキャッチフレーズを設定
色を選択
背景画像メディアライブラリから背景画像を選択
メニューPrimary Menuで対応
ウィジェットSidebar
Footer
Mashead
SiteOrigin Unwind のカスタマイザー

カスタマイズ手順

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

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

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

テンプレートファイル(PHP)

テンプレートファイル(テーマファイル)のカスタマイズは、外観 → テーマファイルエディタで編集することになります。テンプレートファイルの構成は各テーマによって異なっていますが概ね以下のようなファイルで構成されています。

  • スタイル(style.css)
  • テーマの関数(function.php)
  • style-editor.css
  • style-editor.min.css
  • style.min.css
  • woocommerce.css
  • woocommerce.min.css
  • 404 テンプレート (404.php)
  • archive-jetpack-portfolio.php
  • コメント (comments.php)
  • テーマフッター (footer.php)
  • テーマヘッダー (header.php)
  • メインインデックスのテンプレート (index.php)
  • 個別投稿ページ (page.php)
  • 検索結果 (search.php)
  • 検索フォーム (searchform.php)
  • sidebar-shop.php
  • single-jetpack-portfolio.php
  • 個別投稿 (single.php)
  • yarpp-template-unwind.php

テンプレートファイルを直接編集してカスタマイズすることもできます。ただ、この方法は高度な知識を必要とされますので、十分な知識をお持ちの方におすすめなります。記述ミスによって画面が表示されなくなったり、管理画面にログインすらできなくなったりすることもあります。

css(スタイルシート)

部分的に色を変更したり、文字の大きさを変更したりしたいのであればcss(スタイルシート)を追加することになります。cssの(スタイルシート)を追加する場合は、テーマカスタマイザーの「css追加」を利用するか、テンプレートファイルの「style.css」に追加することになります。

テーマカスタマイザーの「css追加」は複雑なコード編集は苦手ですが、テーマの更新に上書きされることはありません。逆にテンプレートファイルの「style.css」は上書きされるので、子テーマで対応するか、バックアップをとり対応するかになります。

WordPressテーマの注意点

WordPressのテーマとは、サイト全体のテンプレートのことです。テーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっています。そのため、テーマを変更すれば複雑な処理を行うことなく、デザインや構成、機能などを変えることができます。テーマは、インターネット上で無料ダウンロードできるものから、有料で販売されているものもあります。また、自分で作成したテーマをアップロードして使用することも可能です。

テーマの更新には、機能の追加・変更などのほかに、セキュリティ向上や不具合の修正なども含まれるため、常に最新の状態にアップデートしておくことです。また、テーマを更新すると、カスタマイズは初期化してしまいます。更新する度にカスタマイズし直すのは手間がかかるので、「子テーマ」の利用が推奨されています。子テーマを作る理由はテーマを直接カスタマイズしてしまうと、テーマのバージョンアップによって変更した内容が上書きされてしまうからです。子テーマは、親テーマの機能やスタイルを引き継いでいます。子テーマにカスタマイズを加えておけば、テーマを更新した後もカスタマイズした状態をそのまま引き継げます。

テーマを利用する場合、レンタルサーバー の表示速度やバックアップ機能についても注意しましょう。テーマによっては、複雑なデザインや機能が豊富で、少し表示が遅いものもあります。ページが表示されないとユーザーが立ち去ってしまうことになりかねません。また、無料だからというわけではないのですが、悪意のあるプログラム(ソース)があるもや最新のセキュリティに対応できていないものも存在します。表示速度やセキュリティについてはサーバーに依存する側面も強くあります。この点を踏まえたレンタルサーバー選びも検討しておきましょう。

有料テーマ

公式テーマは無料で利用できて魅力的なテーマが多いのですが、有料テーマはデザインや機能面に優れサポートも充実しているのが特徴です。10000円~20000円前後で入手することができ、WordPressを使って収益を考える副業やビジネスをしたい方にはこちらがおすすめになります。高機能で柔軟性の高い公式テーマはオリジナルなサイトを構築できますが、反面、初心者の方にはハードルが高いと言えます。できる限り簡単な操作でサイトをビジネスに活用されたいなら、有料テーマがおすすめです。

EmanonはWeb集客に必要な機能を搭載したビジネス用WordPressテーマです。企業サイトやビジネス用メディアブログなどの利用に適しています。

開発・販売元株式会社イノ・コード
利用ユーザー中小企業・士業・コンサルタント・個人事業主
特徴web集客に必要な機能を搭載
用途企業サイト・ビジネス用メディアブログ

無料テーマ

wordpress.orgのテーマディレクトリには約10,000に及ぶテーマがあり自由に選ぶことができます。公認テーマはwordpressによって審査され、安心して利用することができるといえます。半面、デザインや機能は育て上げる面もあり初心者にはハードルが高いかもしれません。サポートはありませんのでwordpress.orgやネットから情報か自力で解決しなければなりません。

WEB制作会社から配布される無料テーマもあります。無料とは思えないほど機能やデザインが充実しているテーマもあります。ただ、無料がゆえに途中で更新がストップしたり、開発が終了されることもあります。無料テーマは開発者の宣伝目的や有料版へのステップとして提供されていることもあると認識しておきましょう。

WordPress無料テーマは文字通り無料なので、最初のうちは気軽に試すことが可能です。合うテーマを見つけるまでテーマを無料で変えられるのは大きなメリットです。使いたいテーマが見つかった後は、同じテーマで運用するようにしましょう。WordPressはテーマごとに仕様が異なるので、運用途中の変更はデザインレイアウトが崩れる可能性があるのであまりおすすめはできません。

無料テーマのデメリットとしては、製品版のお試し(機能が制限されたり)として配布されたり、個人的に配布されたりしていて、サポートや更新が終了してしまうことがあります。そのまま使えることもありますが、数年後には他のテーマに変更することになることが多いようです。

表示速度やセキュリティにも注意

どのテーマを利用するにしても、サイトの表示速度やセキュリティについても注意しましょう。テーマによっては、複雑なデザインや機能が豊富で、少し表示が遅いものもあります。ページが表示されないとユーザーが立ち去ってしまうことになりかねません。また、無料だからというわけではないのですが、悪意のあるプログラム(ソース)があるもや最新のセキュリティに対応できていないものも存在します。表示速度やセキュリティについてはサーバーに依存する側面も強くあります。この点を踏まえたレンタルサーバー選びも検討しておきましょう。

■レンタルサーバのご紹介

「さくらのレンタルサーバ」はさくらインターネット株式会社が運営する レンタルサーバーサービスです。 ブログからお店や会社のWebサイトまで幅広く利用されています。SSD化をはじめとした機材の刷新によって、 WordPressなどのCMSも快適に動作します。

運営会社さくらインターネット株式会社
機能・特徴■ライトからビジネスプロまで、さくらのレンタルサーバの全てのプランで初期費用が無料
■月ごとに設けられていた転送量の上限を撤廃し、無制限化