← 活用ガイド一覧へ
リンク配置プラグイン

リンクをアイコン付きボタンで表示する

このページでは、リンク配置プラグインを使用して、リンクをアイコン付きボタンで表示する手順を確認できます。

できること

表示形式が「ボタン」の場合、アイコン表示をONにすると、表示テキストと色の横にアイコンを表示できます。
本ガイドでは作業報告アプリを例に、作業名の横に「作業マニュアル」リンクボタン(アイコン付き)を配置します。

作業名フィールドの横にアイコン付きの作業マニュアルリンクボタンが表示され、クリックでリンク先が開く動作イメージ
動作イメージ(作業報告アプリ)
注意事項 ※機能を試す前に必ずご確認ください。
  • 1.機密情報、個人情報、その他不適切な情報を登録しないこと
  • 2.利用者のIPアドレスやそれに基づく行動を環境提供元のパートナーが確認できる権限を持っていること
  • 3.サービス環境に過剰な負荷がかかるような利用を避けること
  • 4.デモ環境の利用開始により上記注意事項に同意したものとみなす

利用シーン

  • 作業名の横に作業マニュアルへのリンクボタンを設置する
  • ボタン表示のまま、アイコンでリンクの意味を補足する
  • マニュアル・手順書など、テキストとアイコンで分かりやすく案内する

必要なアプリ・プラグイン

アプリ

本ガイドでは作業報告アプリを例に設定します。 作業名と作業日の2フィールドを使い、作業名の横に作業マニュアルへのリンクボタンを配置します。 以下のボタンをクリックするとアプリテンプレートがダウンロードできます。

運用中のアプリでも設定が可能です。今回の設定内容(設定手順)に基づいて、作成したい方はアプリテンプレートをダウンロードしてください。

プラグイン

リンク配置プラグイン

まだ kintone にプラグインをインストールしていない方は、30日間のお試し申込をしてプラグインをご利用ください。

設定手順

1フィールドを設定する

アプリのフォーム設定で、作業名(文字列1行)と作業日(日付)フィールドを設定します。 アプリテンプレートを利用する場合は、既に設定済です。

作業報告アプリのフォーム設定画面(作業名・作業日)
手順1の設定画面
2プラグインの基本設定を行う

プラグイン設定画面を開きます。 まず、設定名称に「作業マニュアル(アイコン付きリンクボタン)」など任意の名称を設定します。

リンク配置プラグインの設定画面で設定名称を入力する画面
手順2の設定画面
3リンクの表示方法を設定する

表示形式で「ボタン」を選択し、表示テキストに「作業マニュアル」、色を設定します。 続けて、ボタンアイコンをONにし、アイコンを設定します。 アイコンの選択や色の設定の詳細は、リンクをアイコンのみで表示するガイドの手順3を参照してください。

表示形式でボタンを選択し、表示テキスト・色・ボタンアイコンを設定する画面
手順3の設定画面
4リンクを配置する対象画面を設定する

「レコード詳細・追加・編集画面」を選択し、レコード詳細・追加・編集の各画面にチェックを入れます。

リンクを配置する対象画面を設定する画面
手順4の設定画面
5リンクの配置位置とフィールドを設定する

リンクを配置する位置で「フィールド名の横」を選択し、作業名フィールドを指定します。

リンクの配置位置と作業名フィールドを設定する画面
手順5の設定画面
6リンク先URLを設定する

リンク先のURLは「固定値」を選択します。
今回の例では、「https://crena-plugin.com/resources/manual」を入力しました。
リンク先画面の開き方は「新しいタブで開く」を選択します。

リンク先URLを固定値で設定する画面
手順6の設定画面

設定が完了したら、保存ボタンを押して、アプリを更新します。

完成

レコード画面で作業名フィールドの横に、「作業マニュアル」リンクボタン(アイコン付き)が表示されます。 ボタンをクリックすると、設定した作業マニュアルのURLが開きます。

作業名フィールドの横にアイコン付きの作業マニュアルリンクボタンが表示されている完成イメージ
完成イメージ(作業報告アプリ)

Crena Plugin

すべてのプラグインを
30日間無料でお試し

  • 全プラグインが使える
  • クレジットカード不要
  • 本番環境で動作確認
Crena Plugin 無料トライアル申し込み画面