CSSをカスタマイズする

CSSカスタマイズ機能を利用すると、Ameba Owndで用意しているデザインテーマを、もっとオリジナル性の高いデザインにカスタマイズすることができます。


CSSカスタマイズの方法

① 左メニューの"カスタマイズ"をクリックします。


② "CSSカスタマイズ"をクリックします。


③ ご希望の箇所のCSSを編集してください。もちろん画像のアップロードも可能です。


④ "保存"をクリックするとCSSカスマイズ完了です。


CSSカスタマイズ例

CSSカスタマイズ機能を利用してできる、3つの例をご紹介させていただきますね!


例1. ボタンの見た目を変更できる

[Code]



[Before]

[After]


例2. タイトルの見た目を変更できる

[Code]

[Before]

[After]


例3. 日付を非表示にすることができる

[Code]

[Before]

[After]



注意事項

  • 選択中のデザインテーマによって、HTMLの要素やクラス名が異なります
  • CSSを適用したまま、デザインテーマを変更すると、思いがけない表示崩れが発生する可能性がありますのでご注意ください
  • CSSの記述方法などについてのお問い合わせはお答えしかねます
  • 高度なカスタマイズ機能のため、お客様の自己責任でカスタマイズくださいますよう、お願いいたします



使い方についてご不明な点がございましたら問い合わせフォームからお気軽にご質問ください。