THIẾT KẾ WEBSITE BÁN HÀNG 3.1 Giao diện trang chủ

Một phần của tài liệu Báo cáo thực tập tốt nghiệp website nhà hàng bằng wordpress (Trang 25 - 34)

b) Cài đặt theme bằng cách upload len host

THIẾT KẾ WEBSITE BÁN HÀNG 3.1 Giao diện trang chủ

3.1. Giao diện trang chủ

Trang chủ bao gồm các phần như Banner, thanh menu, phần nội dung, phần right, phần bottom.

Hiển thị danh mục món ăn mới, món ăn đặc trưng.

Có những danh mục món ăn, thanh tìm kiếm theo tên, form đăng nhập, thống kê số lượng món ăn đã cho vào giỏ hàng, video giới thiệu món ăn…

Theme mình cho website này có tên là Mesocolumn. Sau khi cài đặt thì nó ở dạng mặc định. Chúng ta sẽ thay đổi banner và header cho theme.

25

Ở giao diện trang chủ mình có tạo thêm 1 slideshow gồm các ảnh quảng cáo cho món ăn và trang web.

Ta có thể dùng plugin WP flash img show. Đầu tiên ta phải cài đặt plugin này, sau đó vào cài đặt vào chọn mở plugin này ra để bắt đầu tùy chỉnh và đăng ảnh.

Ở đây chúng ta sẽ chọn ảnh cần tạo slide và thêm vào dường dẫn. Lưu ý là các ảnh cùng một kích thước.

27

Ở bảng tùy chọn, người dùng có thể thiết lập lại các giá trị theo ý muốn bao gồm màu sắc viền, kích thước của mỗi ảnh trong slide….

Để đăng các món ăn lên trang web thì ở đây mình dùng plugin WooCommerce. WooCommerce rất phổ biến trong giải pháp tạo nên tính năng bán hàng đơn giản ( nhưng cũng có thể chuyên nghiệp ) trong Wordpress. Theo các đánh giá của người dùng nước ngoài thì Woocommerce rất tiện ích vì nó được thiết kế theo chuẩn thương mại điện tử quốc tế, thế nhưng điều đó không có nghĩa là nó không có các tính năng thích hợp dành cho cộng đồng người Việt theo thói quen kinh doanh trên Internet tại Việt Nam.

29

WooCommerce không khó để tùy biến vì nó đã giản lược lại khá nhiều những hàm có sẵn trong nó, kèm thêm cơ chế overwrite template khá hay nên nếu bạn có một xíu kiến thức về lập trình web thì có thể xử lý nó.

Chúng ta cài plugin WooCommerce, khi đã kích hoạt xong trên thanh công cụ sẽ xuất hiện plugin này.

Nhấp chuột vào plugin để bắt đầu cài đặt. Plugin này có rất nhiều tùy chọn để giúp người dùng dễ dàng sửa các tùy chọn để phù hợp với mục đích sử dụng của website.

Một tính năng tiện ích ở plugin này đó là có thể tùy chọn loại đơn vị tiền tệ cho từng khu vực trên thế giới.

Sau khi hoàn tất quá trình cài đặt và tùy chỉnh cho plugin WooCommerce thì chúng ta bắt đầu đăng sản phẩm lên trang chủ.

Bạn vào Products -> Add Products để thêm món ăn và các thuộc tính cho món ăn.

Sau đó chúng ta sẽ thiết lập các thuộc tính cho món ăn của mình :

Vào góc phải của cài đặt để chọn ảnh cho món ăn.

31

Sau khi đã đăng được các sản phẩm lên trang chủ, bạn vào trang chủ sẽ thấy hiện lên tất cả các món ăn và cách chế biến của chúng.

Để mua được sản phẩm bạn nhấp chuột vào sản phẩm đó và nó sẽ hiện ra tất cả các thông tin về món ăn :

Sau khi đã chọn được sản phẩm ưng ý bạn nhấp chuột vào ô Mua hàng, website sẽ đưa bạn quay trở về trang chủ. Ở đây bạn sẽ thấy cuối trang có hiện ra giỏ hàng là sản phẩm bạn đã đặt mua.

Bạn nhấp vào ô Thanh toán, website sẽ đưa bạn tới trang toán. Bạn sẽ phải điền đầy đủ các thông tin cá nhân để cửa hàng có thể xác nhận và liên lạc để giao hàng.

33

Một phần của tài liệu Báo cáo thực tập tốt nghiệp website nhà hàng bằng wordpress (Trang 25 - 34)