広告が含まれます

「TouchPortal」ワンタッチで決めたサイトを開く!作り方から徹底解説!

紹介
この記事は約2分で読めます。

Touch Portal 作成編-1

長らくおまたせしました。

TouchPortalのボタンの作り方について紹介していきます!

 

インストール方法などから知りたい方はまずこちらからどうぞ!!

ではすすめていきましょう!!!

4-ボタンの作り方について

ボタンはPCから作成する必要があります。

白いところがボタンになるのでクリックします。

どの部分でもOKです。

左の部分は指定できる動作

Ex)pageを移動/Webサイトを起動する/アプリを起動する/キーボードの入力をする などなど

そして選択したものが真ん中のところに表示されます。

右側にはそのボタンにアイコンをつけたり文字をつけたりが可能となります。

5-1-サイトをワンタッチで開く方法

まずこの用途で人気なワンタッチで、登録したサイトを開くボタンの作り方を解説していきます!

 

GENERAL の Navigation の Open URLをクリックします。

そうすると右側部分にOpen websiteが出てくるのでそこにURLを入力することで機能は完成です。

デザイン調整

機能は作成しましたが、このままだとボタンが有るかわからないためデザインをつけていきます。

 

アイコンについては先に取得しておいてください

pngやjpegなどの画像形式でパソコン内のファイルに置いておいてください。

私は下記のリンクのサイトからアイコンを取得しています。

 

画像のアイコンをクリックし 次にfrom file...をクリックします

そして先程保存した場所の画像をクリックします。

画像を取り込みできると表示されますが、透過画像等の場合は見にくいことがあります。

また、背景に色をつけたいという方は

このようにすると見やすくなります。

まず背景っぽいアイコンをクリックし、Background Visibleのトグルをクリックしてオンにします。

そして、BeginとEndの色を変えます。

グラデーションを付けたい場合はこの色を別々にするとグラデーションが作れます。

5-3-保存

ここまでできれば画面下にある

Save&Closeをクリックしてください。

6-動作確認

この様になっていれば完成です!!

お疲れ様でした!!

使用画像

Download YouTube Logo PNG for Free - High-Quality YouTube PNG Icons
Discover top YouTube logo PNG images and download options. Get high-quality YouTube icons and logo PNGs easily online.

ご覧いただき、ありがとうございました!

今度もこのような情報を発信していきます!

良ければ他の記事も是非ご覧ください!

今後、情報に更新等があれば修正していきます。

コメント

タイトルとURLをコピーしました