サイトデザインの自由度を高めるリリースを行いました

2024年12月25日

いつも弊社サービス「ferret One」をご利用いただき、ありがとうございます。
2024年12月、ferret OneのCMSで、ノーコードによるデザインの拡張性を高める機能を、3つリリースいたしました。
こちらの機能は全てのサイトで利用可能です。

本リリースでは、各リリース内容の詳細について紹介します。
また最後には、2025年の開発方針についても掲載しております。

①カラム内のパーツの、縦位置の調整ができるようになりました

カラム内のパーツの、
縦位置の調整ができるようになりました。

今までは、カラム内のパーツは強制的に上揃えとなっており、左右のパーツの長さに差があると、短い方のカラムで余白が悪目立ちしてしまう問題がありました。

今回のリリースにより、カラム内の各パーツを

  • 上に揃える
  • 中央に揃える
  • 下に揃える

の3つの中から選べるようになりました。

デザインの調整にぜひご活用ください。

Before(上揃えしかできない)

After(中央揃え・下揃えにも対応)

【設定方法】

1. 「行・カラムを編集」を押した後、カラム側のパレットマークをクリックしてください(右図)

2. 「カラム内要素の縦位置」という設定項目を新たに追加しました。ここからご設定ください(右図)

注意事項

行やカラムに対してCSSによるカスタマイズを入れている場合、縦位置を変えることで、背景色の付き方が意図しないものになる可能性があります。

右記のような見え方になってしまっている場合、以下のCSSを外観設定に追加し、カラムに対して「breakpoint-pc」のClass値を追加することで解消される可能性があります。

@include breakpoint-pc {
    &.vertical_position_top {
        display: flex;
         flex-direction: column;
        justify-content: start;
        align-self: auto !important;
    }
    &.vertical_position_middle {
        display: flex;
         flex-direction: column;
        justify-content: center;
        align-self: auto !important;
    }
    &.vertical_position_bottom {
        display: flex;
         flex-direction: column;
        justify-content: end;
        align-self: auto !important;
    }

本件についてのCSS対応をご希望の場合は、こちらのフォームよりお問い合わせください。

②画像の角の丸みを、四角それぞれ調整できるようになりました

画像の角の丸みを、四角それぞれで調整できるようになりました。

角が尖った画像は、時に堅苦しいイメージをユーザーに与えることがあります。今までは、画像の角丸調整にはCSSを書くしかありませんでしたが、ノーコードでできるようになりました。

丸みを持たせ、読み手にソフトなイメージを持たせたい時にぜひご活用ください。

このように、画像に対して丸みをつけられます

【設定方法】

1. 画像パーツに付随するパレットマークをクリックしてください(右図)

2. 「角丸」という設定項目を新たに追加しました。「角スタイル」を「カスタム」にした上で、四角の余白を調整ください。pxと%の2種類の単位で指定できます(右図)。

③行・カラムの角の丸みを、四角それぞれ調整できるようになりました

画像だけでなく、行・カラムの角の丸みも、四角それぞれで調整できるようになりました。

行・カラムの角丸調整も、今まではCSSを書くしかありませんでしたが、それがノーコードでできるようになりました。

こちらも、丸みを持たせて読み手にソフトなイメージを持たせたい時にぜひご活用ください。

 

このように、行・カラムの背景要素にも丸みをつけられます

【設定方法】

1. 「行・カラムを編集」を押した後、カラム側のパレットマークをクリックしてください(右図)。①と同じ場所です。

【設定方法】

2. 「角丸」という設定項目を新たに追加しました。「角スタイル」を「カスタム」にした上で、四角の余白を調整ください。pxと%の2種類の単位で指定できます(右図)。仕様は②と同じです。

2025年の開発方針について

年内のリリースノートの公開は、本リリースが最後となります。

最後に、2025年の開発方針について決まりましたので、一足先にお知らせします。

2025年のテーマは「効率化」と「拡張性」です。

「効率化」に関しては、ferret Oneを使うことで今まで以上に業務効率が改善し、成果を最大化できるような状態を作っていきます。
「拡張性」については、CMSの進化を中心としたテーマです。マーケティングの立ち上げで成果が伸び、さらに組織が成長するフェーズになっても、ferret Oneが様々な改善施策に対応でき、お客様のご期待に応えられるような開発を進めていきます。

具体の開発内容について気になる方は、貴社のCS担当に聞いてみるか、
定期的に開催しておりますオフラインのユーザーイベントにご参加いただければ、最新の告知を聞けるかもしれません。

引き続き2025年も、ferret / ferret Oneをよろしくお願いします。

まとめ

今回はCMSの角丸設定・位置揃えの拡張性についてのリリースについてお知らせしました。
今後も、来期は特に、このような拡張性を高める機能開発を進めてまいりますので、引き続きどうぞよろしくお願いいたします。

関連記事一覧

ページTOPへ戻るボタン