SIRIUS(シリウス)の使い方講座14|ボタンリンクの作成

 

シリウスでボタンリンクを作成する方法を解説します。
シリウスでは、簡単にボタンリンクを作成することができます。
(※こちらは上位版のみの機能となります)

 

ボタンリンクを挿入したい箇所にカーソルを合わせて、「ボタンリンク」をクリックします。

 

ボタンリンク設定画面が開きます。

 

リンクの設定

  • リンクテキスト・・・ボタンに表示させるテキストを入力します。
  • リンク先URL・・・リンク先のURLを記入します。
  • アイコン画像・・・矢印などの画像をアイコンとして挿入できます。
  • noFollow・・・発リンクをnoFollowにします。
  • 新しいウィンドウで開く・・・リンク先を新しいウィンドウで開きます。

 

外部サイト

「外部サイト」をクリックすると、シリウスで作成した別のサイトが表示されます。

 

サイトの選択画面から既存のサイトを選択してクリックすると、そのサイトのURLが自動で挿入されます。

 

内部ページ

「内部ページ」をクリックすると、同一サイト内で作成した内部ページが表示されます。

 

ページの選択画面から既存の内部ページを選択してクリックすると、そのページのURLが自動で挿入されます。

 

ボタンの設定

  • 種類・・・デザインを1〜8まで選べます。
  • カラー・・・好きなカラーを選択できます。
  • サイズ・・・ボタンの大きさを選択できます。
  • 形・・・四角、角丸、丸から選択できます。

 

ボタンの種類

デザイン1

 

デザイン2

 

デザイン3

 

デザイン4

 

デザイン5

 

デザイン6

 

デザイン7

 

デザイン8

 

ボタンのカラー

 

 

 

 

 

 

 

 

ボタンのサイズ

 

 

 

 

 

 

 

 

 

 

 

ボタンの形

 

 

 

詳細設定

ボタンリンク設定画面で「詳細設定」タブを開くと、さらに細かい設定も可能になります。

 

  • スタイル・・・ボタンを指定するdivタグにスタイルを指定することができます。
  • 行揃え・・・中央揃え、左揃え、右揃えから選択できます。
  • テキストシャドウ・・・テキストに影をつけるかどうかを選択できます。
  • フォント・・・メイリオ、ゴシック、游ゴシック、角ゴシック、丸ゴシック、明朝から選択できます。
  • 文字サイズ・・・10〜48pxまで選択できます。
  • ボタンの位置・・・中央揃え、左揃え、右揃えから選択できます。
  • ボタンの高さ・・・ボタンの高さを可変するかどうかを選択できます。

 

スタイル

スタイルを「height:50px;line-height:70px」と指定した場合

 

行揃え

 

 

 

テキストシャドウ

 

 

フォント

 

 

 

 

 

 

 

文字サイズ

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ボタンの位置

 

 

 

ボタンの高さ

 

 

ボタンを横並びにする

ボタンリンクのタグを選択した状態で右クリックして、「ボタンリンクを横並びにする」をクリックします。

 

 

ボタンリンクが横並びで表示されます。

 

アイコン画像

ボタンリンクに矢印などのアイコン画像を挿入することもできます。
「リンクの設定」の「アイコン画像」の「参照」をクリックします。

 

矢印のアイコンを選択します。

 

ボタンリンクに矢印のアイコン画像が挿入されます。

 

ファイル保存

お気に入りのボタンリンクが出来たら、ファイルとして保存しておくことができます。
「ファイル」の「名前を付けて保存」をクリックして、名前を付けて保存しておきます。

 

次回からは、「ファイル」の「開く」からいつでも呼び出すことが可能になります。

 

デフォルト設定

お気に入りのボタンリンクをデフォルトに設定することもできます。
「デフォルト設定」の「現在の設定をデフォルトにする」をクリックします。

 

次回からは開いたときにデフォルト設定で指定したボタンリンクが開きます。

トップへ戻る