您可以在文章中建立可跳至網站、其他文章等地方的超連結。您可以在以 HTML 為基礎的文章中建立超連結,或在以 InDesign 為基礎的文章中使用「超連結」面板或「按鈕」面板。

對於 InDesign 文章,並非所有 InDesign 按鈕動作和超連結類型都受到支援。超連結覆蓋在可捲動影格和投影片中受到支援,但是在其他覆蓋中不受支援。

連結至文章

使用「navto」格式可以連結至其他文章或系列。

當建立按鈕或超連結時,您可以在「URL」欄位中使用「navto://」來取代「http://」。請使用顯示在中繼資料內的「文章名稱」或「系列名稱」值,而不是「標題」值。

下面是有效的 navto 格式:

navto://[文章名稱]
navto://[文章名稱]#n
navto://article/[文章名稱]

加入 #n 可指定頁碼。文件的第一頁是 0,因此指定 #2 會跳至第 3 頁。

連結至系列

navto://collection/[系列名稱]
navto://collection/collectionname?openTo=browsePage
navto://collection/collectionname?openTo=contentView

使用「openTo」參數會決定目標系列會開啟至瀏覽頁或內容檢視 (系列中的第一個項目),並覆寫「系列開啟預設值」設定。

navto://collection/topLevelTabletContent (跳至頂層平板電腦系列)
navto://collection/topLevelPhoneContent (跳至頂層手機系列)
navto://collection/topLevelContent (跳至頂層系列)
goto://ApplicationViewState/library (跳至初始啟動系列)

連結至系列內容中的文章

navto://collection/[系列名稱]/article/[文章名稱]

如果您使用 navto://collection/[系列名稱]/article/[文章名稱],用戶便可以水平滑動以檢視該系列中的其他文章。如果您只使用 navto://[文章名稱],該文章便不會顯示在系列內容中,而用戶也無法透過滑動來檢視該系列中的其他文章。

其他資訊

  • Navto 連結是區分大小寫的。
  • 對於 InDesign 來源檔案,任何指定 InDesign 檔案路徑的連結都會在應用程式內檢視時中斷。請使用 navto 格式,在文章之間進行連結。

InDesign 中的 Navto 範例 (「超連結」面板或「按鈕」面板)

navto://biking

navto://biking#2 (跳至騎單車文章的第 3 頁)

跳至不同文章的第 3 頁
跳至不同文章的第 3 頁

當建立 URL 基礎的超連結或按鈕時,您可以使用「navto://」URL 來跳至不同的文章。 

跳至 HTML 來源文章中的其他文章

使用 navto 格式,利用檔案夾名稱,從一個 HTML 文章跳至另一個。範例:

<a href="navto://newsArticle01">參閱新聞文章</a>

您也可以在文件名稱的後面加入頁碼,以導覽至 InDesign 文章中的特定頁面。文件的第一頁是 0,而第二頁是 1,以此類推。範例:

<a href="navto://Cycling#3">前往騎單車文章第 4 頁</a>

在 iOS 裝置上,URL 超連結預設會在應用程式內的瀏覽器中開啟。若要在 HTML 文章中建立會在應用程式外部開啟的超連結,請使用 goto://DeviceBrowser?url= 格式,如下一節所述。

跳至 HTML 文章中的錨點

您無法跳至 HTML 文章中的特定頁面,但是您可以輸入 navto://[文章名稱]#[錨點名稱] 來跳至錨點。

範例:navto://newsArticle01#part4

註解:

若要定義 HTML 檔案中的錨點,請在文字編輯器中開啟 HTML 檔案。導覽至您要當做錨點使用的文字,然後用錨點標記括住該文字,例如 <a name="part4"></a>。

請使用下列 goto 連結來模仿應用程式介面內可見的各種選項行為。

前往應用程式的啟動頁面:

goto://ApplicationViewState/library

執行與「上一步」按鈕相同的動作︰

goto://FolioNavigation/lastview

執行與「社交分享」按鈕相同的動作︰

goto://ApplicationViewState/share

執行與「搜尋」按鈕相同的動作︰

goto://ApplicationViewState/search

執行與在 Android 或桌面網頁檢視器應用程式中選擇「設定」選項時相同的動作:

goto://ApplicationViewState/settings

開啟行動瀏覽器或相關聯的應用程式,而不是使用 iOS 的應用程式內瀏覽器︰

goto://DeviceBrowser?url=

範例:<a href="goto://DeviceBrowser?url=https://www.adobe.com">Adobe 網站</a>

若要讓以 InDesign 為基礎的文章中的超連結開啟外部應用程式,您可以選取超連結或按鈕物件,然後選擇「Overlays」面板中的「在裝置瀏覽器中開啟」。

您可以使用各種 navto://relative 格式跳至系列中的下一篇、上一篇、第一篇或最後一篇文章。舉例來說,具有 navto://relative/first 動作的按鈕會跳至系列中的第一篇文章。有效的格式包括 firstlastnextpreviouscurrentreset 格式無法在 AEM Mobile 中使用。另外,您也可以依照相對於自身在系列中的位置跳至特定文章,例如第五篇文章。

範例:navto://relative/last (跳至系列中的最後一篇文章)

範例:navto://relative/last#last (跳至系列中最後一篇文章的最後一頁)

範例:navto://relative/4 (跳至系列中的第五篇文章)

範例:navto://relative/4#2 (跳至系列中第五篇文章的第三頁)

「current」格式可在頁面瀏覽時派上用場。您可以使用 #previous、#next、#first 與 #last,也能跳至特定頁面 (例如使用 #3 跳至文章中的第 4 頁)。

範例:navto://relative/current#previous (跳至文章的上一頁)

範例:navto://relative/current#last (跳至文章的最後一頁)

範例:navto://relative/current#3 (跳至目前文章的第四頁)

在平滑捲動文章中,您可以使用小數點或百分比來跳至特定位置。

範例:navto://myarticle#3.3 (跳至平滑捲動文章中顯示第 4 頁最下方與第 5 頁最上方的特定位置)

範例:navto://myarticle#50% (跳至平滑捲動文章的中間)

範例:navto://relative/parent (跳至目前文章的上層檢視,與「上一步」按鈕很相似)

在大部分情況下,navto://relative/parent 按鈕的功能與「上一步」按鈕相同。如果顯示上層按鈕的目標文章與來源文章位於相同的系列中,則點選上層按鈕就會向上跳至系列,而點選「上一步」按鈕則會返回來源文章。當連結至不同系列中的文章時,上層按鈕則會返回來源文章,與「上一步」按鈕相同。

註解:

目前,Android 檢視器不支援 navto://relative/lastnavto://relative/4 (文章編號)。

目前支援此進階技巧,但格式可能會變更。若要從應用程式外部建立「深層連結」,您必須發佈目標文章和系列。深層連結在預備應用程式中無法運作。

此深層連結技巧僅適用於 iOS 和 Android 應用程式。

 

建立應用程式的連結

使用下列格式,從應用程式外部建立 AEM Mobile 應用程式的連結:

dps.<publicationID>://

範例:dps.d14ddfea-7e7f-45ee-a2ef-cffc669627aa://

若要取得專案的出版物 ID,請移至隨選入口網站 (https://aemmobile.adobe.com) 的「內容與版面」區段,並複製 URL 結尾的字元字串。

在內容儀表板中複製出版物 ID
在內容儀表板中複製出版物 ID。

建立應用程式內系列的深層連結

使用下列格式,建立應用程式內系列的連結:

dps.<publicationID>://?viewRef=/publication/<publicationID>/view/<collectionName>

範例:dps.d14ddfea-7e7f-45ee-a2ef-cffc669627aa://?viewRef=/publication/d14ddfea-7e7f-45ee-a2ef-cffc669627aa/view/collectionAudioVideo

此連結會前往系列瀏覽頁或系列中的第一個項目,視系列設定為「瀏覽頁」或「內容檢視」而定。

建立應用程式內文章的深層連結

使用下列格式,從應用程式外部建立應用程式內文章的連結,不含系列內容:

dps.<publicationID>://?entityRef=/publication/<publicationID>/article/<articleName>

範例:dps.d14ddfea-7e7f-45ee-a2ef-cffc669627aa://?entityRef=/publication/d14ddfea-7e7f-45ee-a2ef-cffc669627aa/article/audio_overlays

請使用「文章名稱」,而不是「文章標題」。

建立系列內容內文章的深層連結

使用下列格式,建立系列內容內文章的深層連結 (需要 2015.8 12 月版本之後建立的應用程式):

dps.<publicationID>://?entityRef=/publication/<publicationId>/article/<articleName>&viewRef=/publication/<publicationId>/view/<collectionName>

範例:dps.d14ddfea-7e7f-45ee-a2ef-cffc669627aa://?entityRef=/publication/d14ddfea-7e7f-45ee-a2ef-cffc669627aa/article/audio_overlays&viewRef=/publication/d14ddfea-7e7f-45ee-a2ef-cffc669627aa/view/collectionAudioVideo

使用「按鈕」面板可建立網站、其他頁面或其他文章的連結。

為獲得最佳結果,請使用「按鈕」面板建立連結,而非「超連結」面板。「按鈕」面板更有彈性,而且更可靠。

  1. 在 InDesign 中,建立要當做按鈕使用的物件。

    例如,如果您要該按鈕跳至某個網站,請建立文字框或置入影像。

  2. 開啟「按鈕」面板 (「視窗 > 互動 > 按鈕」),選取該物件,並按一下「將物件轉換為按鈕」圖示。

  3. 對於「事件」,請選擇「放開滑鼠」。

    「放開滑鼠」是唯一支援的按鈕事件。

  4. 按一下「動作」旁邊的加號,並選取支援的動作。

    支援的按鈕動作
    支援的按鈕動作

    A. 支援的超連結按鈕動作 B. 支援的投影片按鈕動作 

    支援的超連結動作包括「跳至第一頁」、「跳至最後一頁」、「跳至下一頁」、「跳至上一頁」、「跳至 URL」、「聲音」、「影片」及「跳至頁面」。投影片則支援「跳至下一個狀態」、「跳至上一個狀態」及「跳至狀態」動作。

    請勿使用「跳至目的地」動作跳至不同文章。請改為使用具有「navto」格式的「跳至 URL」動作。請參閱本文稍後的相關章節。

  5. 視需要加入其他按鈕動作。

    動作會依照順序播放。例如,假設第一個動作是播放影片,第二個動作是顯示另一張投影片,則會先播放影片再顯示投影片。

  6. 若要變更超連結設定,請選取按鈕物件,然後在「Overlays」面板中指定這些設定:

    在應用程式中開啟

    在檢視器內顯示 Web 檢視中的內容。當連結至 mailto: 和 tel: 等 URL 時,請取消選取此選項。

    在裝置瀏覽器中開啟

    在檢視器之外顯示行動裝置瀏覽器中的內容,例如 iPad 上的行動 Safari。如果您希望在用戶點選連結時出現提示,請選取「先詢問」。

在 InDesign,您可以使用「超連結」面板來加入超連結。超連結對於文字特別有用。如果您要將影格變成超連結,請考慮使用「按鈕」面板來取代「超連結」面板。按鈕的適用性較高,而且較穩定。

  1. 選取您要當做超連結使用的影格或文字。

  2. 開啟「超連結」面板 (「視窗 > 互動 > 超連結」)。

  3. 在「超連結」面板中,從面板選單中選擇「新增超連結」。

  4. 取消選取「共用目的地」。

    「共用目的地」可讓您命名及重複使用超連結,但是在工作流程中,最好避免使用此選項。

  5. 若要變更超連結設定,請選取超連結物件,然後在「Overlays」面板中指定這些設定:

    在應用程式中開啟

    在應用程式內顯示 Web 檢視中的內容。當連結至 mailto: 和 tel: 等 URL 時,請取消選取此選項,因為此選項應該會讓用戶離開應用程式。

    在裝置瀏覽器中開啟

    在檢視器之外顯示行動裝置瀏覽器中的內容,例如 iPad 上的行動 Safari。如果您希望在用戶點選連結時出現提示,請選取「先詢問」。如果選取「在應用程式中開啟」,此選項便會停用。

    註解:

    「Overlays」面板的設定無法供文字超連結使用。您無法變更文字超連結的設定;依據預設,它們是設定為「在應用程式中開啟」。不過,檢視器包含 itms://、tel: 和 mailto: 等特定字首的內建例外。針對這些 URL,預設會開啟外部應用程式。

如需建立超連結的其他詳細資訊,請參閱「InDesign 說明」中的「建立超連結」。

您可以建立連結,從文章中傳送電子郵件訊息 (mailto:)、文字訊息 (SMS) 或撥號 (tel:),也可以建立連結以開啟 YouTube 應用程式、iTunes 歌曲或專輯。若要進一步了解用於 iOS 裝置的必要格式,請參閱「Apple URL 配置參考」(英文)。

註解:

每當您在 InDesign 中建立外部應用程式或服務的連結時,請選取該按鈕並選擇「Overlays」面板中的「在裝置瀏覽器中開啟」選項。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策