前回の記事「コーポレートサイトにおすすめのWordPressテーマ【100%GPL・無料・有料】」でおすすめWordPressテーマとしてLIQUID PRESSのテーマ「CORPORATE」は紹介しているのですが、今回はLIQUID PRESSのカスタマイズ例をご紹介させていただきます。
実際にテーマを購入し使ってみて気付いた点や公式マニュアルには書いていないけれど注意した方が良い点を書きたいと思います。
WordPressテーマインストールマニュアル | LIQUID PRESS
LIQUID PRESSテーマの特徴
レスポンシブWordPressテーマ日本語テンプレート | LIQUID PRESS
- 100%GPL
- 商用利用OK(1ライセンスで複数のサイト構築可)
- Bootstrap 4対応
- レスポンシブ・スマホ/PC出し分け
- 簡単カスタマイズ
LIQUID PRESSのWordPressテーマの特徴は機能が豊富でありながら、軽量であること。テーマファイルの構成もシンプルでわかりやすく、カスタマイズしやすいです。WordPress公式テーマ「Liqud」がベースのテーマなのでコードもクリーンで安心して使えます。コーポレートサイト向けの「CORPORATE」やおしゃれなメディアサイト向けの「SMART」や「MAGAZINE」など用途に合わせて多様なテーマが選べます。
100%GPLなので制作代行にも使える
LIQUID PRESSのWordPressテーマは100%GPLなので、一度テーマを購入すれば何度でもサイト制作代行に使えます。他の非100%GPLテーマはテーマ制作代行には別途ライセンスオプションが必要な場合が多いですが、100%GPLだと自由にサイト制作に何度でも使えます。
クリーンなコードで安心して使える品質
HTML5 W3C Markup Validation Service クリア
Google モバイルフレンドリーテスト クリア
Google 構造化データテストツール クリア
WordPress 公式テーマ向け Theme Check クリア
Facebook Open Graph Object Debugger クリア
Liquid PressさんのテーマはベースがWordPress.orgのテーマレビューを通過した公式テーマなだけあって、各種の品質検証ツールをきちんと合格しています。クリーンなコードのテーマで企業サイトで使うのにも安心ですね。
子テーマの作り方
公式マニュアルが充実しているのでそちらを参照すれば十分だと思いますが、子テーマのサンプル配布が無かったので私の方で作ってアップロードしました。
こちら↓からダウンロード出来ます。カスタマイズのスターターとしてご利用下さい。
基本的な作り方は下記マニュアルにある通りです。サンプル子テーマにはfunctions.phpとstyle.cssのみあります。必要な親テーマのフォルダやファイルはそれぞれコピーして下さい。
WordPress子テーマの作り方 | LIQUID PRESS
CSS
@charset "utf-8"; /* Template: liquid-corporate Theme Name: LIQUID Corporate Child Theme URI: https://lqd.jp/wp/ Description: LIQUID CORPORATE CHILD THEME Author: LIQUID DESIGN Author URI: https://lqd.jp/ License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: White, fluid-layout, Responsive-Layout, accessibility-ready, custom-header, custom-menu, featured-images */ /* 子テーマのスタイル */ /*------------------------------- 追加するカスタマイズはここから下に -------------------------------*/
気をつける点は
Template: liquid-corporate :-親テーマのフォルダ名を指定(liquid-○○の形にする)
Theme Name: LIQUID Corporate Child:子テーマの名前を指定(スペース入れても良い)
とすることです。Template:は親テーマのフォルダ名を入れます。ここはスペースを入れないでください。
子テーマのフォルダ名は「親テーマ名-child」(ここでは「 liquid-corporate-child」とする)とすると良いでしょう。
functions.php
<?php // 親テーマと子テーマのCSSを読み込み add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'liquid-style', get_template_directory_uri() . '/style.css', array('bootstrap', 'icomoon') ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('liquid-style') ); } //追加する場合ここから下に ?>
関数を上書き・追加するときは「//追加する場合ここから下に」に入れて下さい。
子テーマの画像やファイルのパスを取得する
子テーマの画像やファイルを指定するときには、get_template_directory_uri 関数ではなく get_stylesheet_directory_uri(); 関数を使いましょう。get_template_directory_uri 関数だと親テーマのフォルダを取得することになるので子テーマのフォルダにある画像やテーマファイルのパスを取得出来ません。
コンテンツ分析βツール
INSIGHT 、MAGAZINE、SMARTのオウンドメディア向けテーマにはコンテンツ分析βツールの機能があります。
オウンドメディア コンテンツ分析βツールリリース! | LIQUID PRESS
この機能は親テーマのadminフォルダを子テーマフォルダへコピーしないと有効になりませんのでご注意下さい。
ブログカード機能
Magazineテーマには、はてなブログと同じようなブログカード機能があるのですが、これはWordPressで制作されたブログ記事へのリンクしかカード表示になりませんのでご注意下さい。
WordPress記事投稿マニュアル | LIQUID PRESS
CORPORATEのカスタマイズ例
金沢ゲストハウスNANA様
金沢ゲストハウスNANA様のホームページの英語版・日本語版ともに制作させていただきました。大分レイアウトが違いますが、CORPORATEをベースにカスタマイズして制作しています。
金沢町家INN HANA様
金沢町家INN HANA様のホームページ:英語版日本語版ともに制作させていただきました。こちらは金沢ゲストハウスNANA様の姉妹ゲストハウスですが和モダンの一軒家の素敵なゲストハウスです。
金沢町家INN HANA – 金沢の街中、竪町の一角にある築90年の貸切お宿(ゲストハウス)です。
CORPORATEの特徴
コーポレートサイト多言語対応WordPressテーマ | LIQUID PRESS
- 100%GPL
- 商用利用OK(1ライセンスで複数のサイト構築可)
- CTAボタンや会社情報を簡単に設定可能
- Bootstrap 4対応
- プラグイン無しでSEO対策/ソーシャル連携対応
- プラグイン無しで多言語化対応可
- テーマ導入のサポート・マニュアルあり
MAGAZINEのカスタマイズ例
置き配アプリ「Nr」様
置き配アプリ「Nr」のサイト制作・ブログ制作をさせていただきました。こちらは「Magazine」テーマをベースに、ブログページはテーマ標準のindex.phpを、フロントページ用にはpage-templateを作って制作しました。
MAGAZINEの特徴
MAGAZINE オウンドメディア構築用WordPressテーマ | LIQUID PRESS
- 100%GPL
- 商用利用OK(1ライセンスで複数のサイト構築可)
- 人気記事自動表示:表示先/カラム数設定可能
- Bootstrap 4対応
- プラグイン無しでSEO対策/ソーシャル連携対応
- メディアに特化したUX
- プロフィールウィジェット:運営者情報簡単表示
- テーマ導入のサポート・マニュアルあり
CORPORATE、MAGAZINEともに有料テーマですが、何度でもサイト制作に使えるのでかなりお得。デフォルトはシンプルながら、色やレイアウトはコーディング無しでカスタマイズ画面から簡単に変更出来るので、初心者の方にもおすすめのWordPressテーマです。LIGHTは無料で試用も出来るので是非一度ダウンロードして使ってみてはいかがでしょうか。
LIGHT Bootstrap4対応 WordPressテーマ無料 | LIQUID PRESS
LIQUID PRESSさんの新しいテーマ「LIQUID LP」も購入しレビューしました。効率よくランディングページが作成できるWordPressテーマ LIQUID LP
おすすめWordPressテーマシリーズ:
WordPressテーマSTORKのカスタマイズ例をご紹介 初心者さんにおすすめのテーマです
コーポレートサイトにおすすめのWordPressテーマ【無料・有料】
ブログ・メディアにおすすめのWordPressテーマ【有料・無料】