Skip to main content
Created for OutSystems 10. Not working on your version? Tell us about it!

 

 

 

OutSystemsオンラインヘルプ
操作ガイド
フロントエンド
ファビコンタグの設定
フロントエンド

 

 
Language:
English|日本語
 
 
 
OutSystems

ファビコンタグの設定

  1. Last updated
  2. Save as PDF

この手順については、コミュニティメンバーのJorge Almeida氏にご協力いただきました。

OutSystemsのデフォルトでは、OutSystemsロゴがファビコンとしてWebアプリケーションに表示されます。これを変更してWebアプリケーションにカスタムファビコンを設定するにはどのようにすればよいですか？

回答

WebアプリケーションがSILK UIテンプレートを使用している場合は、［Data］タブ内のResourcesフォルダに移動し、favicon.icoを右クリックし、［Replace Resource...］をクリックして、カスタムファビコンを選択します。忘れずにアプリケーションを再パブリッシュします。

Change Resource

WebアプリケーションがSILK UIテンプレートを使用していない場合は、以下の手順を実行してカスタムファビコンを使用します。

  1. HTTPRequestHandlerエクステンションのAddFaviconTagアクションをアプリケーションの依存関係として追加します。

    Manage Dependencies

  2. ［Interface］タブに移動し、Imagesフォルダを右クリックし、［Import Image...］をクリックして、カスタムファビコンを選択します。

    Import Images

    .ico画像を使用する場合、［Import Image...］ウィンドウのリストには表示されません。対策としては、画像がある場所に移動し、［File name］フィールドにファイル名（favicon.icoなど）を手動で入力するか貼り付けて、［Open］を押します。

  3. アプリケーションのすべての画面で同じファビコンを使用するには、Menu WebブロックのPreparation内にAddFaviconTagアクションを含めます。IconFilenameを「"/<メニューモジュール>/img/<ファビコン>.<ファイルタイプ>"」に設定します。

    ここで、<メニューモジュール>はMenu Webブロックが含まれるモジュールで、<ファビコン>.<ファイルタイプ>はカスタムファビコンのファイル名と拡張子です。ここでは、MenuモジュールはTest、カスタムファビコン名はcustomfavicon.pngであるため、IconFilenameは"/Test/img/customfavicon.png"になります。

    Menu WebブロックのPreparation内でAddFaviconTagアクションを呼び出すと、Menu Webブロックが使用されているすべてのWeb画面のファビコンが変更されます。特定の画面内でのみカスタムファビコンを使用する場合は、該当する画面のPreparation内でのみAddFaviconTagアクションを呼び出します。

これらの手順の後、Webアプリケーションでは新しいファビコンが使用されるようになります。