--- title: ドラッグ&ドロップエリアがあるテンプレートとそうでないテンプレートを差し替える方法｜Tips｜日本トップクラスのHubSpotテック企業 株式会社パンセ description: 「d&dを使ったテンプレートから生成しているページを、d&dを使っていないテンプレートに差し替えたい」あるいはその逆の場合、いずれもテンプレートを差し替えることができません。しかし、どうしても「ページはそのままでテンプレートを差し替えたい」という場面はあると思います。そのときに使える手法をご紹介します。 image: https://demo.100inc.co.jp/hubfs/Imported%20images/logo.png --- [![株式会社100ロゴ](https://demo.100inc.co.jp/hs-fs/hubfs/Imported%20images/logo.png?width=60&height=45&name=logo.png)](https://demo.100inc.co.jp) Jul 29, 2021, 12:00:00 AM[CMS Hub](https://demo.100inc.co.jp/blog/tag/cms-hub) # ドラッグ&ドロップエリアがあるテンプレートとそうでないテンプレートを差し替える方法 ## 目次 フレキシブルカラムの後継（とは言え、フレキシブルカラムも現役ですが）としてリリースされたドラッグ&ドロップエリア（以後d&d）の仕組みは非常に便利です。しかし、これが使われているテンプレートと使われていないテンプレートは互換性がなく、例えば - d&dを使ったテンプレートから生成しているページを、d&dを使っていないテンプレートに差し替えたい - 上記の逆でd&dを使っていないテンプレートから生成しているページを、d&dを使ったテンプレートに差し替えたい と言う場合、いずれもテンプレートを差し替えることができません。これはドキュメントにも明記されている仕様です。しかし、どうしても「ページはそのままでテンプレートを差し替えたい」という場面はあると思います。 その場合は、d&dを使っていないテンプレートに、一時的にd&dのコードを埋め込むことで解決します。 ``` ``` 要はd&dのコードを埋め込むことで互換性が生まれるので、テンプレートを差し替えて元に戻す、という方法ですね。これができるだけで一気にラクになることもありますので、覚えておいて損はないでしょう。 余談ですが、ここで新しくページ作ったりすると、当然別のIDを持った別物のページが出来上がります。仮にURLを元のものにしたとしても、HubSpot内での解析情報は引き継がれず、また他の箇所からページ指定でリンクを張っている箇所は全て参照エラーとなります。基本、一度作成したページを非公開にして、新しく作ったページで元のURLで公開する、みたいなやり方は禁忌です。 - [シェア](https://www.facebook.com/sharer.php?u=https%3A%2F%2Fdemo.100inc.co.jp%2Fblog%2Ftips%2Fhow-to-give-compatibility-dnd-template-and-not-one) - [ツイート](https://twitter.com/share?text=%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%26amp%3B%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%82%A8%E3%83%AA%E3%82%A2%E3%81%8C%E3%81%82%E3%82%8B%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%81%A8%E3%81%9D%E3%81%86%E3%81%A7%E3%81%AA%E3%81%84%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%92%E5%B7%AE%E3%81%97%E6%9B%BF%E3%81%88%E3%82%8B%E6%96%B9%E6%B3%95%EF%BD%9CTips%EF%BD%9C%E6%97%A5%E6%9C%AC%E3%83%88%E3%83%83%E3%83%97%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%AEHubSpot%E3%83%86%E3%83%83%E3%82%AF%E4%BC%81%E6%A5%AD+%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%83%91%E3%83%B3%E3%82%BB&url=https%3A%2F%2Fdemo.100inc.co.jp%2Fblog%2Ftips%2Fhow-to-give-compatibility-dnd-template-and-not-one) 執筆者：[Admin](https://demo.100inc.co.jp/blog/author/admin) ## 関連記事 ## 人気の記事 - Nov 22, 2019, 12:00:00 AM - [CMS Hub](https://demo.100inc.co.jp/blog/tag/cms-hub) [カスタムモジュールのリピートコンテンツの入力が面倒な場合の対処法](https://demo.100inc.co.jp/blog/tips/resolve-hassle-of-repeater) - Dec 30, 2022, 3:22:31 PM - [#sample](https://demo.100inc.co.jp/blog/tag/sample) [テストpost（複製）](https://demo.100inc.co.jp/blog/アカデミー練習-1-0) - Jun 20, 2019, 12:00:00 AM - [CMS Hub](https://demo.100inc.co.jp/blog/tag/cms-hub) [CSSやJSの修正をすぐに確認したければ、プレビューURLで](https://demo.100inc.co.jp/blog/tips/check-update-on-preview-url) - Dec 11, 2017, 12:00:00 AM - [ブログ](https://demo.100inc.co.jp/blog/tag/ブログ) [INBOUND 2017参加レポート サブセッション編](https://demo.100inc.co.jp/blog/tips/inbound-2017-subsessions) - May 9, 2024, 1:20:53 PM - [#通常のタグ](https://demo.100inc.co.jp/blog/tag/通常のタグ) [test](https://demo.100inc.co.jp/blog/test-shida) © Pensees