Squarespace Web サイトにボタンを追加する場合は、この記事の手順に従ってください。すぐに使用できるようになります。
基本的なボタンを作成する方法と、簡単なコーディング調整でよりスタイリッシュに見せる方法を紹介します。 何を求めている? 今すぐページにボタンを追加しましょう!
以下は、Squarespace サイトにボタンを追加するための段階的なガイドです。
このチュートリアルを終了すると、サイトの任意のページにボタンを配置して、その動作と外観を変更する方法を理解できます。
始めましょう。
内容
まず、Squarespace アカウントにサインインして、編集するサイトを選択します。
ページの変更を開始するには、サイトのダッシュボードで [編集] をクリックします。
ボタンを追加するページの部分にマウスを移動し、挿入ポイントをクリックして、メニューから [ボタン] を選択します。
テキスト ボックスでボタンの名前を変更し、ボタンが表示されるページへのリンクを追加します。
ユーザーがボタンをクリックしたときの動作を次のように構成できます。
- ユーザーはあなたのウェブサイトの既存のページにリダイレクトされます
- それらを外部の Web サイトに移動する
- ユーザーのファイルをダウンロードする
- メール クライアントを起動する
- 電話をかける
- ギア アイコン ( ) をクリックして、サイド パネルから選択します。
- ボタンの機能をカスタマイズするには、ボタンの設定に移動します
- Squarespaceのボタンにはさまざまな機能があります
- 完了したら、[保存] をクリックします。
Squarespace には、一部のページ セクションに既にボタンが含まれています。
または、ボタンのあるページで次のいずれかのセクションを選択できます。
- ヘッドライン
- お問い合わせ
- リスト
- フォーム
- 製品
- 寄付金
- ニュースレター
ページ エディターで [セクションの追加] を選択し、上記のレイアウトのいずれかを選択します。
Squarespace バージョン 7.1 では、ボタンのスタイルを簡単にカスタマイズできます。
- デザイン サイト スタイルは、サイト ダッシュボードにあります。
- すでに編集している場合は、ページの右上隅にブラシ アイコンが表示されます。
- ページの右側から、サイト スタイルのパネルが表示されます。 ボタンをクリックします。
- ボタンのスタイル、形状、およびテキストと境界線の間のスペース (パディング) を変更できます。
- サイト スタイルの色に戻り、ボタンの色を変更します。
- Squarespace を使用すると、デフォルトで見栄えのするカラー パレットのコレクションであるカラー プリセットにアクセスできるようになりました。
- ボタンの色を変更すると、サイトの見栄えが良くなります。
- または、冒険したい場合は、ボタンの色を手動でカスタマイズできます。
それはとても簡単です。 ボタンがカスタマイズされました。
テキストブロックはボタンで簡単に拡張できます。
ページ エディターのメニューから [ボタン] を選択します。
その後、ボタンのラベルを編集したり、リンクを追加したり、好みに合わせてボタンをカスタマイズしたりできます。
それだけです! テキスト ブロックにボタンが追加されました。
クイックリンク:
結論: Squarespace にボタンを追加する方法
Squarespace Web サイトにボタンを追加することは、ユーザー エクスペリエンスを向上させ、サイト訪問者をガイドするのに役立つ簡単な方法です。
この記事では、ボタンを追加するプロセスについて説明し、見栄えを良くするためのヒントをいくつか紹介しました。
この情報が役に立ち、Squarespace を使用して Web サイトに価値のあるツールを追加できることを願っています。