完璧なWordPressサイトをLayersで構築する

オープンソースソフトウェアの最も良い点の一つは、心のままに修正できる自由があることです。だからこそ、WordPressは素晴らしいブログプラットフォームなのです。数百のテーマから選ぶことができ、プラグインで拡張し、役立つトリックでパフォーマンスを向上させることができます。

もし、独自のWordPressテーマを作りたいと思っていたが、コーディングスキルや学ぶための時間がなかった場合、Layersは間違いなくあなたにぴったりです。これは、デフォルトのWordPressオプションと密接に統合されたテーマフレームワークで、シームレスなカスタマイズ体験を可能にします。コーディングの知識がなくても、ドラッグ＆ドロップインターフェースとユーザーフレンドリーなダイアログを通じてWordPressテーマをデザインできます。

インストールとWordPressとの統合

Layersは無料でオープンソースなので、.zipをダウンロードして、既存のWordPressセットアップにテーマインストールダイアログを介してインストールできます。Layersを使用するには、アクティブなWordPressテーマとして選択する必要があります。

一度アクティブ化されると、LayersはWordPressインターフェースのいくつかの部分からアクセス可能になります。メインのWordPressサイドバーに「Layers」という新しいメニューが表示されます。ここで、Layersのダッシュボードからすべての側面を制御できます。

Layersは、外観メニューとも統合されており、「カスタマイズ」をクリックすることでアクセスでき、ページメニューでは「Layersテンプレート」として新しいページを追加できます。最後に、WordPressサイトをプレビューする際には、ツールバーに「レイアウトを編集」という新しいオプションが表示されます。

Layersをインストールせずに試してみたい場合は、ブラウザで動作するデモバージョンがありますが、（無料の）登録が必要です。

LayersでのWordPressページの編集

Layersは本質的に完全にカスタマイズ可能なWordPressテーマとして機能します。他のテーマのように事前定義された機能はなく、ウィジェットを追加、削除、編集することでウェブサイトのすべての要素を調整できます。ゼロからページを構築する気がしない場合は、プリセットレイアウトのいずれかを選択できます。いくつかのテンプレートは、ポートフォリオページ、ランディングページ、またはビデオページなど、特定の目的のために作られています。レイアウトで作業を開始するには、メインツールバーの「レイアウトを編集」またはWordPressサイドバーのページメニューから「ページを編集」をクリックします。

Layersエディターには、左側にメインサイドバーがあり、編集したい項目（ページ本文、モバイルサイドバー、フッター）を選択できます。各セクションはドロップダウンメニューで、ウィジェットを追加および再配置できます。ウィジェットをクリックすると、右側にオプションダイアログが開き、さらなるカスタマイズが可能です。

アイコン付きの縦のツールバーはデザインバーと呼ばれ、選択したウィジェットに応じて変わります。各ウィジェットには独自の機能セットがあり、LayersウィジェットはデフォルトのWordPressウィジェットと区別するために青いアイコンでマークされています。デザインバーの「詳細」ボタンをクリックすると、そのウィジェットのCSSを編集できます。このようにして、Layersは高度なCSSに精通したユーザーに対して、コンテンツに対するより高い制御を提供します。

もちろん、レスポンシブデザインに関しても、コードに触れる必要はありません。Layersは、ウィジェットを選択して再配置することで、特別なモバイル専用メニューを作成できるため、モバイルデバイスをサポートしています。

レイアウトの編集は、選択したWordPressページにのみ影響します。ただし、Layersはサイト全体の設定も変更できます。それにアクセスするには、Layersエディターサイドバーの「レイアウトを編集」から戻る矢印をクリックします。

サイト設定の調整

サイト設定メニューから、ロゴやウェブサイトのタイトル、ナビゲーションやサイドバーなどの要素を制御でき、Layersのサービスとの統合によりGoogleフォントを使用できます。

Layersエディターサイドバーには、ヘッダーとフッターの編集、静的フロントページの設定、カスタムCSSの追加のための別のオプションもあります。ヘッダーとフッターのセクションには、Googleアナリティクスのトラッキングや類似のJavascriptベースの機能のようなカスタムコードをウェブサイトに追加するために使用できる「追加スクリプト」タブがあります。

Layersでテーマを構築する予定がある場合は、まずこれらの一般的な要素（サイト全体の設定）から始めて、次に個々のページをカスタマイズし、ページのセットに適用できるテンプレートを作成することをお勧めします。

エクスポートと高度な機能

作成したレイアウトに満足したら、さまざまな形式でエクスポートできます。WordPressダッシュボードから、Layersメニューに移動し、バックアップを選択してすべてのオプションを確認します。レイアウトだけをエクスポートすることも、変更されたウィジェット設定とともにコンテンツの完全バックアップを行うこともできます。

Layersでは、子テーマやスタイルキットを作成することも可能で、これらはウェブサイトインターフェースのすべての要素を含むより広範なエクスポートです。ただし、Layersを持つWordPressインストールにのみ適用できます。公式ドキュメントには、スタイルキットの作成とインポート方法が説明されています。

Layersのもう一つの便利な機能は、WooCommerceのサポートで、eコマースウェブサイトの構築がはるかに簡単になります。

結論

Layersは成長中のプロジェクトであり、いくつかの機能が不足していると感じた場合、将来のバージョンで追加される可能性があります。WordPress初心者が迅速にカスタムテーマを作成するための簡単な方法であり、ウェブサイトを重くすることはありません。インターフェースは整理されており、シンプルで、サイドバーからドロップダウンメニューを経て個々のウィジェットダイアログに至る左から右へのワークフローがあります。もちろん、Layersはこの種のWordPress拡張機能の唯一のものではないので、何らかの理由で気に入らない場合は、以前に取り上げたPlatformやUnysonを試すことができます。

Layersを試したことがありますか？独自のWordPressテーマを構築するのが好きですか、それとも他のデザイナーの作品に頼りますか？コメントで教えてください。