カスタムパーツを活用する事で超速構築を実現｜OWLet構築法

カスタムパーツは、「コピー」と「参照」の２種類があります。

コピー：

カスタムパーツが内包するパーツのセット一式がコピー設置され、設置後に個別の編集が可能です。例えば、パターン化された「見出し」「画像」「テキスト」等の組み合わせが複数個表示されるページ等で使用します。

参照：

設置先での個別の編集が出来ませんが、参照元となるカスタムパーツの方を修正する事で、設置先の方に自動で反映されます。バナーや問い合わせフォームへのリンク等の、複数ページで共通化したい要素で使用します。

参照用のカスタムパーツは「枠」が必ず付与され、枠内にコンテンツを配置します。

最初に付与される枠には必ずclassの指定を行いましょう。不要なタグを減らすための工夫です。

カスタムパーツを作成するためには、ページCMS左上の[カスタムパーツ]をクリックします。

カスタムパーツのページに遷移するとレイアウト毎にコピー用と参照用のカスタムパーツを追加するための[追加]ボタンがあります。

作成したカスタムパーツは、カスタムパーツを作成したレイアウトを設定したページで使用できます。また、親のレイアウトで作成したカスタムパーツは、それを継承している子供のレイアウトを指定したページでも使用することができます。

[追加]ボタンをクリックすると、上記画像のような入力欄が表示されます。

パーツ名は下記のようにパーツの中身がどのようなコンテンツかわかるように登録します。

例）

・【共通】h2+枠

・【共通】画像（右）＋テキスト

・【コピー】画像＋キャプション

・【参照】お問い合わせ予約バナー

構築済みのコンテンツを後からカスタムパーツ化することができます。

図のようにカスタムパーツができるパーツ(枠)に 作成用アイコンがありますので、これをクリックします。

続いて、生成方法、種別パーツ名を入力して、[登録]ボタンをクリックして完了です。

カスタムパーツの作成方法の説明は以上です。

カスタムパーツを活用することで、HTMLタグを１つ１つ記述するのと比べて格段に速い速度で構築ができます。

その上、カスタムパーツは運用フェーズでもその威力を発揮します。

リテラシーの高くないサイトオーナーさんでもカスタムパーツを置くだけなら、サイトを更新したり、ページを作成したりできるので、制作側の手離れも非常に良くなります。

OWLetのカスタムパーツで構築も運用も簡単にしてしまいましょう！

OWLetを活用したWEB事業について