Blossom Speakerはインフルエンサー向けテーマ

この記事はプロモーションが含まれています。

Blossom Coachの子テーマで、やる気を起こさせるスピーカー、ライフコーチ、ヘルスコーチ、メンター、インフルエンサー、セラピスト向けのWordPressテーマです。コーディングの知識がなくても、このテーマで美しい女性向けのWebサイトを作成できます。このテーマには、サービスを際立たせるエレガントで魅力的なデザインが付属しています。戦略的に配置されたCTAボタンとニュースレターセクションを備えた効果的なランディングページは、ビジネスでより高いリードを獲得し、顧客に転換するのに役立ちます。

Blossom Speaker

Blossom Speaker

Blossom Speaker [wordpress.org公式]

すべての画面サイズでコンテンツを美しく表示する、完全にレスポンシブなテーマであり、モバイルフレンドリーなテーマです。テーマは、Webサイトにアクセスしている間、訪問者にスムーズなブラウジング体験を提供するために速度が最適化されています。さらに、Schema.orgマークアップとともに最適化されたウルトラSEOであり、ウェブサイトが検索エンジンの結果で上位にランクされるのに役立ちます。このテーマのその他の重要な機能には、WooCommerce互換、翻訳準備完了、RTLスクリプト準備完了、およびカスタムCSSコードを追加するオプションがあります。

※最新の情報を Blossom Speaker で確認のうえご利用ください。

カスタマイザー

Blossom Speaker のカスタマイズ内容は以下の表のようになっています。

サイト基本情報サイトのタイトル
キャッチフレーズ
Apperance Setting色を選択、背景画像を選択、サイトのメインフォント・サブフォントを選ぶことができる
Layout SettingBlog Layout(ブログのページレイアウトを設定できる)
Geneal Sidebar Layout(固定ページと投稿のサイドバーの位置)
Front Page SettingBanner Section
Service Section
About Section
Call to Action Section
Testimonial Section
Clint Section
Blog Section
Simle Call to action
Contact Section
General Setting検索ボタンを有効にできる
ソーシャルボタンを有効にできる
パンくずリストを有効にできる
メニュー1ケ所の表示位置がある
ウィジェットSidebar(デフォルトサイドバー)
Client Section(クライアントセクション)
About Section(アボート)
Call To Action Section(お問い合わせアクション等)
Testimnial Section(お客様の声)
Service Section(サービス)
Simple call to Action Section
Fotter One
Fotter Two
Footer Three
Footer Four
ホームページ設定トップページを最新の投稿か固定ページにする
Footer Setting著作権表示や会社名などを入力できる
Blossom Speaker のカスタマイザー

Blossom Speaker をインストールするにはダッシュボードから外観 → テーマ → 新規追加 → テーマ名で検索しインストールを開始します。

カスタマイズの手順

Blossom Speakerをカスタマイズするには下記の手順で行うとよいでしょう。

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

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

Blossom Speaker(WordPressテーマ)をカスタマイズするには、大きく分けて機能面とデザイン性をカスタマイズすることになります。最初に取り組むべきは、テーマカスタマイザーを使う、cssの追加をすることでしょう。どちらも手段が複数ありますので、事前に理解して取り組まれるとよいでしょう。プラグインを利用すれば高度なカスタマイズが可能になります。プログラムスキルをお持ちの場合は、直接テンプレート(PHP)ファイルを書き換えるカスタマイズになります。コードを直接編集する方法はリスクも高いので、よく理解されている方以外にはおすすめできません。

WordPressは無料で利用できるCMS(Contents Management System)であることから、多くの企業やブロガー、アフェリエイターによって運用されています。利用数が多いといことは、同じようなサイトが存在するといううことになります。そこで、サイトをカスタマイズして他のサイトと差別化しビジネスに役立てませんか。

css(スタイルシート)でカスタマイズ

部分的に色を変更したり、背景や囲みを装飾、文字の大きさを変更したりしたいのであればcss(スタイルシート)を追加することになります。「スタイルシート・css」記述するには、「テンプレートファイルに直接記述」する、「テーマカスタマイザーで記述」する。「プラグインを使って記述」などの方法があります。

ブロックエディタ対応のテーマではブロックごとにタイポグラフィ(「文字や文章を読みやすく、または美しく見せるための技術」)を指定できるので、文字の大きさや色を指定したい場合は、こちらを利用されたほうが良いでしょう。

注意点)スタイルシート・cssが大きくなりすぎると表示速度に影響を及ぼすこともあるので注意が必要です。

テーマカスタマイザーの「css追加」は複雑なコード編集は、編集エリアが狭く操作しづらいですが、テーマの更新よって上書きされることはありません。逆にテンプレートファイルの「style.css」は上書きされるので、子テーマで対応するか、バックアップをとり対応するかになります。推奨は「css追加」となっています。

css(スタイルシート)を追加するには、ダッシュボードの 外観 → カスタマイズ → 追加css と進みコードを追加します。スタイルシートを適用させるには編集ブロックに 高度な設定で 「追加 css クラス」にクラス名を記述します。スタイルはブロック対して適用されるようになっています。複数のブロックに適応させたいならブロックをグループ化しておきます。

ページごとに css を記述したい場合はプラグインを利用すると良いでしょう。「VK All in one Expansion Unit」の cssカスタマイズ を有効にしておくと、ページごとに スタイルシートを追加することができます。

テーマによってはあらかじめ、ページごとに css を記述できるようにしたものもあります。複雑なデザインを施したいサイトの場合はこちらを選ぶとよいかもしれません。

テンプレートファイル(PHP)でカスタマイズ

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

  • スタイル(style.css)
  • テーマの関数
  • 404テンプレート
  • コメント
  • テーマフッター
  • テーマヘッダー
  • 検索フォーム
  • 単一テンプレート

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

テンプレートファイルを直接編集してサイトを運用するなら子テーマを利用しましょう。なぜならWordPressは頻繁にアップデートが繰り返されソースコードが上書きされてしまい、再びカスタマイズをしなければならなくなってしまうからです。

子テーマを作成する

テンプレートファイルを直接編集してサイトを運用するなら子テーマを利用しましょう。なぜならWordPressは頻繁にアップデートが繰り返されソースコードが上書きされてしまい、再びカスタマイズをしなければならなくなってしまうからです。

WordPressのカスタマイズ子テーマの作り方

子テーマの作り方

「子テーマ」は、WordPressでウェブサイトやブログのデザイン・レイアウトを構築する際に、「親テーマ」と連動して機能するもうひとつのテーマです。 WordPressのデザインテンプレートは、「テーマ」を有効化させることで構築されます。

子テーマを作る

WordPressのテーマを変更する手順

テーマを変更するには、管理画面からダウンロードし有効化するという流れになるのですが、いきなり有効化するのは少しリスクがあります。ウイジェットなどはテーマによって取り扱いが異なります、そこで以下の手順で変更されることを推奨します。

  1. 変更前にバックアップする
  2. ダッシュボード・外観 よりテーマディレクトリにアクセスする
  3. ライブプレビューを確認し表示の調整を行う
  4. 有効化して公開
  5. 公開後の確認作業を行う

※ライブプレビューで確認して表示の調整をするには、ダッシュボードの 外観 画面でインストールしたテーマの有効化ボタンの右側 ライブプレビューボタンをクリックします。

テーマカスタマイザーによる調整ができるので、修正が終わったら左上部の「有効化して公開」ボタンをクリックします。公開後にはスタイルシートを修正、確認、設定します。以下の点については公開後早期にチェックするようにしましょう。

  • 外部のツールと連携している場合は正しく動作しているか
  • スタイルシートが正しく設定されているか
  • 不要なプラグインは削除する。

テーマの選び方

WordPressテーマを選ぶ際、ビジネスサイトでは、自社のイメージと近いデザインを選びましょう。中小企業や個人事業主の場合、高度なカスタマイズは負担が大きすぎ、デフォルトのデザインでサイトを作成し運用していくことが多いようです。このため、ビジネスサイトにおすすめな有料WordPressテーマを利用されるとデザインのカスタマイズが容易だったり、必要な機能がプラグインによって提供されているので、サイト運用開始時や運用中の負担を軽減できます。

テーマを選ぶ際にはにはレスポンシブデザインかどうかは着目しましょう。レスポンシブデザインとは、スマートフォンやタブレット・PC別に1つのデザインで表示できるようにしたものです。サイトの内容によってはスマホユーザーが少ないこともあるでしょうが、Googleはモバイル端末での表示を標準と考えていますので、この点からも対応すべきポイトです。

  • レスポンシブデザインなのか
  • デザインをカスタマイズしやすいか
  • ダウンロード数(利用されている数)が多いのか
  • ブロックエディタに対応しているのか
  • 日本語に対応しているのか
  • テーマは安全なのか

有料テーマ

WordPress有料テーマはおしゃれでカスタマイズしやすいのが大きなメリットです。 WEBサイト運用するための機能も標準として装備されているので、プラグインの追加をしなくても十分使用することが可能です。

無料テーマはシンプルなものが多く、他のサイトとデザインが同じようになってしまうこともあります。 しかし、有料テーマであればカスタマイズしやすくなっているため、好みのサイトを作成しやすいのが特徴です。

無料テーマ

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

wordpress.org のテーマはディレクトリ登録時に事前に審査が行われるので、製作者サイトからの直ダウンロードに比較すれば安全といえるでしょう。ただし、サポートはありませんのでwordpress.orgやネットの情報で自力で解決しなければなりません。

ザ・トールは、スマートエディターで記事作成、53種類の見出し・498種類のアイコンなど、記事を読みやすく華やかに彩る記事パーツをワンクリックで設置できます。記事パーツのデザイン変更も自由自在。

【THE THOR(ザ・トール)】
THE THOR
ザ・トール

企業サイトやビジネスサイト、オウンドメディアに必要なWeb集客機能と自由度の高いレイアウト機能を搭載しています。見込み客を増やすためにメルマガ登録や資料請求、セミナーに誘導する仕組みがあるWebサイトをWordPressで作りたい企業におすすめです。

個人事業主・中小企業向けWordPress 有料テーマ Emanon
Emanon
Emanon