テーブル内のボタンは、視覚的に明確でインタラクティブであるべきです。よく選ばれた背景色はユーザーの目を引き、滑らかなホバー効果はクリック可能であることを確認します。これらがないと、ボタンが場違いなものに見えたり、最悪気づかれなかったりする危険性があります。
このガイドでは、ボタンの色やホバーエフェクトをエディター上でカスタマイズする方法をご紹介します。
ステップ1：テーブル内のボタンをクリック #
追加したボタンをテーブルのセル内に配置します。ボタンを直接クリックしてButtonブロックを選択します。
ステップ2：ブロック設定サイドバーを開く #
ボタンを選択したら、右側のサイドバーを見てください。サイドバーが表示されていない場合は、エディターの右上にある設定アイコンをクリックして開きます。
ステップ3：スタイルタブに切り替える #
サイドバー内の「スタイル」タブに移動します。ここにボタンブロックの外観関連の設定がすべてあります。
ステップ4：新しいボタンの色を選択する #
下にスクロールして、「色」セクションを見つけます。ボタンのテキスト色、ホバーテキスト色、背景色、ホバー背景色を設定するオプションが表示されます。
カラーパレットをクリックして好きな色を選ぶか、正確にコントロールしたい場合はHEX/RGBコードを入力する。
結論
Tablebergテーブルの優れたボタンデザインは、2つの重要な要素に集約されます。第一に、ボタンの色はテーブルの背景とはっきりとコントラストをつけ、一目で目立つようにします。第二に、ホバー状態を定義することで、ユーザーに即座にフィードバックを与え、ボタンがインタラクティブであることを確認することができます。
両方の設定方法がわかったので、あなたのボタンは正しく見え、ユーザーが期待するように動作する。
