「Luxeritas」WordPressテーマをカスタマイズする方法

「Luxeritas」WordPressテーマをカスタマイズする方法です。「Luxeritas」は、SEO 最適化済み、レスポンシブ、高カスタマイズ性を持つ無料のテーマです。特にカスタマイズは高機能で細かいところまでカスタマイズでき、プラグインの追加なしでサイトを構成できます。（この記事はVer3.3.6を基に書いています）

WordPressテーマをカスタマイズ

「Luxeritas」のテーマカスタマイザーのカスタマイズ内容は以下の表のようになっています。公式テーマと比較すると豊富なカスタマイズ機能を備えています。

• Luxeritas 公式サイト
• ダウンロード

サイト基本情報	サイトのタイトル キャッチフレーズ
グリッドレイアウト	リスト型トップページ（通常スタイルかタイル型） カテゴリー（通常スタイルかタイル型） アーカイブ（通常スタイルかタイル型） タイル型の並び順（サムネイル・タイトル・メタ情報を並び替えることができる） 記事一覧の抜粋の文字数と色濃度を指定できる 記事を読むを通常スタイルとタイル型で変更できる
カラム操作	1～3カラムで選択できる フロントページ、投稿ページ、固定ページ、カテゴリー・アーカイブをそれぞれカラム数を指定ができる サイドバーの位置を2/3カラムによって指定できる 領域の分離と結合が指定できる
ヘッダー・フッター	タイトルの位置・余白・ヘッダーの位置・フッターの位置を指定できる
コンテンツ領域とサイドバー	コンテンツ領域に枠線をつけたり余白を指定できる サイドバーウィジェットの幅や位置を指定できる
ディスカッション	投稿ページ（コメント表示・トラックバックURLを表示できる） 固定ページ（コメント表示・トラックバックURLを表示できる） コメント一覧の表示方法
細部の見た目	ヘッダーのキャッチフレーズを変更できる、デフォルトのキャッチと別のものにできる ホームのテキスト Page Topのボタンのテキストを変更
メタ情報の表示位置	記事タイトル下と記事下のメタ情報を表示させることができる。（投稿日時・更新日時・カテゴリ名・タグ表示タクソノミー）
サムネイル（アイキャッチ）	サムネイルの表示と非表示の切り替え 画像に対するテキスト（抜粋の配置） サムネイルの表示サイズ（独自のサムネイルの場合）
文字種（フォントファミリー）	ローマ字フォントと日本語フォントを選択できる
文字サイズ	ページ内の各文字サイズを指定できる
文字色	リンク色やリンクホーバーの色を指定できる
背景色・枠線色	コンテンツ・サイドバー・ヘッダー・フッター・コピーライトなどの背景色・枠線色を指定できる
背景・タイトル・ロゴ画像	サイトのタイトルを画像にしたり、ワンポイントロゴ画像をサイトのタイトルの左に表示したり、サイドバー背景画像、ヘッダー背景画像等を設定することができる。
パンくずリンク	リンクの配置・余白・文字色・背景色を設定できる
ヘッダーナビ（グローバルナビ）	グローバルナビの位置、モバイルメニューの種類、スクロール固定、横幅の大きさなどを指定できる
ヘッダー上の帯状メニュー	表示や横幅、帯状メニューの外観、検索ボックスの文字色・背景色、フォローボタンの表示方法を指定できる
目次	投稿内の見出しタグに基づいて目次を作成できる
アニメーション	サムネイル、SNSシェアボタン、ヘッダーナビのアニメーション効果を有効にすることができる
Lazy Load（画像の遅延読み込み）	サムネイル・コンテンツ・サイドバーの画像をそれぞれ指定できる
画像ギャラリー	画像ギャラリーの種類を指定することができる
外部リンク	外部リンクの属性を指定することができる
投稿者名の表示	投稿者のリンク先ページを指定できる
ブログカード	ブログカードの有効化と設定ができる
SNSシェアボタン	SNSシェアボタンの種類と配置などを設定できる
SNSシェアボタン（2）	記事上と下の各ボタンの表示・非表示ができる

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

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

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

• 汎用サイドバー（タイトルh3タイプ）
• 汎用サイドバー（タイトルh4タイプ）
• トップページ用サイドバー（タイトルh3タイプ）
• トップページ用サイドバー（タイトルh4タイプ）
• トップページ以外のサイドバー（タイトルh3タイプ）
• トップページ以外のサイドバー（タイトルh4タイプ）
• スクロール追従サイドバー（h4タイプ）
• AMP用サイドバー（h4タイプ）
• ヘッダー下ウィジェット
• ヘッダー下ウィジェット（AMP用）
• 記事タイトル上ウィジェット
• 記事タイトル上ウィジェット（AMP用）
• 記事タイトル下ウィジェット
• 記事タイトル下ウィジェット（AMP用）
• 投稿内で最初に見つかったH2タグの上
• 投稿内で最初に見つかったH2タグの上（AMP用）
• 関連の記事上ウィジェット
• 関連の記事上ウィジェット（AMP用）
• 関連の記事下ウィジェット
• 関連の記事下ウィジェット（AMP用）
• 記事一覧上ウィジェット
• 記事一覧中央ウィジェット
• 記事一覧下ウィジェット
• フッター左（タイトルH4）
• フッター中央（タイトルH4）
• フッター右（タイトルH4）
• 記事下ウィジェット
• 記事下ウィジェット（AMP用）
• 記事下ウィジェットよりさらに下
• 記事下ウィジェットよりさらに下（AMP用）
• 3カラムサイドバー（タイトルH3タイプ）
• 3カラムサイドバー（タイトルH4タイプ）

プラグインでWordPressテーマをカスタマイズ

テーマのデフォルトカスタマイザーで十分にカスタマイズできないときは、プラグインの導入をお勧めします。直接テーマのソースを変更してしまうと思わぬ不具合がでることもあり、特に初心者の方にはハードルの高いものなっています。

• All in One SEO Pack（プラグイン）の使い方・・SEOを一括して設定
• WP Multibyte Patchはマルチバイト文字の修正をする・・コンタクトフォームを利用するなら必須
• Related Postsは関連する記事を表示してくれる・・内部リンクも強化できる
• Pz-LinkCardはブログカードを生成できるプラグイン・・外部リンクをカード形式で表示
• Shortcodes by Angie Makesは記事を装飾できるプラグイン・・cssの知識がなくてもページを装飾

比較的簡単に着せ替えることが可能で、新しいテーマをインストール＆アップロード後有効化すればとりあえずWEBサイトにはなっています。注意したいのは、検索エンジンからの流入を重視している場合、着せ替え後一定期間で流入がダウンすることがあります。着せ替え後のコンテンツの修正が多岐にわたっている場合などはこの現象が顕著に表れることもあります。変更後はアクセス状況に注目し、どんなページ変化が生じているかを分析した方がいいかもしれません。