CSSカスタマイズでました。

ついにCSSカスタマイズができるようになりました。

1日1Tipsをオウンドで役にたつものを紹介していこうとおもいます。

Ameba Ownd Blog

CSSカスタマイズ機能がリリース!よりオリジナリティの高いサイト作成を!


いつもAmeba Owndをご利用いただきありがとうございます。


おまたせいたしました。CSSカスタマイズ機能が本日リリースしました。(PCのみの機能となっております。)CSSカスタマイズ機能を活用して、サイトをもっとあなたの思い通りにカスタマイズしましょう。それでは具体的にCSS編集機能ではどのようなカスタマイズができるのかご紹介していきますね!


CSSとは、ホームページをデザインするための言語で、CSSカスマイズしてホームページをデザインすることで、より高度なホームページのカスマイズが可能です。


CSSカスタマイズの手順

1. "サイト管理画面>デザイン編集>CSSカスタマイズ"にアクセスします。


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


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



CSSカスタマイズ機能でできること

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


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


[Code]


[Before]


[After]


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


[Code]


[Before]


[After]


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


[Code]


[Before]


[After]


注意事項

1. 選ぶテーマによってあたっているクラス名やDOMが違うこと

2.今適用しているCSSのまま、テーマを変えるとデザイン崩れの可能性があること



説明は以上となります。


CSSカスマイズ編集を活用して、よりオリジナリティの高いサイトを作成することができるようになりました。この場でご紹介できる例は一例ですので、他にも素敵なカスマイズ方法を試してみてください。!Ameba Owndでは、今後もより良いサイトやブログを作っていただけるように、様々な機能をリリースしていきますのでよろしくお願いします。



Your Own Website,

Team Ownd


https://blog.amebaownd.com/posts/162515

作ろうアメーバオウンド!

0コメント

  • 1000 / 1000