Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 32 pdf

Thiết Kế Web Với Joomla 1.0x & 1.5x Trình bày trang Tin tức với eZine Joomla! Các Web Site tạo Joomla! thường có kiểu trình bày đơn giản, muốn Web Site trở nên chuyên nghiệp đẹp cần phải cài đặt sử dụng thêm thành phần mở rộng Một thành phần mở rộng giúp tạo trang tin tức chuyên nghiệp Component eZine Bài viết hướng dẫn cách cài đặt sử dụng com_eZine 1.9 Joomla! 1.013 để giúp tạo trang tin tức đẹp chuyên nghiệp Tải eZine 1.9 đây: Mambo_eZine_1.9.zip (đây phiên miễn phí sửa lỗi) Giải nén File com_mamboezine_v1.9.zip Module mod_mamboezine_latest.zip (tin nhất), mod_mamboezine_topmost.zip (tin xem nhiều nhất)     Sau tải eZine vầ máy, đăng nhập Admin Thiết lập thông số Register Global Emulation Global Configuaration On (sử dụng phiên Joomla! khác cần phải chỉnh thông số php.ini) Chọn Installers -> Components Nhấn Browse tìm chọn File com_mamboezine_v1.9.zip -> Open -> Upload File & Install Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  Xuất thông báo cài đặt xong, nhấn Continue để hoàn tất  Chọn Components -> Mambo eZine -> Manage News Page để tạo trang (page) tin tức trình bày theo eZine, Page liên kết với Menu thay cho Frontpage  Tạo Page cách nhấn New, thông số: (1) Tên Page (sẽ hiển thị Menu), (2) Tựa đề Page (sẽ hiển thị phần đầu Page), (3) Hiển thị Tên Page Sau chọn xong nhấn Save (có thể tạo nhiều Page, Page tương ứng với Menu) Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  Mặc nhiên sau cài đặt eZine có Page mẫu Frontpage, dùng Page để tạo trang chủ lưu ý số ID cần phải nhập số tạo Menu cho Page eZine  Chọn Components -> Mambo eZine -> Manage News Category để chọn Category có nội dung hiển thị Page  Chọn Frontpage (mặc nhiên), nhấn Add Category để chọn Category cho Frontpage Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  Chọn Category (có thể chọn Category nào, giống khác Section) cách đánh dấu vào phía trước, sau chọn xong nhấn Add Lưu ý: Ở phần không Add Category Register Global Emulation Set Off, cần phải Set lại On (xem hướng dẫn bên trên) Nếu Page Category eZine không hiển thị tên mà có dấu () thông số Short Open Tag Server chưa bật (Enable) Nếu cài localhost sử dụng Wamp5 bật thông số Short Open Tag cách nhấn chuột trái vào biểu tượng Wamp5 nằm khay hệ thống (ở góc bên phải hình), chọn PHP Settings -> chọn Short Open Tag (sau chọn xuất dấu mũi tên phía trước) (xem Cách cài chương trình Server Wamp5) Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x   Sắp xếp lại thứ tự Category cách nhấn vào nút hình mũi tên lên xuống đánh số thứ tự nhấn vào hình dĩa mềm để Save Có thể chấp nhận thơng số mặc định Category chỉnh lại cách nhấn vào tên Category với thông số sau: Chọn đường dẫn tới hình ảnh cho phần tên Category Chọn đường dẫn tới hình ảnh cho tiêu đề More Category News (khi nhấn vào tiêu đề chuyển đến Category có nội dung phần này) Chọn cách xếp thứ tự nội dung Số lượng phần giới thiệu (Intro) muốn hiển thị Số lượng liên kết (Link) đến nội dung khác Category Hiển thị ảnh phần giới thiệu Hiển thị ảnh nhỏ trước liên kết Số lượng Intro hiển thị Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Chỉ hiển thị nội dung đánh dấu Show in Frontpage (thông số chọn tạo nội dung) 10 Hiển thị hết nội dung (Full News) hay phần giới thiệu (Intro Only)  Chọn tiếp Page khác Add Category vào muốn Tạo menu cho Page eZine:      Chọn Menu -> mainmenu, nhấn New để tạo Menu cho Page eZine Trong New Menu Item chọn kiểu Component nhấn Next Nhập tên cho Menu Trang chủ chọn Mambo eZine phần Component Nhấn Apply, xuất phần Parameter, nhập số ID Page tạo phần vào mục News Page ID Thiết lập thông số cho Menu muốn sau nhấn Save Chuyển Menu eZine vừa tạo lên theo mặc định, Joomla! xem Menu Trang chủ, trang hiển thị truy cập Web Site Unpublish Menu Trang chủ có sẵn Joomla! (nếu có) để khơng sử dụng Menu Nếu có nhiều eZine Page tiếp tục tạo thêm Menu xếp vị trí cho Menu Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Tiếp theo đưa Module kèm theo Mambo eZine vào thay cho Module Tin Tin xem nhiều có sẵn Joomla! (nếu khơng thích bỏ qua phần này)        Chọn Installers -> Modules Nhấn Browse tìm chọn File mod_mamboezine_latest.zip -> Open -> Upload File & Install Xuất thông báo cài đặt xong, nhấn Continue để hoàn tất Làm thêm lần để cài đặt mod_mamboezine_topmost.zip Chọn Modules -> Site Modules -> chọn Module Tin Tin xem nhiều -> nhấn Unpublish Chọn Module Mambo eZine | Latest News -> sửa tên lại thành Tin chọn vị trí giống Module cũ (hoặc vị trí khác) Các thơng số cần ý: Count: Số tiêu đề muốn hiển thị - Category ID: Số ID Category muốn hiển thị nội dung nó, chọn nhiều Category cách thêm dấu phẩy (,) ngăn cách (td: 1,2,3), để trống chọn tất - Section ID: Số ID Section muốn hiển thị Category nội dung nó, chọn nhiều Section cách thêm dấu phẩy (,) ngăn cách (td: 1,2,3), để trống chọn tất - Image Width: Chọn kích thước hiển thị ảnh Chọn Module Mambo eZine | Top Read -> sửa tên lại thành Tin xem nhiều thông số giống Bây trang chủ Web Site trình bày đẹp mắt, với phần giới thiệu, liên kết nội dung theo Category chọn Module tin có hiển thị ảnh Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Hãy thiết lập thông số phần Manage News Category để hiển thị trang chủ theo ý muốn Thay đổi tiêu đề tiếng Anh mặc định cách Chọn Components -> Mambo eZine -> Edit Current Languge, tìm đến dịng định nghĩa tiếng Anh sửa lại thành tiếng Việt (Font Uicode) Lưu ý: Sau tạo Page eZine xong nên chỉnh lại thông số Register Global Emulation Global Configuaration Off để tăng cường bảo mật cho Web Site Cách tạo Category Linked cho eZine: Phần hướng dẫn cách sửa mã nguồn eZine để tạo liên kết cho Category chủ đề tin tức, nhấn vào tên Category chuyển đến trang chủ đề tin tức tương ứng  Mở tập tin mamboezine.php nằm thư mục \components\com_mamboezine tìm đoạn mã hình bên (khoảng dòng 274) Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  Di chuyển (Move, Cut & Paste) đoạn mã từ dòng 274 -> 286 lên phía (khoảng dịng 220) xóa bỏ đoạn mã từ dịng 214 -> 218 hình bên Lưu đóng tập tin lại Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  Trong phần Quản trị (Admin) Joomla! truy cập vào Menu Components -> Mambo eZine -> Edit Current Language tìm đoạn mã sửa lại hình bên Nhấn vào nút Save để lưu thay đổi lại  Tiếp tục truy cập vào Menu Components -> Mambo eZine -> Edit CSS File sửa mã CSS lại hình thêm bớt tùy ý cho phù hợp với Template sử dụng Đây phần trình bày cho tên Category, chèn thêm hình minh họa cho đẹp Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  Bây trang Web trở nên chuyên nghiệp với phần trình bày chủ đề tin tức rõ ràng có liên kết giúp truy cập nhanh đến trang chủ đề tin tức mà không cần thông qua hệ thống Menu Lưu ý: Nhớ lưu tập tin mamboezine.php lại để dự phòng trước chỉnh sửa Collection by traibingo at buaxua.vn ... trang chủ Web Site trình bày đẹp mắt, với phần giới thiệu, liên kết nội dung theo Category chọn Module tin có hiển thị ảnh Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x. .. buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  Trong phần Quản trị (Admin) Joomla! truy cập vào Menu Components -> Mambo eZine -> Edit Current Language tìm đoạn mã sửa lại hình bên Nhấn vào nút... Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  Bây trang Web trở nên chuyên nghiệp với phần trình bày chủ đề tin tức rõ ràng có liên kết giúp truy cập nhanh đến trang