シリウスを使えばボタン画像だって簡単にできてしまう。
今日はシリウスを使ってボタン画像を簡単に作る方法をお届けします。
シリウスはHTMLサイトを作るほかに、
このようにボタン画像を作ったり、ヘッダー画像を作ったりできます。
アップローダー機能もありますので、シリウスを持っていれば、
HTMLサイトの全てを作ることができます。
HTMLやCSSの知識がなくても、
エクセルやワード感覚で使えるのも良いところです。
今回は下の画像のようなボタンを作っていきます。
今回はこのシリウスの販売ページへのリンクボタンを作ってみます。
まずはシリウスを立ち上げ、編集タグをクリックします。
次にボタン画像をクリックします。
するとボタンの作成画面になります。
右の基本設定を使ってボタンを作って行きます。
まずは画像フォルダーをプルダウンメニューから選びます。
今回は特大を使用します。
次に背景画像も同じようにプルダウンメニューから選びます。
今回は角丸グリーンを選んでみます。
次はボタンのテキストを入力していきます。
今回はシリウスの販売ページへのリンクボタンですので、
シリウスの販売ページへと入力します。
これではボタンの文字が少し小さいので、
フォントサイズでもう少し大きいサイズに変更します。
変更したら保存をクリックします。
すると保存先の選択になりますので、
保存先を選択し名前を付けて保存をクリックします。
先ほどのボタン作成画面に戻りますので、閉じるをクリックします。
今度はシリウスの画面から赤で囲った画像をクリックします。
画像の挿入画面になりますので、先ほど作ったボタン画像を選択します。
次は下の赤で囲った画像設定を入力していきます。
まずは画像の名前を入力します。
今回はシリウスと入力します。
今回はサイズは原寸のまま使います。
画像の回り込みをプルダウンメニューから中央揃えを選びます。
次は画像ファイルへのリンクをプルダウンメニューから、
画像ファイルへのリンクを挿入(別ウィンドウ)を選びます。
入力したものを一度確認し、間違いがなければOKをクリックします。
するとタグが挿入されます。
でも、このままだと赤で囲った部分がボタン画像のURLなので、
このボタンをクリックしてもシリウスの販売ページにはいかずに、
ボタンの画像が表示されます。
そこで赤で囲ったURLを変更していきます。
今回はこのブログのURLに変更してみます。
変更したらプレビューをクリックします。
すると作ったボタンが表示されます。
これでボタンの画像が完成です。
今回作ったボタン画像はシリウスはもちろん、
ワードプレスなどの他のソフトでも使う事ができます。
シリウスを持っておくと、このように色々な事が出来ますので、
重宝しますよ。
おまけにSEOにも強いサイトが作れますしね。
シリウスはお勧めですよ。
ブログランキングに参加しています。
このブログの気になるランキングは下のバナーをクリックすると確認できますよ。
結構いいところにいます。
宜しければ応援お願いします。
Googleアドセンスで
月に3万円稼げるようになりました。
Googleアドセンスで
月に3万円稼いだ方法は
下のバナーをクリックして読んで下さい。