TRƯƠNG CÔNG THẮNG

CHÀO MỪNG BẠN ĐẾN VỚI WEBSITE TRƯƠNG CÔNG TRƯƠNG

  • Trang Chủ
  • Khảo sát kiếm tiền
  • Kiếm tiền tại nhà
  • Kiếm Bitcoin miễn phí
  • Đào Dogecoin
  • Cách tạo Website

Làm web bán hàng với Flatsome – Tạo footer

Tháng Hai 8, 2024 by Anh Hoàng Để lại một bình luận

Làm web bán hàng với Flatsome – Tạo footer
Feb 8, 2024 Feb 8, 2024
truongcongthang.com
  • VNPT và Bắc Ninh hợp tác hình thành một xã hội số toàn diện
  • TPHCM khởi động cuộc thi đổi mới sáng tạo nông nghiệp, hỗ trợ tới 400 triệu đồng
  • Facebook chính thức đóng cửa Messenger trình duyệt web từ 16-4

  • Footer hay còn gọi là chân trang, là thành phần nằm dưới cùng của trang. Footer thường chứa các nội dung như giới thiệu ngắn,như là: các chuyên mục, danh mục sản phẩm, các bài viết mới, các link hướng dẫn. Bài viết này mình sẽ hướng dẫn 2 cách tạo footer cho web bán hàng với Flatsome.

    Tạo Footer dùng Widget

    Để tạo Footer bằng Widget, bạn vào menu Giao diện > Widget. Sau đó bạn kéo các widget Văn bản, Chuyên mục, Các danh mục sản phẩm, Bài viết mới vào Footer1.

    footer 1

    Sau đó, ta chỉnh sửa nội dung cho từng widget như sau:

    footer 2

    Sau khi chỉnh sửa và lưu các widget này lại, ta vào menu Flatsome > Theme Options. Tiến đến chọn Footer. Ở phần Footer 1, bạn thêm Background Image cho footer này sau đó Đăng nó lên là xong. Ta sẽ có footer tạo bằng Widget như bên dưới.

    footer 3

    Tạo Footer bằng block

    Block là các khối có thể được tạo như trang. Flatsome cho phép người dùng chèn các khối vào một số vị trí như Footer. Do đó ta có thể tạo một Block đẹp mắt theo ý mình và dùng nó để làm Footer.

    Đầu tiên bạn vào menu UX Blocks từ Dashboard, thêm một block mới. Bạn đặt tên cho block này là Footer và đăng nó lên. Sau đó nhấn vào tab UX Builder.

    footer 4

    Việc tạo block này có cách làm tương tự như bạn tạo trang chủ ở bài học trước. Đầu tiên bạn tạo một Section với kiểu Box Right Dark.

    footer 5

    Ở tuỳ chọn cho Section này, bạn thêm ảnh nền cho nó, sau đó thêm lớp phủ màu đen độ trong là 70% để nó tối hơn. Dưới cùng bạn chọn Effects là Snow.

    footer 6

    Trong Section vừa thêm nó sẽ tạo cho mình 1 Row với 2 Column 6/12. Ở Column thứ nhất bạn thêm Text với nội dung tên công ty và địa chỉ.

    footer 7

    Ở Column thứ 2 đang có nền trắng, bạn vào chỉnh sửa nó xoá cái Bg Color đi cho nó thành trong suốt.

    footer 8

    Sau đó thêm một Row mới với 2 cột vào Column này.

    footer 9

    Ở 2 cột mới tạo ta cũng thêm 2 text với nội dung là các Danh mục sản phẩm và Chuyên mục. Mình không chèn 2 cái này tự động được nên phải dùng text và tạo liên kết cho nó bằng tay nha.

    Xong rồi thì Update block.

    footer 10

    Bây giờ bạn quay lại tuỳ chỉnh Footer của theme, ngay mục Custom Footer Block bạn chọn block Footer mình vừa tạo và nhấn Đăng. Bạn để ý là khi chọn Block thì 2 cái Footer 1 và Footer 2 biến mất. Do đó cái Footer bạn tạo bằng Widget cũng ẩn đi.

    footer 11

    Kết luận

    Như vậy là ta đã tạo xong Footer cho trang nhìn cũng khá đẹp phải không nào? Kết thúc bài viết này thì trang web bán hàng của chúng ta đã thành hình rồi. Còn một số chỉnh sửa ở các trang khác mình sẽ hướng dẫn bạn trong bài viết sau nhé.

    footer 12 scaled

    Liên quan

    Hướng dẫn cài đặt và làm quen với Gatsby Hướng dẫn cài đặt và làm quen với Gatsby
    Gatsby JS là gì? Tìm hiểu cơ bản về Gatsby.js Gatsby JS là gì? Tìm hiểu cơ bản về Gatsby.js
    Một số hook cơ bản của Flatsome phần 1 Một số hook cơ bản của Flatsome phần 1
    Làm web bán hàng với Flatsome – Tuỳ chỉnh cho WooCommerce Làm web bán hàng với Flatsome – Tuỳ chỉnh cho WooCommerce
    Làm web bán hàng với Flatsome – Tuỳ chỉnh hiển thị Blog Làm web bán hàng với Flatsome – Tuỳ chỉnh hiển thị Blog
    Làm web bán hàng với Flatsome – Tuỳ chỉnh giao diện Làm web bán hàng với Flatsome – Tuỳ chỉnh giao diện
    Làm web bán hàng với Flatsome – Tạo trang liên hệ tuyệt đẹp Làm web bán hàng với Flatsome – Tạo trang liên hệ tuyệt đẹp
    Làm web bán hàng với Flatsome – Tạo nội dung trang chủ Làm web bán hàng với Flatsome – Tạo nội dung trang chủ

    Filed Under: Wordpress Tagged With: hướng dẫn wordpress, kiến thức wordpress, wordpress cơ bản

    Giới thiệu Anh Hoàng

    Trả lời Hủy

    Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

    VNPT và Bắc Ninh hợp tác hình thành một xã hội số toàn diện

    UBND tỉnh Bắc Ninh và Tập đoàn Bưu chính Viễn thông Việt Nam (VNPT) vừa ký kết thỏa thuận hợp tác chiến lược về chuyển đổi số tỉnh Bắc Ninh giai đoạn 2026–2030. Phó Chủ tịch Thường trực UBND tỉnh Bắc Ninh Mai Sơn và Phó … [Read More...]

    • TPHCM khởi động cuộc thi đổi mới sáng tạo nông nghiệp, hỗ trợ tới 400 triệu đồng
    • Facebook chính thức đóng cửa Messenger trình duyệt web từ 16-4
    • Cục trưởng Lê Quang Tự Do tiết lộ sự thật về ngành game

    Cách tạo Website

    Web hosting là gì? Sử dụng hosting để làm web thế nào? Web hosting là gì? Sử dụng hosting để làm web thế nào?
    Cách tự tạo website bán hàng với WordPress sử dụng Woocommerce plugin Cách tự tạo website bán hàng với WordPress sử dụng Woocommerce plugin
    Hướng dẫn tạo blog miễn phí với blogger.com Hướng dẫn tạo blog miễn phí với blogger.com
    Hướng dẫn cách tạo website với chi phí thấp nhất Hướng dẫn cách tạo website với chi phí thấp nhất

    Bài viết mới

    • VNPT và Bắc Ninh hợp tác hình thành một xã hội số toàn diện
    • TPHCM khởi động cuộc thi đổi mới sáng tạo nông nghiệp, hỗ trợ tới 400 triệu đồng
    • Facebook chính thức đóng cửa Messenger trình duyệt web từ 16-4
    • Cục trưởng Lê Quang Tự Do tiết lộ sự thật về ngành game
    • Nhiều tài khoản bán hàng trên Facebook bị “bay màu”, điều gì đang xảy ra?

    LAPTOP

    44.990.000đ
    Laptop LG Gram 2022 17Z90Q-G.AH76A5 (Core-i7 1260P/16GB/512GB/17″ WQXGA/Win 11/Xám)
    24.790.000đ
    Laptop LG Gram 2021 16ZD90P-G.AX54A5 (i5-1135G7/8GB RAM/512GB SSD/16″WQXGA/Dos/Trắng)
    14.590.000đ
    Laptop Acer Gaming Aspire 7 A715-42G-R4ST NH.QAYSV.004 (R5 5500U/8GB RAM/256GB SSD/15.6″FHD IPS/GTX1650 4GB/Win10) – Hàng chính hãng
    15.190.000đ
    Laptop Acer Aspire 3 A315-58G-50S4 (Core i5 1135G7/8GB RAM/512GB/15.6″FHD/MX350 2GB/Win 10/Bạc)
    21.990.000đ
    Laptop Acer Swift 5 SF514-55TA-59N4 NX.A6SSV.001 (i5-1135G7/16GB RAM/1TB SSD/14″FHD_Touch/Win10/Xanh) – Hàng chính hãng
    14.890.000đ
    Laptop Acer Aspire 5 A514-54-59QK (Core i5 1135G7/8GB RAM/512GB/14″FHD/Win 11/Vàng)

    Thủ thuật WordPress

    Giới thiệu sơ lược về plugin Rank Math của MyThemeShop Giới thiệu sơ lược về plugin Rank Math của MyThemeShop
    Làm thế nào để mở menu WordPress trong tab mới? Làm thế nào để mở menu WordPress trong tab mới?
    Chức năng đăng nhập bằng mạng xã hội cho WordPress Chức năng đăng nhập bằng mạng xã hội cho WordPress
    Keyword synonyms trong Yoast SEO Premium là gì? Keyword synonyms trong Yoast SEO Premium là gì?

    Theo dõi

    • 7.5kLikes
    • 1.7kFollowers
    • 735Followers
    • 2.8kSubscribes
    • 524Followers
    • 7.3mFollowers
    • 849Followers
    • 286Subscribes

    Tin mới

    • VNPT và Bắc Ninh hợp tác hình thành một xã hội số toàn diện
    • TPHCM khởi động cuộc thi đổi mới sáng tạo nông nghiệp, hỗ trợ tới 400 triệu đồng
    • Facebook chính thức đóng cửa Messenger trình duyệt web từ 16-4
    • Cục trưởng Lê Quang Tự Do tiết lộ sự thật về ngành game
    • Nhiều tài khoản bán hàng trên Facebook bị “bay màu”, điều gì đang xảy ra?

    Thẻ

    Binance Bitcoin Blockchain bàn Chat OpenAI Các của dịch dự Ethereum giao giả giảm hướng dẫn wordpress kiến thức wordpress mạng xã hội việt nam mật mới mức ngay nhà nhất năm Sàn tiền điện tử số tháng thế tiền Tiền điện tử triệu trên trọng tăng tại tử tỷ vào với wordpress cơ bản đang điện được đạt đầu động

    ĐĂNG KÝ NHẬN EMAIL

    Điền Email của bạn để nhận thông tin khuyến mại mới nhất từ Website

    © Copyright 2026 · All Rights Reserved · Website Design By: www.truongcongthang.com