WordPressテーマLIQUID PRESS(リキッドプレス)のカスタマイズ

カスタマイズ

LIQUID PRESSは、ブロックエディター(Gutenberg)に対応しており、初心者でも比較的直感的にカスタマイズしやすいテーマです。

主なカスタマイズ方法とポイントをいくつかご紹介します。

1. ブロックエディター(Gutenberg)を活用する

LIQUID PRESSのテーマの多くは、WordPress標準のブロックエディターに完全対応しています。

  • ページや投稿の編集: ブロックエディターを使って、テキストや画像、各種コンテンツブロック(リスト、引用、カラムなど)を自由に配置・編集できます。
  • ブロックスタイル: 見出しやボタンなどのブロックのデザイン(スタイル)を、設定パネルから簡単に切り替えられる機能があります。
  • ブロックパターン: あらかじめ用意されたデザイン済みのセクション(例:お問い合わせフォーム、サービス紹介など)を呼び出して、簡単にページを作成できます。

最新のテーマでは、サイト全体をブロックで編集できるフルサイト編集(FSE)にも対応しているものがあります。この場合、ヘッダーやフッターなどもブロックエディターで修正可能です。

2. WordPressの「カスタマイズ」画面を利用する

旧来のテーマや、ブロックテーマではないLIQUID PRESSテーマの場合、WordPressの管理画面の「外観」>「カスタマイズ」から、サイトの基本的な設定を行います。

ここで変更できる主な項目は以下の通りです(テーマによって異なります)。

  • サイト基本情報: サイトのタイトル、キャッチフレーズ、サイトアイコン(ファビコン)の設定。
  • デザイン・色: テーマカラー、背景色、フォントなどの設定。
  • ヘッダー: ヘッダー画像やレイアウトの調整。
  • メニュー: グローバルナビゲーションなどの設定。

3. ウィジェットエリアの編集

サイドバーやフッターなど、ウィジェットエリアに表示する内容を設定します。

  • 外観」>「ウィジェット」または「外観」>「カスタマイズ」>「ウィジェット」から設定します。
  • LIQUID PRESSには、「最近の投稿(画像付き)」「人気記事(画像付き)」などの独自のウィジェットが用意されている場合があります。
  • 広告(Google AdSenseなど)やFacebookページプラグインを設置したい場合は、「カスタムHTML」ウィジェットなどを使用してコードを入力します。

4. より高度なカスタマイズ

デザインや機能にこだわってカスタマイズしたい場合は、以下の方法を検討します。

  • 子テーマの利用: テーマのファイル(CSSやPHPなど)を直接編集する場合、テーマがアップデートされた際に変更内容が上書きされて消えてしまう可能性があります。それを防ぐために、子テーマを作成し、子テーマ側でカスタマイズを行います。
  • カスタムCSSの追加: 細かいデザインの調整(要素のサイズ、色、配置など)は、「カスタマイズ」画面にある追加CSSの項目にCSSコードを書き込むことで対応できます。
  • デザインスキン・パーツの適用: LIQUID PRESSでは、無料のデザインスキンやパーツが提供されている場合があり、これらを適用することでサイトの雰囲気を大きく変えることができます。

カスタマイズの方法

WordPressテーマLIQUID PRESS(リキッドプレス)のカスタマイズは、主にWordPress管理画面の「外観」メニューから行います。テーマの種類(LIQUID PRESSシリーズのどのテーマか、有料版か無料版かなど)によって利用できる項目や、フルサイト編集(FSE)に対応しているかどうかで方法が異なりますが、基本的な手順は以下の通りです。

1. 基本的なカスタマイズ手順

ほとんどのLIQUID PRESSテーマで共通する、基本的な設定の場所です。

外観 > カスタマイズ

WordPress管理画面の左メニューから「外観」 → 「カスタマイズ」を選択します。 ここでは、設定内容をプレビューしながら以下のような項目の設定を変更できます。

  • :テキストカラー、テーマカラー(ブロックエディターのカラーパレットにも反映)、背景色などの設定。
  • レイアウト:カラムレイアウト(2カラム/1カラム、サイドバーの位置など)の設定。
  • 画像/動画(ヘッダー):ヘッダーに表示する画像(スライドショー)や動画(MP4/WebM、YouTube)の設定。
  • カスタムCSS:独自のCSSを追加して、さらに詳細なデザイン変更を行うことができます。

外観 > ウィジェット

主にサイドバーやフッター、テーマによってはスライドショーエリアなどの特定のエリアに表示するコンテンツを設定します。

  • ウィジェットの追加:「最近の投稿(画像付き)」、「Facebook Page Plugin」、「テキスト」や「カスタムHTML」(広告コードなどに利用)などのウィジェットを配置します。

2. ブロックエディター(Gutenberg)を利用したカスタマイズ

LIQUID PRESSのテーマはブロックエディターに完全対応しており、コンテンツのカスタマイズに利用します。

投稿・固定ページの編集

  • ブロックエディター:記事や固定ページの内容は、ブロックエディターで編集します。LIQUID PRESS専用のブロックパターンブロックスタイル機能を利用して、見出しやセクションのデザインを簡単に変更できます。

フルサイト編集(FSE)対応テーマの場合

フルサイト編集(FSE)に対応しているテーマ(例:LIQUID PRESS BLOCKなど)では、サイト全体の編集をブロックエディターで行います。

  • 外観 > エディター:このメニューが表示されるテーマの場合、クリックするとサイトデザイン全体がプレビューされ、ヘッダーフッターテンプレートなどのサイト全体の構造をブロックエディターで修正できます。

3. その他のカスタマイズ方法

子テーマの利用(推奨)

テーマ本体のファイルを直接編集すると、テーマのアップデート時に変更内容が消えてしまいます。そのため、子テーマを作成し、その中でカスタマイズ用のCSSやPHPコードを記述することが強く推奨されます。

関連プラグインの活用

LIQUID PRESSシリーズ向けに提供されているプラグインや、一般のWordPressプラグインを活用することで、機能面を拡張できます。

  • LIQUID BLOCKS:LIQUID PRESSシリーズでの利用が想定された、デザイン性の高いブロックを追加するプラグイン。
  • 多言語化プラグイン:多言語サイトを構築したい場合に利用します。

LIQUID PRESSのテーマはカスタマイズの幅が広い一方で、初心者でも直感的に編集しやすいように設計されています。まずは「外観」 → 「カスタマイズ」からできる設定を確認してみるのが良いでしょう。

注意点

特に安全かつ効率的にカスタマイズするために、以下のポイントを意識してください。

1. 子テーマの活用(必須)

これが最も重要な注意点です。

  • 親テーマ(LIQUID PRESS本体)を直接編集しない:テーマのアップデートがあった際、直接編集した内容はすべて上書きされて消えてしまいます。
  • 子テーマを作成・利用する:デザイン変更(CSS)や機能追加(PHP)は、必ず子テーマ側で行ってください。子テーマを利用することで、親テーマをアップデートしてもカスタマイズ内容が保持されます。

2. バックアップを必ず取得

予期せぬトラブルに備え、カスタマイズを始める前と、大きな変更を加える際には必ずサイト全体のバックアップを取得してください。

  • WordPressの管理画面から行えるバックアップ機能や、専用のバックアッププラグインを利用するのがおすすめです。
  • 万が一、サイトのデザインが崩れたり、管理画面にアクセスできなくなったりした場合でも、すぐに元の状態に戻せます。

3. 「テーマの編集」機能は使わない

WordPress管理画面の「外観」→「テーマファイルエディター」(以前の「テーマの編集」)からファイルを直接編集するのは非常に危険です。

  • 記述ミス(PHPエラーなど)があると、サイトがクラッシュし、最悪の場合、管理画面にもアクセスできなくなる可能性があります。
  • CSSの追加などは、「カスタマイザー」の「追加CSS」欄や、子テーマの style.css ファイルを使用しましょう。

4. キャッシュのクリア

カスタマイズ内容を反映させたつもりでも、見た目が変わらないことがよくあります。これはキャッシュが原因かもしれません。

  • ブラウザのキャッシュ:Ctrl + F5(Windows)やCmd + Shift + R(Mac)などで強制的に再読み込みをするか、シークレットモード(プライベートブラウジング)で確認してください。
  • キャッシュ系プラグインやサーバーキャッシュ:利用している場合は、それぞれの設定からキャッシュをクリア(削除)してください。

5. プラグインの競合に注意

新しく追加したカスタマイズやプラグインが、既存のプラグインやテーマ本体の機能と競合して不具合を引き起こすことがあります。

  • 不具合が発生した場合:まず、新しく追加・更新したプラグインを一つずつ無効化して、問題が解消するかどうかを確認し、原因の切り分けを行ってください。
  • LIQUID PRESSには推奨プラグインがあるため、特に似た機能を持つプラグインを複数利用しないように注意しましょう。

これらの注意点を守ることで、LIQUID PRESSを安全かつ効果的にカスタマイズできるはずです。

LIQUID PRESS(リキッドプレス)とは

LIQUID PRESS(リキッドプレス)は、WordPress用の高機能で洗練された国産テーマシリーズです。ブログサイトから企業サイト、ランディングページ(LP)まで、幅広い用途に対応した複数のテーマがラインナップされています。

LIQUID PRESSの主な特徴

LIQUID PRESSテーマシリーズの一般的な特徴は以下の通りです。

1. レスポンシブデザインとPC表示切替

PC、スマートフォン、タブレットなど、あらゆるデバイスで最適なレイアウトで表示されるレスポンシブデザインを採用しています。さらに、独自の機能として、ユーザーがモバイル表示からPC表示に切り替えることも可能です。

2. 高いカスタマイズ性とブロックエディター対応

  • WordPressのブロックエディター(Gutenberg)に完全対応しており、HTMLやCSSの知識がなくても直感的な操作で簡単にコンテンツやレイアウトを編集できます。
  • カラー設定、レイアウトオプション、ウィジェットなど、多くのカスタマイズオプションが用意されています。

3. SEOへの最適化

構造化データへの対応やモバイルフレンドリー対策など、SEO(検索エンジン最適化)に有利な内部施策が充実しています。

4. 用途別のテーマラインナップ

ブログ・オウンドメディア向け、企業(コーポレート)サイト向け、ランディングページ(LP)制作向けなど、目的に特化した複数のテーマが提供されており、必要な機能やデザインに応じて選択できます。

5. 公式サポートとライセンス

  • WordPress公式「有料サポート付きGPLテーマ」に登録されており、品質やセキュリティ面での信頼性が高いです。
  • ライセンスはGPLライセンス(または互換ライセンス)を採用しており、一度購入すれば複数のサイトでの利用や商用利用が可能です(一部テーマ除く)。

6. 無料版と有料版

基本的な機能を持つ無料版テーマ(例:LIQUID)と、高度な機能や優先サポートが付く有料テーマが提供されています。

LIQUID PRESSは、特にコーポレートサイト本格的なメディアサイトを制作したい場合に選ばれることが多いテーマです。

LIQUID PRESS(リキッドプレス)は、WordPress用の高機能で洗練された国産テーマシリーズです。ブログサイトから企業サイト、ランディングページ(LP)まで、幅広い用途に対応した複数のテーマがラインナップされています。

料金

「LIQUID PRESS(リキッドプレス)」には、主に以下のような料金体系があります。

1. テーマごとの買い切り型(プレミアムテーマ)

  • テーマによって異なりますが、多くのテーマが14,800円(税込16,280円)などの価格設定になっています。
  • テーマのアップデートは無料、購入後30日間の導入サポートが含まれます。

2. サブスクリプション(年額プラン)

複数のテーマ利用やプレミアムサポートが必要な場合に適しています。

  • ビジネス14,800円/年(税込16,280円)
    • 全商品使い放題、プレミアムサポート、拡張プラグインが含まれます。
  • エンタープライズ29,000円/年(税込31,900円)
    • 全商品使い放題、プレミアムサポート、拡張プラグインなどが含まれます。

また、一部のテーマには無料試用版や、WordPress公式ディレクトリに登録されている無料テーマもあります。

最新かつ詳細な情報は、必ず公式サイト(リキッドデザイン株式会社の「LIQUID PRESS」サービスページ)でご確認いただくことをおすすめします。

LIQUID PRESS(リキッドプレス)の種類

LIQUID PRESS(リキッドプレス)には、サイトの用途に応じて複数の種類(テーマ)がラインアップされています。

主な有料テーマの種類と用途は以下の通りです。

テーマ名主な用途特徴
LIQUID CORPORATEコーポレートサイト、ビジネスサイト多言語化にも対応可能な高品質な企業サイト向け。
LIQUID MAGAZINEオウンドメディア、ブログ本格的なメディア運営を見据えた機能が搭載されたオウンドメディア(ブログ)用。
LIQUID INSIGHTオウンドメディア、ブログコンテンツ分析βツールを搭載したオウンドメディア(ブログ)用。
LIQUID SMARTオウンドメディア、ブログスタイリッシュなグリッドデザインを採用したオウンドメディア(ブログ)用。
LIQUID PORTFOLIOポートフォリオ、ギャラリーコンテンツを美しく見せることに特化したポートフォリオ・ギャラリー用。
LIQUID LPランディングページ(LP)本格的なLPを簡単に作成・運用できるテンプレート。
LIQUID APPアプリLPアプリLPに特化したデザインのランディングページ制作テンプレート。
PRESS BLOCKオールラウンドサイト全体をブロックで自由に編集できる、フルサイト編集対応のブロックテーマ。
LIGHTオウンドメディア、ブログ機能面やデザインがシンプルな、オウンドメディア(ブログ)用(無料版もあります)。

その他の情報

  • 無料テーマ:WordPress公式ディレクトリに登録されているLIQUID AIR(ブロックテーマ、フルサイト編集対応)や、LIQUID(クラシックテーマ、レスポンシブ+PC表示切替可能)などもあります。
  • 購入形式:多くのテーマで買い切り型サブスクリプション型(「LIQUID PRESS」シリーズの有料テーマすべてを利用可能)の2種類が提供されています。
  • 特徴:「レスポンシブデザイン」に加え、ユーザーがPC/スマホ表示を切り替えられるレスポンシブプラス機能や、ブロックエディターへの対応などが共通の特徴です。