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の記述方法などについてのお問い合わせはお答えしかねます
  • 高度なカスタマイズ機能のため、お客様の自己責任でカスタマイズくださいますよう、お願いいたします




Ameba Owndでは、毎月「Best Ownd」と題しまして、素敵なサイト様を取り上げさせていただいております。

CSSカスタマイズ機能を使って、オリジナリティのある素敵なサイトが増えることを楽しみにしております。ぜひ試してみてくださいね。

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