問與答

安裝joomla 4是一件很簡單的事,大概只要花5分鐘就解決了,跟著我們一步步來安裝,趕快擁有自己的網站吧!

1.先到downloads.joomla.org 下載最新版的joomla

https://downloads.joomla.org/zh/

joomla4 1

2.將安裝檔上傳至主機上,解壓縮後進入預設網址,開始進行安裝
首先選擇安裝語言,填寫網站名稱

joomla4 2

3.填寫相關登入資訊,首先是超級管理者的名稱

joomla4 3

4.再來進行資料庫的設定

joomla4 4

5.已完成!快點來登入網站吧!

joomla4 5

6. 輸入使用者名稱及密碼進行登入

joomla4 7

7.後台登入成功!

joomla4 8

9.前台樣式 

joomla4 6

 

作者:Zareen Tasnim

網頁親和力(又稱網路無障礙、網路可達性、網路可用性、網頁可存取性,英語:Web accessibility)旨於確保任何人都有辦法取得放在網頁上的媒體內容——無論人們是否遭遇了身體、心理或技術上的障礙,都不會妨礙人們接收作者所釋出的資訊。也就是讓網上的內容「易於親近」,易於取得、利用。

隨著上網的年齡層越來越高,如果你只有一個功能充分的網站是不夠的!您需要一個以各種瀏覽方式都能夠使用為核心的網站。一個歡迎瀏覽者的網站,無論瀏覽者的能力、經濟狀況、年齡或教育程度如何。

你的網站是否可供盡可能廣泛的受眾訪問?

Web Accessibility 網頁無障礙、網頁親和性——它到底是什麼,為什麼我需要擔心它,最重要的是如何使我的網站易於訪問?

這篇文章將解釋一些關於網頁無障礙、網頁親和性的常見問題,以及我們如何使網頁無障礙、網頁親和性成為 Joomla 開發工作流程的一部分。

什麼是無障礙網頁?

簡而言之,網頁親和性意味著讓您的網站可供所有瀏覽者使用,無論他們的能力、年齡如何。這意味著網頁技術可消除任何障礙,方便瀏覽者無論有任何身心障礙人都可以訪問您的網站、導航和瀏覽您提供的產品和服務。 由於瀏覽者現在已經習慣了無時無地的網路體驗來進行重要的日常生活,因此每個人都能享受相同的用戶體驗非常重要。這就是 Web Accessibility 無障礙網頁發揮作用的地方,它確保所有用戶都能夠瀏覽網站的功能和信息。

為什麼無障礙網頁很重要?

網頁親和性及無障礙網頁已成為企業的主要亮點之一。

這是一件有道德的事情!

很可能有數百萬人需要了解你網站的產品和服務,但因為他們的不便使他們無法從實體店面買到這些產品。如果您忽略了這些人的無障礙的選項,就意味著因為您的疏忽而為他們製造了障礙。網頁需要提高參與度和轉化率,如果不優化網頁內容以使其易於瀏覽者瀏覽,您將錯失從數百萬人那裡獲得更高參與度和銷售的機會。

無法瀏覽的網站不僅會影響銷售,還會損害品牌聲譽。無障礙網頁非常重要,尤其是對於政府網站,並且在許多情況下都是相關法律要求的。法律可能因您所在的國家而有不同,但如果是面向社會大眾的網站,那應盡可能遵守無障礙網頁的最佳做法。

全新 Joomla 4 無障礙網頁輔助功能

以提高網站無障礙、可訪問性為使命,Joomla 4 僅帶有一個用於後端的模板和一個用於前端的模板,使它們都符合 WCAG 2.1 AA。
(註:WCAG 2.1 包含一系列無需仰賴技術的指引和成功標準,有助身心障礙人士存取與使用網路內容。這些標準可為網路內容作者、設計人員和開發人員提供建議,確保他們製作的資源能盡可能方便讓更多使用者存取,無論使用者有任何身心障礙,例如視障、聽力損失、學習障礙、年齡相關限制等均可使用。)

 

這樣,所有 Joomla 最終用戶都可以享受相同的體驗。Joomla 4 還具有一些新的輔助無障礙功能選項,使整體體驗更具包容性。 讓我們仔細看看 Joomla 4 的無障礙輔助功能。

新的無障礙網頁後端輔助功能選項

Joomla 4 在管理後台有一個[無障礙網站設定],您可以在其中執行模板的基本無障礙輔助功能設置。

從 Joomla 管理後台,單擊會員下拉選單,然後選擇[無障礙網站設定]。

accessibility settings

這將帶您進入[無障礙網站設定]視窗。在這裡,您將能夠設置單色調、高對比、標亮連結、放大文字。

Joomla 4 accessibility settings

一個新的“附加輔助功能”系統插件

Joomla 4 有一個內建外掛,可提供額外的無障礙輔助功能。要啟用外掛,請轉到 Joomla 管理後台>系統>管理>外掛。 搜索[系統 - 其他無障礙網站輔助項目]並啟用。 啟用後會顯示一個浮動的功能面板,您可以使用該面板上的功能

操作影片連結:無障礙網頁操作影片

作者:Zareen Tasnim

一、後台登入

Step 1請輸入後台管理網址 

1

 

Step 2輸入帳號、密碼 -> 進入後台管理

2

 

二、到Website Builder網站管理頁面

Step 1:進入後台管理 -> 選擇上方[擴充套件-> 再選擇[樣式

3

Step 2選擇 [ yootheme-Default ]

4

Step 3進入圖一頁面,點擊 [ OPEN WEBSITE BUILDER ],即可進入下方圖二的Website Builder畫面

圖一

5

圖二

6

三、Website Builder操作: 前、後台可在同一畫面同時比對、修改

工作區說明:  Website Builder畫面的左方灰色欄位為後台管理區,右方(前台)為其對應的網站畫面。

建議先點進右方欲修改之畫面頁後,再到左方灰色欄位修改內容。

()修改主選單

Step 1 選擇左欄[ MENUS ]->點選 [ Main Menu ]

7    8    9

 

Step 2點選任一項目,會跳出後台畫面,即可修改現有的選單名稱。若點擊[ NEW MENU ITEM ] 則可新增新的選單項目。 以下為點選範例: 點選左欄Resources ->彈出EDIT MENU ITEM的修改畫面,修改完畢點擊Save儲存即可。

10

Step 3確定儲存後,點選CANCEL關閉視窗,即可直接於右方畫面看見修改成果。

 

()修改文字

Step 1先點進右方欲修改之畫面頁,選擇左欄 [ BUILDER ]

11

 

Step 2進入畫面: 以下為範例 

(1)若欲改Home頁面之內容,右方先點進Home頁,左方再進入Builder畫面後,應如同下方圈起處為相同的標題。

(2)滑鼠移動至任一左方項目(如紅框處),右方應呈現其項目在前台對應之位置。(於此網站範例為藍色細框標示)

文字對應範例圖:

12

Step3:點擊任一左方欄項目,進入編輯畫面。以下為例:(右方更改呈現可能要稍等幾秒時間)

Content:輸入文字內容  STYLE:字型設定  

13

 

()修改圖片

Step1:同修改文字step1

Step2:同修改文字step2,滑鼠移動會於另一側標示相應位置。

14

 

Step3點擊欲修改項目,進入畫面後,可於左欄進行編輯。

WIDTH/ HEIGHT: 可以更改影像尺寸。  IMAGE BORDER: 可以更改圖片邊界形狀。

15

 

Step4若要更換圖片,點擊左欄圖片,跳出下方視窗,即可從中選擇想要的圖片,選擇完畢點選Select即可。

 ADD FOLDER: 新增資料夾    UPLOAD: 上傳檔案

16

四、其他

() LAYOUT

1. HEADER: 可更換選單版面編排

17

 

2. FOOTER: 可更換頁腳的圖片及文字

18

 

 

 

最新文章

原創、翻譯及轉貼的資訊都在這裡。

網站是實現夢想的工具! 開始準備建置您的網站了嗎? 加Line好友
益盛科技

我們重視設計質感與行銷價值

。網頁設計。程式設計。Joomla教學。

 

聯絡資訊

ring@des13.com

點此加我們LINE  @igodos 加line好友

因應疫情,我們實施居家辦公,辦公室及會議室不開放

04-37072202 /  0931-303767 

thedes13 

 
點此加我們LINE
DMC Firewall is developed by Dean Marshall Consultancy Ltd