Blossom Coach(WordPressテーマ)のカスタマイズ
Blossom Coachをカスタマイズするには、大きく分けて機能面とデザイン性をカスタマイズすることになります。最初に取り組むべきは、テーマカスタマイザーを使う、cssの追加をすることでしょう。どちらも手段が複数ありますので、事前に理解して取り組まれるとよいでしょう。プラグインを利用すれば高度なカスタマイズが可能になります。プログラムスキルをお持ちの場合は、直接テンプレート(PHP)ファイルを書き換えるカスタマイズになります。コードを直接編集する方法はリスクも高いので、よく理解されている方以外にはおすすめできません。
Blossom Coach
WordPress.org | Blossom Coach |
有効インストール | 2,000+ |
PHPバージョン | 5.6以上 |
カスタマイズ
Blossom Coach は多目的で、小規模ビジネス(レストラン/カフェ、旅行、教育、ホテル、建設、イベント、ウェディングプランナー、フィットネス、アフィリエイト、ファッション、弁護士、コンサルティング、スポーツ/メディカルショップ、スパ/テマ、政治)の構築にも使用できます。
WordPressは無料で利用できるCMS(Contents Management System)であることから、多くの企業やブロガー、アフェリエイターによって運用されています。利用数が多いといことは、同じようなサイトが存在するといううことになります。そこで、サイトをカスタマイズして他のサイトと差別化しビジネスに役立てませんか。
テーマカスタマイザー
サイト基本情報 |
|
---|---|
Appearance Settings |
|
Layout Settings | Blog layoutとGeneral Sidebar Layoutoを設定できる |
Front Page Setting |
|
General Settings |
|
メニュー | 1ケ所 |
ウィジェット |
|
ホームページ設定 | 最新の投稿か固定ページを選択できる |
Footer Setting | Footer Copyright Textを入力できる |
css(スタイルシート)でカスタマイズ
部分的に色を変更したり、背景や囲みを装飾、文字の大きさを変更したりしたいのであればcss(スタイルシート)を追加することになります。「スタイルシート・css」記述するには、「テンプレートファイルに直接記述」する、「テーマカスタマイザーで記述」する。「プラグインを使って記述」などの方法があります。
ブロックエディタ対応のテーマではブロックごとにタイポグラフィ(「文字や文章を読みやすく、または美しく見せるための技術」)を指定できるので、文字の大きさや色を指定したい場合は、こちらを利用されたほうが良いでしょう。
注意点)スタイルシート・cssが大きくなりすぎると表示速度に影響を及ぼすこともあるので注意が必要です。
テーマカスタマイザーの「css追加」は複雑なコード編集は、編集エリアが狭く操作しづらいですが、テーマの更新よって上書きされることはありません。逆にテンプレートファイルの「style.css」は上書きされるので、子テーマで対応するか、バックアップをとり対応するかになります。推奨は「css追加」となっています。
css(スタイルシート)を追加するには、ダッシュボードの 外観 → カスタマイズ → 追加css と進みコードを追加します。スタイルシートを適用させるには編集ブロックに 高度な設定で 「追加 css クラス」にクラス名を記述します。スタイルはブロック対して適用されるようになっています。複数のブロックに適応させたいならブロックをグループ化しておきます。
ページごとに css を記述したい場合はプラグインを利用すると良いでしょう。「VK All in one Expansion Unit」の cssカスタマイズ を有効にしておくと、ページごとに スタイルシートを追加することができます。
テーマによってはあらかじめ、ページごとに css を記述できるようにしたものもあります。複雑なデザインを施したいサイトの場合はこちらを選ぶとよいかもしれません。
テンプレートファイル(PHP)でカスタマイズ
テンプレートファイル(テーマファイル)のカスタマイズは、外観 → テーマファイルエディタで編集することになります。テンプレートファイルの構成は各テーマによって異なっていますが概ね以下のようなファイルで構成されています。
- スタイル(style.css)
- テーマの関数
- 404テンプレート
- コメント
- テーマフッター
- テーマヘッダー
- 検索フォーム
- 単一テンプレート
テンプレートファイルを直接編集してカスタマイズすることもできます。ただ、この方法は高度な知識を必要とされますので、十分な知識をお持ちの方におすすめなります。記述ミスによって画面が表示されなくなったり、管理画面にログインすらできなくなったりすることもあります。
インストールしたいプラグイン
コンタクトフォームを設置 | Contact Form 7 |
再利用ブロック拡張機能 | Reusable Blocks Extended |
SEO対策を細かく設定するプラグイン | All in One SEO Pack | SEO SIMPLE PACK |
記事に目次を表示 | Easy Table of Contents |
ページと関連する記事を表示 | Related Post |
子テーマを作成する
テンプレートファイルを直接編集してサイトを運用するなら子テーマを利用しましょう。なぜならWordPressは頻繁にアップデートが繰り返されソースコードが上書きされてしまい、再びカスタマイズをしなければならなくなってしまうからです。
「子テーマ」は、WordPressでウェブサイトやブログのデザイン・レイアウトを構築する際に、「親テーマ」と連動して機能するもうひとつのテーマです。 WordPressのデザインテンプレートは、「テーマ」を有効化させることで構築されます。
WordPressのカスタマイズ手順
WordPressをカスタマイズするには下記の手順で行うとよいでしょう。
- WEBサイトの構成を考える (※注1)
- 不要な機能を削除する
- 必要な拡張機能(プラグイン)を追加する
- グローバルナビゲーションやサイドメニューを作る
- TOPページを作る
- 企業サイトなどは、会社案内や事業内容などを作る
- お知らせや、ブログ(製品やサービスをカテゴリーに構成する)を設置する
※ 注1)固定ページ・投稿ページのコンテンツを書き出す。そしてカテゴリーやタグを振り分ける。などの設計書・制作ガイドラインを作成しておくと作業をスムースに進めることができ、修正が発生しても最小限の工程で完結できるようになります。
テーマの選び方
WordPressテーマを選ぶ際、ビジネスサイトでは、自社のイメージと近いデザインを選びましょう。中小企業や個人事業主の場合、高度なカスタマイズは負担が大きすぎ、デフォルトのデザインでサイトを作成し運用していくことが多いようです。このため、ビジネスサイトにおすすめな有料WordPressテーマを利用されるとデザインのカスタマイズが容易だったり、必要な機能がプラグインによって提供されているので、サイト運用開始時や運用中の負担を軽減できます。
テーマを選ぶ際にはにはレスポンシブデザインかどうかは着目しましょう。レスポンシブデザインとは、スマートフォンやタブレット・PC別に1つのデザインで表示できるようにしたものです。サイトの内容によってはスマホユーザーが少ないこともあるでしょうが、Googleはモバイル端末での表示を標準と考えていますので、この点からも対応すべきポイトです。
- レスポンシブデザインなのか
- デザインをカスタマイズしやすいか
- ダウンロード数(利用されている数)が多いのか
- ブロックエディタに対応しているのか
- 日本語に対応しているのか
- テーマは安全なのか
有料テーマ
WordPress有料テーマはおしゃれでカスタマイズしやすいのが大きなメリットです。 WEBサイト運用するための機能も標準として装備されているので、プラグインの追加をしなくても十分使用することが可能です。
無料テーマはシンプルなものが多く、他のサイトとデザインが同じようになってしまうこともあります。 しかし、有料テーマであればカスタマイズしやすくなっているため、好みのサイトを作成しやすいのが特徴です。
無料テーマ
wordpress.org からダウンロードできるテーマやWEB制作会社から提供される無料テーマもあります。無料とは思えないほど機能やデザインが充実しているテーマもあります。ただし、無料がゆえに途中で更新がストップしたり、開発が終了されることもあります。無料テーマは開発者の宣伝や有料版へのステップとして提供されていることもあると認識しておきましょう。
wordpress.org のテーマはディレクトリ登録時に事前に審査が行われるので、製作者サイトからの直ダウンロードに比較すれば安全といえるでしょう。ただし、サポートはありませんのでwordpress.orgやネットの情報で自力で解決しなければなりません。
-
圧倒的に美しくおしゃれな有料テーマ【ザ・トール】
ザ・トールは、圧倒的に美しくおしゃれなテーマです。ランキングサイト・口コミサイトやおしゃれで美しいデザイナーズサイトが簡単に作れ…
-
WordPressサイト制作、ウェブデザイン、サイト修正の外注依頼ができるココナラ
クリエイターへの制作依頼から個人のお悩み解決までできる、スキルのオンラインマーケット オンラインで完結するため、外出することも相…
-
ロリポップ・WordPress対応レンタルサーバー
ロリポップでWordPressが利用できるのはライトプランからになります。ハイスピードプランを36ケ月契約で利用すると月額が割安…
-
Blossom Coachにアフィリエイト広告を掲載
Blossom Coachは多目的で、小規模ビジネス(レストラン/カフェ、旅行、教育、ホテル、建設、イベント、…
-
Blossom Coach(WordPressテーマ)のSEO
Blossom CoachのSEOは良質のコンテンツでベネフィット(利便性)をユーザーに伝えるコンテンツを作り…
-
Blossom Coach(WordPressテーマ)のカスタマイズ
Blossom Coachをカスタマイズするには、大きく分けて機能面とデザイン性をカスタマイズすることになりま…
-
Blossom Coach(WordPressテーマ)にアフィリエイト広告を掲載
Blossom Coachはコーチ、メンター、スピーカー、セラピスト向けのWebサイトを作成するために設計され…
-
Blossom Coachはセラピストにおすすめなテーマ
Blossom Coachはコーチ、メンター、スピーカー、セラピスト向けのWebサイトを作成するために設計され…