テンプレートをカスタムするには

Smart CRM & Sales Hub Tips, Tricks & Best Practices
1

質問させてください。

最初にテンプレートを選択してLPを作成したあと、細部のデザインを調整するためにCSSをカスタムすることは出来るのでしょうか？

また、それはどのような方法でカスタム出来るのでしょうか？

教えて下さい。よろしくお願いします。

2

Hi @Quinn1,

I don’t speak japanese but in case my translation tool got it right:
You can customize the CSS of a landing page after the the creation.

Note: If you’re working with a theme from the marketplace or the @hubspot-folder you’ll most likely create a child-theme via design-tools(or local dev) before being able to change things.

you have following options to edit the design:

  1. If you haven’t set the theme settings, start here. You’ll find them here: HubSpot settings(gear icon top right) → website → themes → YOUR THEME
  2. Change CSS settings directly in the CSS file(s) which are located in your (child-)theme. If you can’t modify them in the theme, you have to create a copy for the child-theme. To do so right-click on every file you’d like to change and select “clone to child theme”.
  3. Add the CSS settings in the advanced options inside the page settings (not recommended since you’ll need to add them in every page)
  4. Add them on template level. Either via the “require_css” or “require_head”. By default those files/code-snippets should be added after the theme-override.css but check the base.html/layout.html of your theme.
  5. Add the file to the base.html/layout.html or main.css if the styling should be applied globally.

hope this helps,

best,

Anton

3

Thank you, Anton!!! I appriciate!!

4

先ほど別スレで書きましたが

https://community.hubspot.com/t5/%E8%B3%AA%E5%95%8F-%E3%83%87%E3%82%A3%E3%82%B9%E3%82%AB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%AA%E3%81%84LP%E5%88%B6%E4%BD%9C%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/m-p/933227#M1408

が回答になります。

Antonが回答しているものとほぼ同等になります！

LPのリリーススケジュールと開発時間の融通さを天秤にかけ、最良な方法でcssを実装してください。

参考になれば幸いです。