Hakoniwa ではデモサイトの画像/テキスト/ブロックの配置など、見たまんまのデザインをそのまま自分のウェブサイトに取り込んで使用できるパターン(JSON ファイル)を配布しています。
「パターンファイル持ってないよ!」という方は、デモサイトのパターンをダウンロードしてみましょう。
次に「ダッシュボード」から「外観」→「エディター」→「パターン」を選択してください。
パターンの「+」アイコンを押して「JSON からパターンをインポート」を選択し、ダウンロードしたパターンをインポートしましょう。
![](https://hakoniwa.animagate.com/wp/wp-content/uploads/2024/05/wp-hakoniwa-import-design-pattern-json-data02.png)
インポートしたパターンは「マイパターン」の中に追加されます。
![](https://hakoniwa.animagate.com/wp/wp-content/uploads/2024/05/wp-hakoniwa-import-design-pattern-json-data03.png)
追加したマイパターンは以下のことができます。必要に応じて操作しましょう。
マイパターンでできること
- 名前の変更(覚えやすいパターン名に変えることをおすすめします)
- 複製(インポートしたパターンは雛形として保管しておき、複製したパターンを好き勝手に編集するのもアリ)
- JSON としてエクスポート(他のサイトでも使いたい場合に便利)
- 削除(要らなくなったら削除もできる)
![](https://hakoniwa.animagate.com/wp/wp-content/uploads/2024/05/wp-hakoniwa-import-design-pattern-json-data04.png)