1 of 40

LẬP TRÌNH MÃ NGUỒN MỞ

Bài 8:

Component &News Feed

1

2 of 40

Nội dung

  • Giới thiệu Joomla Component
  • Một số Component thông dụng
  • Giới thiệu Component News Feed
  • Xây dựng Component News Feed
  • Đưa Component News Feed và trang chủ của website

​

​

2

3 of 40

Component Joomla

  • Joomla Component là một trong các thành phần mở rộng của Joomla, thực chất nó là một ứng dụng trong hệ thống Joomla.
  • Component được sử dụng để thực hiện một chức năng lớn nào đó, chẳng hạn như: Cung cấp tin tức, Quảng cáo, Rao vặt, Đặt phòng khách sạn, Bất động sản, Download..
  • Một component được hiển thị ở phần trung tâm, hay phần chính (mainbody) của Website.

3

4 of 40

Component Joomla thông dụng

4

5 of 40

Component Joomla thông dụng

  • com_banners: Quản lý bảng quảng cáo (banner)
  • com_contact: Quản lý các đầu mối liên hệ (contact)
  • com_content: Quản lý và hiển thị bài viết (đây là component quan trọng nhất)
  • com_mailto: Quản lý chức năng gửi/nhận email
  • com_media: Quản lý các tệp đa phương tiện (video, flash, mp3, hình)
  • com_newsfeeds: Quản lý việc lấy tin từ website khác
  • com_poll: Cung cấp chức năng bình chọn
  • com_search: Cung cấp chức năng tìm kiếm

​

5

6 of 40

Component Joomla thông dụng

  • com_user: Quản lý thành viên
  • com_weblinks: Quản lý và hiển thị danh mục các website liên kết
  • com_wrapper: Cho phép nhúng một website khác trong cửa sổ của website Joomla
  • Ngoài ra xây dựng một component thực hiện một chức năng

chuyên biệt, hoặc để thay thế cho một component nào đó của Joomla ta có thể truy cập và download tại website Joomla Extensions

�

6

7 of 40

News Feed

Nội dung:

  • Tạo Components News Feed chứa tin tức RSS lấy từ các trang web có cung cấp tin RSS.
  • Cấu hình và đưa menu chứa Components News Feed chứa tin tức RSS ra trang chủ.

7

8 of 40

News Feed

  • Components > News Feed

8

9 of 40

News Feed

  • Tab Category Details

9

10 of 40

News Feed – Cấu hình Feed

  • Tab Publishing Options

10

11 of 40

News Feed – Cấu hình Feed

  • Tab Display Options

11

12 of 40

News Feed – Cấu hình Feed

  • Tab Metadata Options

12

13 of 40

News Feed

  • News Feed đã tạo

13

14 of 40

News Feed

  • News Feed Category – Báo thanh niên

14

15 of 40

News Feed

  • News Feed Category – Báo vnexpress

15

16 of 40

News Feed

  • News Feed Category

16

17 of 40

News Feed – RSS ThanhNien Online

  • News Feed Category

17

18 of 40

News Feed – RSS ThanhNien Online

  • News Feed Category

18

19 of 40

News Feed – RSS ThanhNien Online

  • Copy link rss, tạo News Feed – Khoa học

19

20 of 40

News Feed – RSS ThanhNien Online

  • Copy link rss, tạo News Feed - CNTT

20

21 of 40

News Feed – RSS VnExpress

  • Copy link rss, tạo News Feed Trong nước

21

22 of 40

News Feed – RSS VnExpress

  • Copy link rss, tạo News Feed – Quốc tế

22

23 of 40

Tạo Menu – gắn RSS vào Menu

  • Tạo menu con bên trong Main Menu

23

24 of 40

Tạo menu – gắn RSS vào menu

  • Menus > Main Menu > Add New Menu Item

24

25 of 40

Tạo menu – gắn RSS vào menu

  • Tab Detail: chọn kiểu menu, Category

25

26 of 40

Tạo menu – gắn RSS vào menu

  • Chọn kiểu menu, Category

26

27 of 40

Tạo menu – gắn RSS vào menu

  • Tab Details: chọn kiểu menu, Category

27

28 of 40

Tạo menu – gắn RSS vào menu

  • Tab Advanced Options: Categories Options

28

29 of 40

Tạo menu – gắn RSS vào menu

  • Tab Advanced Options: Category Options

29

30 of 40

Tạo menu – gắn RSS vào menu

  • Tab Advanced Options: List Layouts

30

31 of 40

Tạo menu – gắn RSS vào menu

  • Tab Advanced Options: Feed Display Options

31

32 of 40

Tạo menu – gắn RSS vào menu

32

33 of 40

Tạo menu – gắn RSS vào menu

  • Chọn type, nhập link

33

34 of 40

Tạo menu – gắn RSS vào menu

  • Chọn type, nhập link

34

35 of 40

Tạo menu – gắn RSS vào menu

  • Chọn type, nhập link

35

36 of 40

Single News Feed

  • Menus > Main Menu > Add New Menu Item
  • Select type menu: Sigle News Feed

​

36

37 of 40

Single News Feed

  • Menus > Main Menu > Add New Menu Item
  • Select type menu: Sigle News Feed

​

37

38 of 40

Single News Feed

  • Menus > Main Menu > Add New Menu Item
  • Feed: Chọn feed là Trong nước - VnExpress

​

38

39 of 40

Single News Feed

39

40 of 40

Single News Feed

40