Thiết kế website bán bán quần áo bằng wordpress

TÌM HIỂU VỀ WORDPRESS

Khái niệm về WordPress

WordPress là phần mềm mã nguồn mở miễn phí, sử dụng ngôn ngữ lập trình PHP và cơ sở dữ liệu MySQL, rất phù hợp cho việc tạo blog trên website với tên miền riêng Nếu bạn không có tên miền riêng và không ngại một số quảng cáo, bạn có thể sử dụng dịch vụ của Automattic tại www.wordpress.com, tương tự như các nhà cung cấp khác.

WordPress là phần mềm mã nguồn mở, phát triển từ b2/cafelog và được sáng tạo bởi Michel Valdrigin Tên gọi WordPress được đề xuất bởi Christine Selleck, bạn của nhà phát triển chính Matt Mullenweg.

WordPress được phát triển bằng ngôn ngữ PHP và sử dụng cơ sở dữ liệu MySQL, cho phép hoạt động hiệu quả trên PHP5 Hầu hết các dịch vụ lưu trữ trực tuyến đều hỗ trợ WordPress, với nhiều nhà cung cấp như GoDaddy và HostGator cung cấp tính năng cài đặt tự động WordPress.

WordPress là nền tảng phổ biến để đăng tải thông tin trực tuyến, hoạt động tương tự như các website khác Nó có khả năng tạo ra các trang tin tức, đánh giá sản phẩm, bán hàng và thậm chí là mạng xã hội.

WordPress cung cấp dịch vụ tạo blog miễn phí trên wordpress.com, giúp những người không có khả năng tài chính, kỹ thuật hay thời gian vẫn có thể sử dụng nền tảng này để phát triển nội dung của mình.

Các tính năng cơ bản của WordPress

Cài đặt dễ dàng chỉ cần khởi tạo cơ sở dữ liệu, tải lên và thiết lập các tham số trong file wp-config.php Chỉ với 1-2 lần nhấp chuột, bạn đã sẵn sàng để bắt đầu viết blog.

Bạn có thể tạo không giới hạn số lượng chuyên mục và chuyên mục con trong các chuyên mục chính mà không gặp rắc rối Hệ thống tự động xuất RSS và Atom, giúp cập nhật thông tin về blog của bạn ngay lập tức.

Sử dụng giao diện XML RPC để trackback và viết bài từ xa

WordPress nổi bật với khả năng hỗ trợ plugin và theme, tạo điều kiện cho hàng nghìn nhà phát triển tham gia vào việc phát triển các tính năng và giao diện phong phú cho nền tảng này.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723 Page 11

Rất nhiều tài liệu hướng dẫn để giúp phát triển thêm tính năng, và nhiều bộ API để mở rộng

Dễ quản lý và duy trì mà chẳng cần phải có nhiều kĩ năng hay kinh nghiệm Khả năng tìm kiếm trên blog rất tốt.

Cấu trúc cơ bản của bộ quản trị WordPress

Bộ quản trị wordpress gồm các phần sau:

Dashboard WordPress cung cấp cái nhìn tổng quan về quản trị website, bao gồm thông tin tóm tắt về trang web, khả năng viết blog nhanh chóng, hiển thị các bình luận mới nhất, bài viết từ blog wordpress.org, cũng như giới thiệu các plugin mới và phổ biến nhất, cùng với liên kết đến website của bạn.

- Updates: Hiển thị tất cả các theme và plugin có bản mới

- Posts: Quản lý bài viết, tag và danh mục (category)

+ All posts: Quản lý tất cả các bài viết

+ Add new: Đăng bài viết mới

+ Categories: Quản lý tất cả các danh mục

+ Tags: Quản lý tất cả các Post Tag

- Appearance: Quản lý giao diện

- Plugins: Quản lý các thành phần mở rộng

- Settings: Thiết lập các tùy chọn.

Những thành tựu của Wordpress

Khi khám phá WordPress, bạn sẽ tự hào khi biết rằng đây là một trong những mã nguồn CMS mở phổ biến nhất thế giới, với nhiều thành tựu vượt bậc Những con số ấn tượng sau đây sẽ chứng minh điều này.

- Trên thế giới, có khoảng 25 bài viết được đăng lên các website sử dụng WordPress mỗi giây

- Số lượng website làm bằng WordPress chiếm 23% tổng số lượng website trên thế giới

- Trong số 100% các website sử dụng mã nguồn CMS, WordPress chiếm 60%

- Phiên bản WordPress 4.0 đạt hơn 16 triệu lượt tải chỉ sau khoảng hai tháng

- WordPress đã được dịch sang 52 ngôn ngữ khác nhau trong đó có tiếng Việt

- Có hơn 80 chương trình họp mặt về WordPress được tổ chức vào năm 2014

- Mã nguồn WordPress hiện đang có khoảng 785 lập trình viên cùng hợp tác phát triển

- Chỉ tính các giao diện (hay còn gọi là theme) miễn phí trên thư viện WordPress.org thì đã có hơn 2.700 themes khác nhau.

Những lý do nên chọn Wordpress

WordPress được thiết kế cho người dùng phổ thông, không yêu cầu kiến thức lập trình nâng cao Giao diện quản trị trực quan và các thao tác đơn giản giúp người dùng nhanh chóng làm quen với việc quản lý website Việc cài đặt WordPress cũng rất dễ dàng, cho phép người dùng tự cài đặt và vận hành website trên máy chủ riêng của mình.

 Cộng đồng hỗ trợ đông đảo

WordPress, một mã nguồn CMS mở phổ biến nhất thế giới, mang lại sự hỗ trợ từ cộng đồng người dùng khi gặp khó khăn trong quá trình sử dụng Với khả năng tiếng Anh tốt, người dùng có thể dễ dàng tìm kiếm câu trả lời cho các vấn đề trên Google chỉ với vài từ khóa.

 Nhiều gói giao diện (theme) có sẵn

Khi sử dụng WordPress, giao diện website thường được gọi là theme Hiện nay, WordPress cung cấp nhiều theme miễn phí, giúp người dùng dễ dàng thay đổi giao diện chỉ với vài cú click mà không cần thiết kế riêng Để có một website đẹp và chuyên nghiệp hơn, người dùng có thể lựa chọn mua các theme trả phí với giá từ $30 trở lên.

Plugin là công cụ bổ sung chức năng cho website, ví dụ như hiển thị bài viết liên quan trên WordPress Sau khi cài đặt, người dùng có thể dễ dàng thêm các plugin miễn phí để cải thiện tính năng cho website Ngoài ra, còn có nhiều plugin trả phí với các tính năng độc đáo, có giá từ $10 đến $80 tùy vào độ phức tạp.

 Dễ phát triển cho lập trình viên

Nếu bạn có kiến thức về HTML, CSS và PHP, việc mở rộng website WordPress với nhiều tính năng hữu ích sẽ trở nên dễ dàng WordPress là mã nguồn mở, cho phép bạn dễ dàng hiểu và phát triển các tính năng mới cho website của mình.

Với hàng nghìn hàm có sẵn, người dùng có thể dễ dàng tùy chỉnh và thay đổi cấu trúc hàm thông qua filter hook, giúp quy trình làm việc của lập trình viên chuyên nghiệp trở nên đơn giản hơn khi ứng dụng vào WordPress.

 Hỗ trợ nhiều ngôn ngữ

Mã nguồn WordPress hiện tại có rất nhiều gói ngôn ngữ đi kèm, bao gồm cả tiếng Việt

 Có thể làm nhiều loại website

WordPress không chỉ dành cho blog cá nhân; bạn có thể biến website của mình thành cửa hàng trực tuyến, trang giới thiệu công ty hoặc tạp chí trực tuyến bằng cách kết hợp các theme và plugin.

Những hiểu lầm về Wordpress

WordPress là một phần mềm mã nguồn mở được phát triển bằng PHP và MySQL, giúp việc tạo website trở nên nhanh chóng hơn Tuy nhiên, điều này không có nghĩa là bạn có thể tạo bất kỳ loại website nào chỉ với những thao tác đơn giản.

Để tối ưu hóa website WordPress, việc nắm vững kiến thức về PHP, HTML, CSS và Javascript là cần thiết, mặc dù có nhiều giao diện và plugin có sẵn.

 WordPress chỉ dành cho người không biết code

Nhiều người lầm tưởng rằng WordPress chỉ dành cho những người không có kiến thức lập trình, nhưng điều này hoàn toàn sai Thực tế, ngay cả những người không biết lập trình cũng có thể dễ dàng tạo website nhờ vào các tính năng có sẵn, thư viện giao diện phong phú và các plugin hỗ trợ Tuy nhiên, nếu bạn có kỹ năng lập trình, WordPress sẽ trở thành một công cụ mạnh mẽ hơn nữa, cho phép bạn khai thác tối đa phần lõi mã nguồn của nó.

Cài đặt Wordpress

1.7.1 Cài đặt Wordpress trên Localhost với Xampp

Localhost là sự kết hợp của hai thuật ngữ “local” và “host”, trong đó “local” chỉ máy tính của bạn và “host” ám chỉ máy chủ Do đó, localhost có thể hiểu là máy chủ trên chính máy tính của bạn.

Sinh viên Võ Quốc Dũng, lớp 52K2, MSSV: 1151073723, đã nghiên cứu về localhost, một hệ thống cho phép vận hành nhiều ứng dụng trên máy tính Localhost tích hợp các ứng dụng khác nhau, kết hợp chúng để tạo ra môi trường chạy mã nguồn WordPress trên máy tính.

- Phần mềm Webserver tên Apache, đây là webserver thông dụng nhất

- Phần mềm PHP để xử lý mã PHP vì WordPress viết bằng ngôn ngữ PHP

- Phần mềm MySQL Server để lưu trữ và xử lý cơ sở dữ liệu, do WordPress sử dụng MySQL làm nền tảng cơ sở dữ liệu

- Phần mềm PHPMyAdmin để xem và quản lý cơ sở dữ liệu MySQL

Sau khi cài đặt Localhost trên máy tính, bạn đã có một phần mềm Webserver để chạy ứng dụng website với địa chỉ IP http://127.0.0.1 Bạn cũng có thể truy cập localhost thông qua đường dẫn http://localhost.

 Lưu ý trước khi cài đặt

 Xoá toàn bộ ứng dụng liên quan tới localhost

Nếu bạn đã cài đặt các phần mềm như PHP và MySQL để làm localhost, hãy gỡ bỏ chúng Đồng thời, không nên cài đặt XAMPP trên Windows Server đã có IIS.

Nếu máy tính của bạn đang sử dụng tường lửa từ Windows hoặc phần mềm Antivirus khác, hãy tắt chúng để tránh việc chặn cổng 80 hoặc các ứng dụng máy chủ web.

Nếu bạn đang sử dụng Windows với chức năng User Account Control (UAC) được bật, hãy tắt nó khi làm việc với localhost để tránh gặp phải các vấn đề liên quan đến giới hạn quyền.

 Cài đặt Wordpress trên Localhost với Xampp

Cài đặt WordPress trên localhost bằng phần mềm Xampp đã được hướng dẫn chi tiết trên nhiều trang mạng, giúp người dùng dễ dàng thực hiện Tuy nhiên, trong bài viết này, tôi sẽ giới thiệu cách cài đặt WordPress trên hosting miễn phí tại Hostinger.vn.

1.7.2 Cài đặt Wordpress lên host miễn phí với Hostinger.vn

Nếu bạn mới bắt đầu với WordPress và muốn tạo blog hoặc website cá nhân nhưng gặp khó khăn về tài chính để mua hosting, hoặc cần một nơi để thử nghiệm mã code và xây dựng trang demo, thì hosting miễn phí chính là lựa chọn lý tưởng cho bạn.

Nếu bạn đang tìm kiếm dịch vụ hosting miễn phí với hỗ trợ 100% tiếng Việt, Hostinger.vn là lựa chọn tuyệt vời Nhà cung cấp này cung cấp 2GB dung lượng lưu trữ và 100GB băng thông, là khởi đầu lý tưởng cho các dự định của bạn Dưới đây là hướng dẫn cài đặt WordPress với hosting miễn phí từ Hostinger.

KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Chức năng

Website này chuyên cung cấp và giới thiệu sản phẩm của cửa hàng, công ty đến tay người tiêu dùng, với thông tin chi tiết về mặt hàng và giá cả chính xác Các chức năng của website bao gồm việc trình bày sản phẩm một cách rõ ràng, giúp khách hàng dễ dàng tìm kiếm và lựa chọn.

- Cho phép cập nhật hàng

- Hiện thị danh sách mặt hàng theo từng loại

- Hiện thị hàng hóa khách hàng chọn mua

- Hiện thị thông tin khách hàng

- Quản lý đơn đặt hàng

- Cập nhật hàng hóa, loại hàng, tin tức

Yêu cầu đặt ra

 Thiết bị và phần mềm

- Máy tính có thể thiết kế được với web

 Yêu cầu trang web: Hệ thống có 2 phần:

 Thứ nhất: Phần khách hàng:

Khách hàng là những người có nhu cầu mua sắm hàng hóa và sẽ tìm kiếm các sản phẩm cần thiết từ hệ thống để đặt hàng Do đó, cần phải có những chức năng hỗ trợ quá trình này.

- Hiển thị danh sách các mặt hàng của cửa hàng để khách hàng xem, lựa chọn và mua

- Khách hàng xem các thông tin tin tức mới, khuyến mãi trên trang web

Sau khi khách hàng hoàn tất việc chọn và đặt hàng, hệ thống sẽ hiển thị đơn hàng để khách hàng có thể nhập thông tin mua hàng và kiểm tra hóa đơn.

 Thứ hai: Dành cho người quản trị:

Người quản lý ứng dụng có quyền kiểm soát toàn bộ hoạt động của hệ thống và được cấp username cùng password để đăng nhập và thực hiện các chức năng cần thiết.

- Chức năng cập nhật, sửa, xóa các mặt hàng, loại hàng, nhà sản xuất, tin tức Nó đòi hỏi sự chính xác

- Tiếp nhận kiểm tra đơn đặt hàng của khách hàng Hiển thị đơn đặt hàng

- Thống kê theo ngày, khoảng thời gian

Trang web cần được thiết kế dễ hiểu với giao diện thân thiện và hấp dẫn, giúp khách hàng dễ dàng tìm thấy thông tin cần thiết Cần cung cấp thông tin quảng cáo hấp dẫn và các chương trình khuyến mãi để thu hút khách hàng Quan trọng hơn, phải đảm bảo an toàn tuyệt đối cho thông tin khách hàng trong quá trình đặt hàng trực tuyến Đồng thời, trang web cần thường xuyên được cập nhật và đổi mới để giữ sự hấp dẫn.

Mô tả hệ thống

Quản lý shop thời trang, dù lớn hay nhỏ, bao gồm các công việc liên quan đến nhập và xuất quần áo, ảnh hưởng trực tiếp đến hiệu quả và thời gian làm việc Đặc biệt, số lượng khách hàng biết đến cửa hàng thường hạn chế trong quy mô nhỏ Do đó, việc xây dựng một website để bán hàng và quảng bá thương hiệu là cần thiết để phát triển cửa hàng Để tìm hiểu sâu hơn về vấn đề này, tôi đã thực hiện khảo sát tại một cửa hàng thời trang.

 Cơ cấu tổ chức cửa hàng:

- Chủ cửa hàng: Chịu trách nhiệm về việc bán hàng, nhập hàng, quản lý doanh thu của cửa hàng

- Sản phẩm mới cho cửa hàng: Khi cửa hàng nhập 1 loại quần áo mới về thì chủ cửa hàng chịu trách nhiệm cập nhật thông tin sản phẩm

Khi khách hàng đến mua quần áo, chủ cửa hàng sẽ cung cấp đầy đủ thông tin về sản phẩm và giá cả, đồng thời sẵn sàng giao hàng khi khách hàng đồng ý mua.

- Các giao dịch được thực hiện tại cửa hàng, người mua quần áo đến xem hàng, lựa chọn, và giao dịch

Lượng quần áo, đồ dùng của cửa hàng tương đối ít, số lượng tương đối, số lượng khách mua trong ngày không nhiều.

Phân tích chức năng

2.4.1 Mô hình phân rã chức năng

 Chức năng quản lý nhập hàng:

- Cập nhật sản phẩm: Thêm sửa xóa thông tin sản phẩm, cập nhật thông tin cần sửa xóa vào sản phẩm

 Chức năng quản lý bán hàng:

- Tìm kiếm sản phẩm: Khi khách hàng đến với Website muốn tìm kiếm tên một sản phẩm thì nhập thông tin cần tìm rồi click vào

Khách hàng có thể xem thông tin chi tiết về sản phẩm bằng cách nhấp vào bất kỳ sản phẩm nào, giúp họ hiểu rõ hơn và lựa chọn mặt hàng phù hợp để mua.

Khi khách hàng muốn mua sản phẩm, họ cần đăng nhập vào hệ thống website, nơi sẽ cung cấp một tài khoản cho phép họ tự do lựa chọn các sản phẩm mong muốn.

Khách hàng có thể dễ dàng lựa chọn phương thức thanh toán linh hoạt, bao gồm thanh toán qua thẻ hoặc thanh toán trực tiếp khi nhận hàng tại nhà.

Khách hàng có thể đặt hàng qua hệ thống Website, và nhà quản trị sẽ xem xét thông tin đơn đặt hàng Nếu sản phẩm còn hàng, hệ thống sẽ duyệt đơn và thông báo cho khách hàng để thực hiện giao dịch Ngược lại, nếu hết hàng, hệ thống sẽ gửi thông báo đến khách hàng.

 Chức năng báo cáo thống kê:

- Thống kê đơn đặt hàng: Nhà quản trị sẽ thống kê đơn đặt hàng của khách hàng đặt mua dựa vào đơn đựt hàng

- Thống kê số lượng: Nhà quản trị sẽ thống kê số lượng sản phẩm còn lại trong kho hàng để kiểm kê

- Thống kê doanh thu: Nhà quản trị sẽ thống kê tổng tiền bán được thông qua hóa đơn

Quản lý hàng tồn kho là một nhiệm vụ quan trọng, trong đó nhà quản trị cần kiểm tra và thống kê số lượng hàng hóa hiện có Việc này giúp xác định rõ ràng hàng tồn, hàng bán chạy và tình trạng của từng sản phẩm trong kho, từ đó đưa ra các quyết định kinh doanh hợp lý.

 Chức năng quản lý người dùng:

- Đăng nhập: Khi khách hàng muốn mua sản phẩm của shop thì bắt buộc phải đăng nhập vào hệ thống

Để đăng ký tài khoản, khách hàng cần điền đầy đủ thông tin và chờ hệ thống xác nhận.

- Cập nhật thông tin cá nhân

Mô hình luồng dữ liệu

2.5.1 Sơ đồ khối chức năng chọn và đặt hàng

2.5.2 Sơ đồ khối chức năng thanh toán

2.5.3 Sơ đồ khối chức năng đăng ký thành viên

2.5.4 Sơ đồ chức năng tìm kiếm

2.5.5 Sơ đồ chức năng phản hồi

CHƯƠNG 3 THIẾT KẾ WEBSITE BÁN QUẦN ÁO BẰNG WORDPRESS

Giao diện

- Đăng nhập vào Wordpress Admin

Click vào Giao diện -> Mục giao diện -> Thêm mới

- Click vào thêm mới -> Chọn tải giao diện lên và duyệt các tập tin “zip” tải về trong máy tính

- Click vào nút Cài đặt và sau đó kích hoạt chủ đề mình chọn

- Giải nén file zip tải về

- Tải lên các tập tin đã được giải nén vào wp-content

- Bây giờ, kích hoạt chủ đề bằng cách vào Giao diện -> Themes trong bảng điều khiển wordpress

Cài đặt trang chủ

Tới Bảng tin -> Trang -> Thêm mới trang

- Click vào nút “Đăng bài viết”

Bây giờ đi vào Bảng điều khiển -> Cài đặt -> Đọc

Thiết lập tùy chọn 'trang hiển thị trước' để hiển thị 'Một trang tĩnh

Sau đó chọn Page từ trên xuống danh sách 'Trang'

Thiết lập chung

- Vào mục giao diện -> Click vào tùy chọn -> Click Gerenal Site -> Nhận dạng Site

- Sau đó nhập tiêu đề trang tùy ý

- Vào mục giao diện -> Click vào tùy chọn -> Click Gerenal Site -> Header

- Sau đó chọn Yes để ẩn biểu tượng tìm kiếm từ tiêu đề

- Văn bản Tiêu đề Màu : Chọn màu của tiêu đề trang web và khẩu hiệu

- Màu nền : Chọn màu nền của trang web

3.3.4 Biểu tượng ảnh trang web

Chọn biểu tượng trang web

3.3.5 Thêm văn bản bản quyền

Thiết lập tiêu đề đầu trang

Kích hoạt tính năng vô hiệu hóa ticker

Nhập Mã đề trên tiêu đề

Chọn một thể loại của bài viết để hiển thị như ticker trên tiêu đề đầu trang

3.4.2 Hiển mục số điện thoại và email

Thiết lập trang chủ

3.5.1 - Thiết lập slider cho trang chủ

- Thiết lập các biểu ngữ thanh trượt và các thiết lập khác cho trang chủ

- Làm thế nào để tạo ra một bài đăng trong thanh trượt với tiêu đề, nội dung và liên kết

- Hiển thị Slider trên trang chủ:

- Chọn danh mục để hiển thị trong thanh trượt

- Chọn thể loại của bài viết từ thả xuống của mục có sẵn

- Hiển thị Máy nhắn tin của Slider:

- Hiển thị Controls của Slider:

- Bật chuyển tiếp tự động của thanh trượt:

- Tốc độ chuyển tiếp (Nhập giá trị trong mili giây)

- Hiển thị chú thích trên trượt (tiêu đề hiển thị và mô tả trên Slider) (YES/NO)

Các bài viết trong danh mục này sẽ có hình ảnh đặc sắc và tiêu đề

- Kích hoạt tính năng Mục Blog (YES / NO)

- Chọn một thể loại của bài viết để hiển thị trong phần blog (trượt)

Kích hoạt tính năng Testimonial Mục (YES / NO)

Chọn một thể loại của bài viết để hiển thị trong phần Testimonial (trượt)

Mạng xã hội

- Hiển thị biểu tượng xã hội ở Tiêu đề:

- Hiển thị biểu tượng xã hội ở Footer:

- Nhập link của trang web xã hội để hiển thị chúng trên header hay footer nếu được kích hoạt từ tùy chọn ở trên

Thiết lập kiểu chữ

Cấu hình Thiết lập kiểu chữ:

Tới quản Dashboard> Appearance> Tùy chỉnh> Cài đặt Typography

Kiểm soát mong muốn phông chữ gia đình, màu sắc và kích thước font cho các tùy chọn kiểu chữ

+ Chọn Fonts cho nhóm văn bản:

Chọn phông chữ gia đình từ thả xuống cho h1 văn bản đề đến h6

Chọn Fonts cho Body Text:

Chọn phông chữ gia đình từ thả xuống cho các văn bản cơ thể

Chú ý rằng phông chữ của Nhóm phông chữ và cơ thể có thể bị ghi đè bởi các kiểu nếu các phần tử con như tiêu đề và cơ thể có tài sản quy định riêng.

Chọn kích thước font nội dung là giá trị số nguyên trong lĩnh vực văn bản

Chọn màu sắc văn bản cơ thể từ bộ chọn màu

Chú ý: Tùy chọn này được ghi đè nếu họ có màu sắc cụ thể trong stylesheet

Chọn cỡ chữ cho H1 văn bản:

Chọn cỡ chữ cho văn bản như H1 giá trị số nguyên trong lĩnh vực văn bản Chọn màu chữ:

Chọn màu sắc văn bản từ bộ chọn màu cho H1 văn bản

Chú ý rằng các cài đặt cho tiêu đề văn bản từ h1 đến h6 sẽ bị ghi đè nếu chúng có phần tử con bên trong và nếu kích thước font chữ cùng màu sắc đã được xác định.

NHẤN VÀO "Save & Xuất bản" TO SAVE "SETTINGS Typography"

3.8 Thiết lập biểu tƣợng đối tác thanh toán

Tải lên hình ảnh của các đối tác thanh toán để hiển thị trong chân dưới dòng chữ bản quyền

Tải lên hình ảnh của ssls khác để hiển thị tại chân dưới dòng chữ bản quyền

- Thêm Menus cho trang web của bạn

- Chọn menu chính là menu chính sau khi tạo ra nó

- Sau khi them các danh mục -> Lưu trình đơn

- Giao diện Menu chính sẽ được như hình ảnh phía dưới

- Tới Bảng điều khiển quản trị -> Appearance -> Customize -> Widgets

- Và cấu hình khác nhau Widgets

Thiết lập Menu