アメーバオウンドでデザインテーマ変更

AmebaOwnd（アメーバオウンド）開設したサイトです。

昨日、デザインテーマを変更しました。

久し振りにデザインを変えたので、自分用の備忘録も兼ねて記事にまとめました。

今回変更した内容

デザインテーマ：「TYPTM」から「CDG」に変更

サイトカラー：一番左上のカラーセットを使用し、下記を個別に指定

　リンクテキスト ⇨ #3cd49d（グリーン）

　メインナビテキスト、ボタン ⇨ #cc5274（ピンク）

フォント：Oswaldに変更

カバー写真

変更の目的

アメブロとの連携するために変更しました。

今までのデザインテーマは、アメブロ連携できないテーマだったので、連携可能なテーマを選びました。

それから、少しサイトのイメージを変えてみようと思いました。

変更前のHOMEページの画面はこちらです。

できるだけシンプルに、色味も抑えていました。

テーマの変更を試していたときに、間違って色が変わっていますが、ラインやリンクテキストはグリーンに設定していたので、ブラックとグリーンの2色でした。

今回はその2色にピンクを加えました。

アメーバオウンドでサイトを作る方は、女性が多いイメージなので、女性向きにしたいなと考えたからです。

（もちろん、男性の方にもご覧いただきたいと思っています！）

使用したカラーコードについて

サイトカラーで個別指定するときには、カラーコードを入力しました。

グリーンの#3cd49dは、アメーバオウンドのサイトで使用している色に合わせました。

色を選ぶときや、カラーコードを調べるときは、原色大辞典を参考にすることが多いです。

変更作業の感想

デザインテーマは、簡単に変更できます。

ただ、実際変更してみないとわからないことも多く、プレビューや、実際にパソコンやスマホの画面で確認しました。

今回使用したデザインテーマ「CDG」は、スマホの表示で、カバー写真とサイトアイコンが一部重なるため、何度か変更して時間が掛かってしまいました。

思ったよりも苦労しましたが、いろいろ試行錯誤する作業は楽しかったです。

また気になる箇所があれば変更するかもしれませんが、しばらく様子をみようと思います。