Thiết kế trang web 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 ConfiguarationOn. (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.

install_com.jpg

  • Xuất hiện thông báo đã cài đặt xong, nhấn Continue để hoàn tất.

install_continue.jpg

  • 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.

news_page.jpg

  • 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)

page_config.jpg

  • 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.

page.jpg

  • 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.

news_cat.jpg

  • Chọn Frontpage (mặc nhiên), nhấn Add Category để chọn các Category cho Frontpage.

add_cat.jpg

  • 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.

add_to_page.jpg

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)

add_cat_no_title.jpg

  • 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:

edit_cat.jpg

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ị.
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.

menu_ezine.jpg

  • 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.

home_menu.jpg

  • 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.

Tiếp theo sẽ đưa 2 Module kèm theo Mambo eZine vào thay thế cho 2 Module Tin mới nhấtTin đượ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ấtTin đượ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.

ezine_home_page.jpg

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)

edit_lang.jpg

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 ConfiguarationOff để 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 componentscom_mamboezine và tìm đoạn mã như trong hình bên dưới (khoảng dòng 274).

code_1.png

  • 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.

code_2.png

  • 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.

cat_name_1.png

cat_name_2.png

  • 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.

css.png

  • 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.

category_link.png

Lưu ý: Nhớ sao lưu tập tin mamboezine.php lại để dự phòng trước khi chỉnh sửa.

(Theo nguồn : Búa Xua)

VN:F [1.9.12_1141]
Rating: 4.3/10 (4 votes cast)
VN:F [1.9.12_1141]
Rating: 0 (from 0 votes)
Thiết kế trang web Tin tức với eZine trong Joomla!, 4.3 out of 10 based on 4 ratings

Google+ Comments

About Vinalink Design

Vinalink design là công ty thuộc Vinalink media - Doanh nghiệp 14 năm kinh nghiệm thiết kế web cao cấp cho hơn 1000 công ty trong đó có Yamaha, Lifan, Toyota, Vietinbank, VNPT, Marine Time Bank, Thiên Đường Bảo Sơn, Thể Công, HUD, Lilama, Honda.... Không chỉ đơn giản là thiết kế web, Vinalink Design tư vấn web theo tiêu chuẩn SEO, SMO, CRO, UI, UX... để đảm bảo quý khách sẽ tăng được ít nhất 50% lượng đặt hàng qua website ! Chúng tôi sẵn sàng cam kết điều này nếu quý vị gọi điện đặt lịch tư vấn : 04-382.12345 (Hanoi). TPHCM, Đà nẵng hay ngoài giờ? : 0915157599. Email : vinalink@gmail.com