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

Chia sẻ: Mr Yukogaru | Ngày: | Loại File: PDF | Số trang:12

0
182
lượt xem
117
download

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

Mô tả tài liệu
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Trình bày trang Tin tức với eZine trong Joomla! Các Web Site được tạo bằng Joomla! thường có các kiểu trình bày khá đơn giản, muốn Web Site trở nên chuyên nghiệp và đẹp hơn cần phải cài đặt và sử dụng thêm các thành phần mở rộng. Một trong những thành phần mở rộng giúp tạo trang tin tức chuyên nghiệp là Component eZine. Bài viết này sẽ hướng dẫn cách cài đặt và sử dụng com_eZine 1.9 trong Joomla! 1.013 để giúp tạo trang tin tức đẹp và chuyên nghiệp hơn. ...

Chủ đề:
Lưu

Nội dung Text: Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 32

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