ボタンとリンク

使い方 ボタンとリンク、任意のタイプを追加できます リンク (1) セクションへ。 ボタン/画像リンク/ソーシャルアイコン/テキストリンクを追加できます。

既存のボタンを複製 (2)、編集 (3)、または削除 (4) できます。

ここで扱われる内容:

  1. ボタン/リンクの追加。
  2. ボタン/リンクのスタイリング.

ボタン/リンクの追加。

  • セクションに任意の種類のリンクを追加するには、 + リンクを追加

  •   + リンクを追加 オプションは、リンクを追加する XNUMX つの方法を提供します。

ボタン

リスト項目にボタンを追加します。 以下を更新できます。

  1. ボタンラベル – ボタンのラベルを設定します。
  2. ボタンリンク – リンクを指定します。
  3. ターゲット ウィンドウ – ページを同じウィンドウで開くか、新しいウィンドウで開くかを選択します。
  4. ボタンスタイル – デフォルトにするボタン スタイルを選択します ( ボタンとリンク タブ)、ソリッド、アウトライン、またはテキスト リンク。
  5. 選択する ボタンの色 デフォルトまたは 色を反転します。 

加える テキストリンク リスト項目に。

以下を更新できます。

  1. をセットする  テキストラベル.
  2. 特定します テキストリンク.
  3. ターゲット ウィンドウ – ページを同じウィンドウで開くか、新しいウィンドウで開くかを選択します。

画像 

画像を追加して、任意のページにリンクします。

  • 画像をアップロードすると、このように表示されます。 リンクをクリックして編集します。

  • ここから、次のことができます。
    1. アップロード/画像を変更します。
    2. ボタンリンク – リンクを指定します。
    3. ターゲット ウィンドウ – ページを同じウィンドウで開くか、新しいウィンドウで開くかを選択します。

Note

サイトのタイトルは、検索性を高めるためにボタンの画像の代替テキストとして使用されます。

ソーシャルアイコン

  • リスト アイテムにソーシャル アイコンを追加します。

  • 以下を管理できます。
    1. リンクするソーシャル アイコン。
    2. 関連するソーシャル プロファイル パスを指定します。
    3. ターゲット ウィンドウ – ページを同じウィンドウで開くか、新しいウィンドウで開くかを選択します。


ボタンとリンクのスタイル オプション

  スタイルオプション の下に存在します 形式 セクションの管理中にタブ。

ボタンとリンクには、次のように複数のスタイル オプションがあります。

  1. 特定します ボタン/リンク間のスペース 追加されました。
  2. 特定します ボタン/リンクの上のスペース.
  3. 選択する ホバー効果 ボタン/リンク用。

  1. 選択する 通常ボタンのサイズ に追加した ボタン/リンク。 
  2. 特定します 画像ボタンの高さ に画像リンクを追加した場合 ボタン/リンク。 
  3. 特定します アイコンボタンのサイズ にソーシャルアイコンを追加した場合 ボタン/リンク。 

ソーシャルアイコンを追加した場合 ボタン/リンク 上記の場合:

  1. 選択する ソーシャルアイコンの種類/形。
  2. 選択する ソーシャル アイコンの色スタイル。 を選択した場合 ブランドカラーの場合、アイコンのブランド カラーが継承されます。
    を選択した場合 選択した色 上記のオプション:
    1. 特定します ソーシャル アイコンの色.
    2. 特定します ソーシャル アイコンの背景色.


たとえば、Amazon ソーシャル リンクを ボタン/リンクを指定し、 アイコンの色は赤 と アイコンの背景色を緑、 すると、以下のようにアイコンが表示されます。

お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。