Joomla 4 筆記(16):文章中插入PDF檔案及播放Youtube影片

Photo by Arisa Chattasa on Unsplash

如想在 Jommla 文章中插入 PDF 或影片,還是需要一點點技巧,以下就紀錄一下實做的方法。


[在文章中嵌入PDF文件]

在首頁控制台點選[內容]→[文章],按下上方的[+ 新建]增加一個新的文章,將游標移到要插入 PDF 的位置,點選上方的[CMS內容],下拉選單選擇「圖片」,如下圖:

選擇圖片的檔案管理視窗,可以點選「上傳」,選擇要嵌入在文章中的 PDF 檔直接上傳,或選擇已經存在 images 目錄中的 PDF 檔:

上傳後,點選該檔案,左方會出現一個小方框,點選「嵌入」,再設定要顯示在文章的 PDF 區域長度和寬度,設定完成,按下「插入圖片」按鈕。

回到前台的頁面,可以看到如以下畫面, PDF 顯示的區域已經嵌在文章中。




[在文章中嵌入Youtube影片]

在首頁控制台點選[系統]→[外掛],再搜尋處輸入「TinyMCE」,找到這個外掛程式,點選「編輯器 - TinyMCE」進入設定:,如下圖:

進入設定頁面,左方有三個設定集[0-2],分別定義不同權限人員的選單,選擇設定集0,下拉找到「使用Joomla文字過濾器」,將設定開啟,儲存設定後離開。

找出要插入 Youtube 影片的 URL,可以在瀏覽器上方列,找到這個影片的網址,如下圖紅框處:

回到 Joomla 系統,在首頁控制台點選[內容]→[文章],按下上方的[+ 新建]增加一個新的文章,輸入文章名稱,點選「插入」下拉選單,再選擇「Media」,或直接在快速按鈕處,點選 media 的圖示,如下圖紅框處:


出現以下視窗,將剛剛 Youtube 的網址,複製後貼在「圖片網址」的地方,如下圖:

按下「儲存」後,回到文章編輯的畫面,可以看到影片已經嵌在文章中,按下「儲存」或「儲存並關閉」。

回到前台頁面,可以看到 Youtube 播放的畫面。


[參考資料]

Post a Comment

較新的 較舊