Cho đến nay, chúng ta đã xem xét nội dung có thể được tổ chức như thế nào và trình bày trong mainbody của một trang web. Nó cũng có thể sử dụng module có đoạn nội dung xuất hiện xung quanh mainbody này.
Các nội dung trình bày trong một module là rất khác nhau từ đó các bài viết hoặc các component cũng khác. Modules có thể được đặt bất cứ nơi nào trên một trang. Thông thường nhất, bạn tìm thấy chúng trên đầu trang, hai bên trang, và dưới cùng của trang. (Xem Hình 1.6 trong chương 1.)
Bảng 4.34 liệt kê các module trong một cài đặt mặc định của Joomla.
Module Mô tả
Banner Hiển thị các banner từ các component banner Menu Hiển thị liên kết của một menu
Login Form Hiển thị form để login hay tạo một account mới
Syndicate Hiển thị liên kết đến dữ liệu RSS mà người xem có thể sử dụng để cung cấp đến trang chủ
Statistics Thống kê cho thấy các website khác nhau
Category Hiển thị một danh sách tất cả các category được cấu hình trong cở sở dữ liệu của bạn
Related Item Hiển thị các liên kết của các nội dung có các từ khoá tương tự Wrapper Hiển thị URL khác bên trong một khung (một trang trong
một)
Who’s online Hiển thị số người hiện tại truy cập vào website Random Image Hiển thị một hình ảnh ngẫu nhiên
Newsflash Hiển thị mục nội dung ngẫu nhiên từ category đã chọn
Latest News Hiển thị một danh sách các liên kết trong những cái được đưa ra gần đây các mục nội dung
Popular Hiện thị danh sách các liên kết phổ biến các mục nội dung ( bởi trang view)
Search Hiển thị hộp tìm kiếm
Custom HTML Tùy chỉnh bất kỳ nội dung nào của HTML
64
Bây giờ, bạn có thể thêm vào trang chủ của một module Custom (tùy biến) với một số văn bản trong đó. Bạn hãy vào Module Manager (Extensions -> Module Manager) và nhấn New.
Chọn module Custom HTML. Xuất hiện màn hình (xem Hình 4.35). Ở đây bạn nhập tiêu đề và nội dung trong trình soạn thảo, và bạn chắc chắn rằng đó đúng là vị trí module (ở đây bạn có thể sử dụng bên phải. Một đoạn nhỏ của nội dung xuất hiện trong cột bên tay phải.
Hình 4.35: Chỉnh sửa modole custom
Ví dụ nhỏ của bạn bây giờ đã hoàn thành, nó sẽ giống như hình 4.36.
Bạn có tổ chức nội dung, sử dụng một số nội dung Uncategorized và liên kết đến thành phần. Kết quả là một trang web động mà có định hướng hợp lý và một số tương tác, bao gồm một form Contact Us. Trong chương sau, chúng ta sẽ thấy làm thế nào để thiết lập các trang web phức tạp hơn nhiều, chẳng hạn như một trang web trường học.
65
66
CHƢƠNG 5.
TẠO MENUS VÀ NAVIGATION
I. Menu Module làm việc nhƣ thế nào
Mỗi trình đơn Joomla có một module và làm thế nào trình đơn xuất hiện trên một trang. Nếu bạn cài đặt Joomla với mẫu không có nội dung, nó cài đặt một trình đơn duy nhất gọi Main Menu.
Mỗi trình đơn có ít nhất một module liên kết với nó. Module này điều khiển làm thế nào trình đơn xuất hiện ở đâu trên trang web. Ví dụ, bạn có thể có một module mà chỉ xuất hiện trên trang chủ, trong cột bên trái.
Trong Chương 1, bạn có thể nghĩ đến trình đơn như nội dung trong cơ sở dữ liệu. Nếu bạn muốn vị trí nào của trình đơn, bạn di chuyển xung quanh từ trái sang cột bên phải. Nếu bạn muốn quản lý nội dung của trình đơn (liên kết), bạn sử dụng Menu Manager
II. Mục menu làm gì.
Trong một trang web Joomla, mục Menu làm việc rất nhiều. Tất cả các trang được tạo ra tự động. Joomla sử dụng thông tin từ bất cứ đâu, một người truy cập trang web chỉ cần nhấp vào liên kết để xem những gì trên đó.
Bạn có thể nghĩ ra một liên kết đơn như làm bốn điều khác nhau:
Chỉ định các nội dung mà liên kết sẽ hiển thị
Tổ chức bài viết trong cách bố trí trang
Chọn mẫu để kiểm soát phong cách và sự xuất hiện của trang
Kiểm soát sự xuất hiện liên kết của trình đơn
Các liên kết trên một trình đơn được kiểm soát bởi các mục Menu trong trình đơn đó (ở đây là Main Menu) trong Menu Manager.
1. Tạo một mục Menu
Menu Manager chứa tất cả các menu trên một trang web. Mỗi menu điều khiển nơi các liên kết sẽ đi đến.
Khi bạn tạo một mục Menu, như bạn đã thấy trong Chương 4, bạn sẽ có được một màn hình giới thiệu loại mục Menu (xem hình 5.1).
67
Hình 5-1: Lựa chọn loại menu
Trong Chương 4, chúng ta nhìn thấy hai mục trong đó, một Single Article và một Category Blog. Bây giờ chúng ta sẽ xem xét chi tiết hơn về hai trong số các tùy chọn này:
Articles→Category→Category Blog Layout
Articles→Category→Category List Layout
2. Liên kết một mục Menu nằm ở đâu
Đối với hầu hết các trang web, một mục Menu cho nội dung vào hai trang cơ bản: một articles đơn lẻ hoặc toàn bộ một category.
Khó khăn ở đây là cấu trúc nội dung / hệ thống phân cấp là tùy ý, và có một số cách thiết lập một trang web, như bạn đã thấy trong Chương 4. Điều này làm cho hệ thống linh hoạt, nhưng có thể được khó khăn để thiết lập. Một khi bạn đã thiết lập nó, bạn phải quyết định cách bạn sẽ xây dựng các menu để liên kết với nó. Vì vậy, bạn cần lập kế hoạch cơ cấu nội dung trang web trong các chuyên mục và sau đó là kế hoạch trình đơn và cách bạn sẽ liên kết với chúng.
68
III. Blog Layout
Vào Menu Manager và mở Main Menu. Trong Chương 4, có một vài mục Menu đã có sẵn, bạn tạo ra các liên kết để bố trí blog. Hãy mở một trong những mục Menu và tìm hiểu chi tiết hơn về những gì có trong một mục Menu. Mở mục Services Menu, như trong hình 5.2.
Hình 5.2: Bố trí mục Blog menu
Một loạt các tùy chọn (Required Settings, Basic, Advanced, Article, Integration, and Metadata.) kiểm soát những gì có trong một trang.
Sự lựa chọn của blog hoặc bảng và các thiết lập tùy chọn trong mục Menu là những yếu tố lớn nhất trong việc kiểm soát giao diện và dòng chảy của một trang web Joomla.
1. Blog Layout Parameters (tham số)
Thay vì nhắc lại thông tin từ trang web Joomla Help (truy cập bằng cách nhấn vào nút Help), chúng ta hãy xem xét một số các thông số phổ biến nhất và quan trọng thể hiện ở bên phải trong hình 5.2. Các thiết lập quan trọng nhất là xác định có bao nhiêu mục sẽ được hiển thị và những gì sẽ định dạng.
2. Basic Options (Tùy chọn cơ bản)
Các tùy chọn mở rộng cơ bản được thể hiện trong hình 5.3. Chủ yếu ở đây là hiển thị thông tin về category (thể loại). Việc quan trọng nhất là có hiển thị mô tả thể loại.
69
Hình 5-3: Lựa chọn cơ bản của một Blog Layout
3. Blog Layout Options
Hình 5.4 cho thấy một số tùy chọn quan trọng hơn trong việc kiểm soát những gì các trang sẽ thấy.
Các lựa chọn cơ bản là đủ chiều rộng hoặc nhiều cột. Nó cũng có thể có một số mục đủ chiều rộng và sau đó phá vỡ chúng thành các cột.
Hình 5-4: Tùy chọn Blog Layout
Blog chia bố cục phần chính của trang thành ba khu vực. Các khu vực trên cùng được gọi là Leading (hàng đầu) đề cập đến nơi để hiển thị nổi bật nhất của bài viết đầu tiên. Nó luôn luôn đủ chiều rộng. Khu vực giữa được gọi là Intro, và các bài viết trong khu vực này có thể được hiển thị trong nhiều hơn một cột để làm cho
70
các trang trực quan thú vị hơn. Các khu vực phía dưới được gọi là Links, đó là một bảng theo phong cách danh sách các tiêu đề bài viết là các liên kết.
Các tùy chọn điều khiển một blog layout như sau:
Leading Articles: Số lượng bài viết sẽ hiển thị trên toàn bộ chiều rộng của thân chính. (Thông thường thiết lập để 1 hoặc 2.)
Intro Articles: giới thiệu bài viết, văn bản sắp xếp theo cột
Columns: Số lượng các cột để sử dụng trong khu vực Intro. (Thông thường thiết lập 2 hoặc 3)
Link: Số lượng bài viết sẽ xuất hiện như là danh hiệu chỉ với các liên kết. Chúng làm theo những cái mà có văn bản giới thiệu.
Nhiều bố cục trang khác nhau có thể đạt được với các thiết lập này. Một số bài viết có thể được hiển thị đủ chiều rộng, tiếp theo là một danh sách các liên kết bằng cách thiết lập Leading cho 3 hoặc 4 và Intro về số 0. Tất cả các bài viết có thể chỉ đơn giản là hiển thị trong 2 cột bằng cách thiết lập Leading và Link về 0, Column để 2, và Intro về số lượng tối đa của bài viết sẽ được hiển thị trên một trang.
Các tùy chọn Giao diện Blog cũng xác định thứ tự mà các bài viét xuất hiện, trong đó xuất hiện các mục nội dung có thể khá phức tạp. Chúng có thể được liệt kê theo ngày, theo bảng chữ cái, hoặc là chọn trong quản lý nội dung, đến một vài tên.
Rõ ràng, các thể loại để lựa chọn chỉ có ý nghĩa nếu bạn có các mục từ nhiều hơn một hạng mục trong liên kết.
4. Article Options (Tùy chọn bài viết)
Tùy chọn bài viết kiểm soát nhiều khía cạnh của một bài viết được hiển thị như thế nào. Các tùy chọn có thể được thiết lập ở hai cấp độ trong Joomla. Mức cao nhất là tùy chọn Article tìm thấy bằng cách nhấp vào biểu tượng Options trong Article Manager. Các thiết lập này hoạt động như mặc định trên toàn site được thừa kế cho các bài viết mà không có các thiết lập này ghi đè vào mục Menu hoặc cấp bài viết. Các cấp độ tiếp theo là Article Options xuất hiện trong mục Menu hiển thị các bài viết, chẳng hạn như một Category Blog. Mức cuối cùng là thiết lập Article Options, đặc biệt trong mỗi bài viết cá nhân trong Article Manager. Các cấp độ bài viết cài đặt cho bất kỳ Article Options nào ghi đè lên bất kỳ cài đặt trong hai cấp độ cao hơn.
71
Các thông số thành phần, thể hiện trong hình 5.5, là các thông số cấu hình toàn cục, chẳng hạn như Show Author (hiển thị tác giả). Có các tùy chọn này cho phép bạn thiết lập các thiết lập toàn cục tốt nhất thích ứng với đa số các trang web và sau đó ghi đè lên các thiết lập toàn cục trên một mục Menu (page by page) hoặc bài viết cá nhân khi cần thiết.
Hình 5-5: Article Option trong một mục menu
Nếu bạn giữ tất cả các tùy chọn mặc định, trang web của bạn sẽ giống như trong hình 5.6. Sự thay đổi duy nhất chúng ta làm là thay đổi tên của Menu Item Services. Hình 5.6 cho thấy các blog với hai nội dung bài viết của bạn.
72
Hình 5-6: Một blog layout cơ bản
IV. Bố trí danh mục cho một blog
Vào Main Menu trong Menu Manager, nhấp New, và lựa chọn Category List Layout.
Màn hình New Menu Item nhiều hay ít tương tự như cách bố trí danh mục. Nhưng lựa chọn bây giờ là khác nhau trong List Layout Options (hình 5.7).
Hình 5.7: List Layout Options
Một lần nữa, bạn cung cấp cho các menu liên kết một tiêu đề và chắc chắn chọn catagory chính xác. Hình 5.8 cho thấy kết quả.
73
Lựa chọn danh mục Category nâng cao
Sự khác biệt chính trong các thông số giữa bố trí các danh sách thể loại và bố trí các blog là trong các thiết lập cơ bản. Như bạn thấy trong hình 5.8, bạn có thể thiết lập tùy chọn khác nhau để làm thế nào các bài viết được liệt kê.
Hình 5-8: Bố trí của một Category
V. Quản lý Menu Module trong Module Manager
Bạn sử dụng Module Manager để kiểm soát vị trí và sự xuất hiện của một trình đơn (ví dụ, bạn muốn các trình đơn xuất hiện ở cột bên trái hoặc phải, các liên kết có một hiệu ứng di chuột).
Như đã đề cập trước đó, khi bạn tạo một trình đơn, một module tương ứng được tạo ra cho nó, và module được gọi giống như menu.
Mã XHTML cơ bản có kết quả Joomla xuất ra cho một trình đơn luôn luôn giống nhau (trừ khi nó được ghi đè thêm). Sự khác biệt là bạn có thể sử dụng CSS để áp dụng phong cách khác nhau để XHTML này giống hệt nhau. Điểm nhấn mạnh ở đây là các module và CSS được kiểm soát sự xuất hiện của các menu.
Nếu bạn đi đến Module Manager (Extensions -> Module Manager), bạn thấy danh sách chứa tất cả các module hiện trên trang web (hình 5.9). Bạn có thể thấy một module gọi là Main Menu.
Chúng ta sẽ xem xét kỹ hơn cách điều khiển menu, nhấp chuột vào module Main Menu. Bạn sẽ thiết lập cho mục Menu (hình 5.10).
Có nhiều tùy chọn ở đây cho menu, hãy xem xét một số tùy chọn quan trọng nhất trong số đó.
74
1. Show Title (Hiển thị tiêu đề)
Hiện tiêu đề xác định liệu tiêu đề có được hiển thị trên trang. Đây sẽ là một thẻ H3 trừ khi ghi đè trong các template. Thông thường, tiêu đề không được hiển thị cho menu chính và menu được hiển thị cho mục đích đặc biệt hoặc các menu phụ xuất hiện trong một thanh bên.
Hình 5-9: Module Manager
Hình 5-10: Thiết lập Main menu
2. Position (Vị trí)
Các tùy chọn vị trí module điều khiển những gì vị trí trình đơn xuất hiện. Các tùy chọn trong trình đơn thả xuống được xác định bởi các mẫu (mặc định) đang hoạt động. Lưu ý vị trí mô tả của một module, ví dụ, "trái" không nhất thiết phải thực sự được ở bên trái. Nó phụ thuộc nơi mà các nhà thiết kế đặt nó.
75
3. Access (truy cập)
Bằng cách sử dụng chức năng truy cập, bạn có thể làm cho trang web của bạn tương tác nhiều hơn nữa. Việc sử dụng rõ ràng nhất là phải có một trình đơn liên kết đến các trang mà người dùng phải đăng ký để xem. Một sử dụng tinh vi hơn là để có các liên kết gửi nội dung cho người dùng đã đăng ký. Đây là một cách tuyệt vời để xây dựng một trang web nội dung phong phú với nhiều đóng góp. Thiết lập một trình đơn (admin) là hữu ích trong khi bạn đang thiết lập các trang web hoặc cho các chức năng bạn muốn chỉ có các quản trị viên được sử dụng.
4. Menu and Module Class Suffixes (Advanced Options) – Tùy chọn nâng cao
Kiểm soát sự xuất hiện của trình đơn. Làm thế nào để xem tất cả các menu sử dụng CSS trong các template. Nếu bạn cẩn thận mã CSS, trình đơn có thể đuợc xuất hiện nhanh chóng và dễ dàng thay đổi dựa trên những cái được sử dụng. Nó cũng cho phép nhiều menu trên cùng một trang web có sự xuất hiện khác nhau bằng cách kết hợp CSS khác nhau, ví dụ:menu chính hiển thị theo chiều ngang với một màu sắc trong khi một menu con hiển thị theo chiều dọc trong một phông chữ và màu sắc khác nhau.
5. Menu Assignment (Chỉ định menu)
Quan trọng nhất là thiết lập Menu Assignment, kiểm soát các trang trình đơn xuất hiện. Hãy nhớ rằng một "trang" chỉ tồn tại nếu có một liên kết đến nó, vì vậy danh sách ở đây thực sự là một danh sách các mục Menu (liên kết) hơn là các trang. Bạn có thể chọn On All Page, hoặc được chọn lọc hơn. Bạn cũng có thể Ctrl + click để chọn nhiều trang.
76
CHƢƠNG 6. MỞ RỘNG
I. Extensions (Phần mở rộng)
Phần mở rộng là các gói cài đặt mở rộng chức năng cốt lõi của Joomla. Có năm loại chính của phần mở rộng:
Component: một thành phần thuộc loại phức tạp nhất của phần mở rộng. Nó là một loại ứng dụng nhỏ mà sẽ làm cho nội dung chính tạo nên một trang và xuất hiện trong mainbody (phần chính) của trang. Thành phần nội dung cốt lõi (com_content), ví dụ là một thành phần diễn đàn cho thấy bảng, chủ đề... Không phải tất cả các thành phần đểu có nội dung, một số chức năng xử lý phức tạp. Ví dụ, thành phần đăng ký (com_registration) xử lý đăng ký người sử dụng.
Module: Module này thường nhỏ hơn nhiều (có nghĩa là, chiếm ít diện tích màn hình) và ít phức tạp hơn so với các Component. Chúng cũng thường xuất