Mẫu website bán Mỹ phẩm

Tùy biến theme flatsome

Tạo content demo cho website

Để tiếp tục xây dựng website bán hàng bằng flatsome hoặc làm website blog tiếp thị liên kết bằng flatsome, mình sẽ viết bài này hướng dẫn các bạn cách tùy biến. Trước khi tùy biến website chúng ta cần một vài bài viết để làm nội dung demo.

Nếu bạn chưa biết gì về mã nguồn mở wordpress thì chú ý những phần sau trong trang quản trị

  1. Bài viết : Là những bài viết tin tức, blog, vì dụ như bạn đang đọc bài này của mình nó là một bài viết.
  2. Trang : Là nơi tạo ra các trang chung cho website như Trang chủ, Cửa hàng, Liên hệ, Giới thiệu …
  3. Portfolio : Là post type do flatsome tạo ra không phải do core wordpress tạo ra, phần này bạn có thể tìm hiểu sau.
  4. UX Blocks : Là post type do flatsome tạo ra để tạo các block với những tính năng yêu cầu riêng. Cái này mình sẽ hướng dẫn các bạn tạo Block để làm footer chung cho toàn site.

Để viết một số content demo cho website thì bạn copy những bài viết trên mạng là được.

Pasted 132

Ok và mình đã copy dạo được 5 bài viết như hình

Pasted 133

Xem trang chủ sẽ hiển thị như thế này

Pasted 134

Bạn cần copy content demo như mình phía trên để dễ dàng dựng bố cục cho những bước tiếp theo. Ở trên mình đã tạo một chuyên mục làm đẹp và viết 5 bài review.

Tùy biến chung cho toàn site

Thiết lập đường dẫn tĩnh

Đường dẫn tĩnh nói dễ hiểu là link bài viết của bạn, mặc định ban đầu nó như thế này.

http://localhost/webaff/2022/02/25/top-5-phan-phu-shiseido-tot-duoc-yeu-thich-nhat-hien-nay/

Bây giờ chúng ta sẽ sửa lại một chút để thân thiện với SEO hơn

Trong trang quản trị vào Cài đặt / Đường dẫn tĩnh / chọn mục Tùy Biến

Nhấn vào Year, monthnum, day để bỏ ngày tháng năm ra khỏi đường dẫn tĩnh, chỉ giữ lại postname thôi và thêm .html vào sau như hình

Pasted 135

Lưu cài đặt lại và ra ngoài trang chủ kích thử vào một bài viết bạn sẽ được đường dẫn mới như sau :

http://localhost/webaff/top-5-phan-phu-shiseido-tot-duoc-yeu-thich-nhat-hien-nay.html

Cũng tại đó bạn nhập đường dẫn cơ sở cho chuyên mục và thẻ, mặc định ko nhập sẽ là category và tag, sau đó lưu lại.

Pasted 136

Thiết lập lại múi giờ cho website

Pasted 137

Ngăn chặn không cho wordpress cắt ảnh ( tùy chọn )

Vào Cài đặt / Media / xóa tất cả các mục kích thước  và lưu lại. Sau này ảnh bạn tự tối ưu trước khi úp lên website. Đây là tùy chọn ngăn wordpress cắt một ảnh thành nhiều ảnh để hiển thị phù hợp với từng mục đích hiển thị của nó.

Pasted 138

Tùy biến font chữ, tông màu cho theme

Cách 1. Ngoài trang frontend (trang người dùng xem ) : Kích vào Tùy biến trên thanh Admin để vào khu vực tùy biến

Pasted 139

Cách 2. Trong  trang quản trị vào Menu Giao diện / Tùy biến

Pasted 140

Tùy biến màu cho toàn site

Pasted 141

Trong mục Colors bạn set lại các màu và bấm Đăng

Pasted 142

Tùy chỉnh font Typography

Trong mục Typography bạn chọn một font mà bạn thích, ở đây flatsome nó hỗ trợ font google. Nên để dễ chọn bạn nên lên fonts.google.com để tìm font mà bạn ưng ý nhất, sau đó dựa vào tên font trên google bạn nhập vào đây để set font

Pasted 144

Pasted 143

Tạo menu cho website

Tạo Menu chính cho website theo hình dưới

Pasted 145

Sau khi tạo menu xong thì add các chuyên mục vào Menu, ở đây mình có chuyên mục Làm đẹp với 5 bài viết như đã nói ở trên

Pasted 146

Tương tự như thay đổi tông màu và font chữ, flatsome cho phép bạn tùy biến chỉnh sửa phần đầu trang ( header ) và cuối trang (footer) một cách cực kỳ dễ dàng và trực quan. Theo đó để làm cho các mẫu flatsome được tùy biến một cách dễ dàng bạn cần có một chút kiến thức về css nữa là được.

Mẫu Flatsome sau khi tùy biến

[recent_products per_page=”12″ columns=”4″ orderby=”date” order=”desc”]

Bo duong thao moc Daandan Bit Premium – MY PHAM

 

 

Nội dung trên website dành cho mục đích thông tin và giáo dục. Trang web của chúng tôi không nhằm mục đích thay thế cho lời khuyên, chẩn đoán hoặc điều trị y tế chuyên nghiệp.

0 0 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x
()
x