Luxeritasは高カスタマイズで使いやすい無料テーマ

Luxeritas（ルクセリタス）

高速化

SEOに重要な表示速度の高速化、画像の軽量化、不要なプラグインを利用しないなどありますが、テーマ自体が高速化に配慮されていることも重要です。テクニカルSEOの効果がなくなりつつあるなかで高速化はまだ手をだすことが可能な対策方法です。Luxeritasは以下の高速化対策がとられています。

1. HTML、CSS、Javascript を静的に圧縮・結合することが可能。
2. 子テーマの CSS や Javascript すらもカスタマイズ画面から静的に圧縮・結合することが可能。
3. CSS、Javascript のリクエスト数を最小限に抑えた設計。
4. CSS、Javascript の適切な配置によるブロッキング排除。
5. デザインに影響を及ぼさない CSS、Javascript の非同期読み込み。
6. .htaccess によるブラウザキャッシュと Gzip 圧縮。
7. ブログ、管理画面、カスタマイズプレビューを分離したプログラミングによる応答性向上。
8. Google が推奨する Intersection Observer による LazyLoad（従来の LazyLoad とは全く異なる）など最新の技術を採用

AMP Project

1. オリジナルのページと AMP のページの見た目がほぼ同じ
2. AMP 用スタイルシートで自由に見た目が変えられる
3. 固定フロントページも AMP 化できる（プラグイン等ではほぼ不可能）
4. ページ単位で AMP の ON/OFF が切り替えられる
5. コンテンツ類の AMP 用タグへの自動置換
6. AMP 専用ウィジェット領域

多機能・高カスタマイズ

1. 管理画面でカスタマイズできる内容は 約64種 600項目以上。
2. 投稿画面からボタン押下で簡単に挿入できる定型文・ショートコード登録機能。
3. 投稿画面からボタン押下で簡単に挿入できるブログカード機能。
4. 多彩なブロックエディタ用ブロック搭載。
5. 高機能エディタによる子テーマ編集機能付き。
6. テンプレートごとに 1～3 カラムが選べる自由なレイアウト。
7. テンプレートごとにグリッドの見た目を変えられるグリッドレイアウト。
8. サイドバーを2つ脇に寄せた特殊3カラムにも対応。
9. 記事一覧の記事単位による分離・結合。サイドバーの項目ごとによる分離・結合など自由なデザイン。
10. コンテンツ・サイドバーの分離・結合も可能。
11. グローバルナビのデザインや配置も変更可能。ヘッダー上のメニューの表示有無やデザインも自由自在。
12. ページャー、LazyLoad、画像ギャラリーなども、プラグインなしで使用可能。
13. カスタマイズしたデザインは、インライン CSS よりも CSS ファイルに書くべきものについては、自動的に CSS ファイルの方に埋め込まれるため、高速化に対する影響や無駄のない設計。

テーマを変更する手順

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

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

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

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

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

テーマを安全に運用する

WordPressのテーマとは、サイト全体のテンプレートのことです。テーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっています。そのため、テーマを変更すれば複雑な処理を行うことなく、デザインや構成、機能などを変えることができます。テーマは、インターネット上で無料ダウンロードできるものから、有料で販売されているものもあります。また、自分で作成したテーマをアップロードして使用することも可能です。

テーマの更新には、機能の追加・変更などのほかに、セキュリティ向上や不具合の修正なども含まれるため、常に最新の状態にアップデートしておくことです。また、テーマを更新すると、カスタマイズは初期化してしまいます。更新する度にカスタマイズし直すのは手間がかかるので、「子テーマ」の利用が推奨されています。子テーマを作る理由はテーマを直接カスタマイズしてしまうと、テーマのバージョンアップによって変更した内容が上書きされてしまうからです。子テーマは、親テーマの機能やスタイルを引き継いでいます。子テーマにカスタマイズしたい部分だけを付け加えておけば、テーマを更新した後もカスタマイズした状態をそのまま引き継げます。

テーマの選び方

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

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

ザ・トール（有料テーマ）

Webサイト制作・Webデザイン