Sau khi lựa chọn được tên miền + hosting. Để thiết kế giao diện website có sẵn, hãy cùng Brandinfo làm theo các bước dưới đây nhé!
1. Chỉnh sửa bố cục giao diện trang chủ
Để chỉnh sửa giao diện website bạn cần vào trang quản trị theo đường dẫn tên miền mà bạn đăng ký.
1.1 Thay logo
Trong giao diện quản trị vào Flatsome >> Theme Options >> Header >> logo & Site identity >> đăng
![Cách thay logo website Cách thay logo website](https://lh3.googleusercontent.com/XDcSP6-S1P37IteH0YFR_CjUvCzX0dStUTZ7tgVdlr1k4VgQqVholqmdeba0K5XAR3J9MhnaiQnLvt-9G119RKjcP_OZ5FLjUAKd7kwvdeVqlXr9rrMlCY9jZQUjGXfmF5sdeRTf)
B1: đổi tên website
B2: logo image
B3: Logo image - Light Version
B4: Biểu tượng site
Ảnh 1
![Cách thay biểu tượng site website Cách thay biểu tượng site website](https://lh5.googleusercontent.com/kTk0d09HzmJsFlgQEx8fz48t4fJnMF7JJNdSnBu81aubNhX9wwtS7RDC8UZfAB9rbQ0Xot50FLBUhUvK4BVRdQIeCbf7BnX9gw-h6IjTjVnLHIRhTQ0YfKLM3sk0QAZJlEsyMh-b)
Ảnh 2:
![Chỉnh sửa biểu tượng site trong website wordpress Chỉnh sửa biểu tượng site trong website wordpress](https://lh5.googleusercontent.com/Qer6h-GMAdZ2f3b5cnvIpsEWiBf8NpoUK8EYD5C8h03efLaZbmgth3YcHvFkwXJYzNT0KyNfMhWcoi3pX2DtJeCMFz940Dym7F5-cK37hwTW-k-12sZgPUat-lkKfAgYNMbhwav0)
1.2 Thay đổi màu sắc thanh menu
Trong giao diện quản trị vào Flatsome >> Theme Options >> Header Bottom >> Background color >> đăng
![Cách chỉnh sửa màu sắc menu Cách chỉnh sửa màu sắc menu](https://lh6.googleusercontent.com/0vcFaSz5S84bO1Oy0NDrjKRPYyn7rTnrX3r9ex9COR7EgEFE0RXDQ-FKgYroSWw1R-fqrsmjR1Fj8SREM39BmLxx3Yz4ie56Nfkl27xE25ocm05eITEGOUTa7tWWJCSQR8YzsUrB)
Ảnh 1
![Chỉnh sửa màu sắc menu wordpress Chỉnh sửa màu sắc menu wordpress](https://lh4.googleusercontent.com/NaIOdU0YdjaNGjz8yOL3IxFsfMbjDATu8idgd4uD9aW82EWWlhz5nN52ZLUAkwh10ypfg-CsZiu5w7u4JDxgmQ5WL5zujgDW5LzAzrq3mwc9F0UjMOBOC5DikZ1Q03DgFRraRBoj)
Ảnh 2
1.3 Thay banner
Trong giao diện quản trị >> sửa trang >> edit with UX Builder >> Section slider >> image >> change media >> apply >> update
![Cách thay banner wordpress Cách thay banner wordpress](https://lh6.googleusercontent.com/HjNsHEkGqtRM3XrEBTBOEyMlIH8mUq6cCatnAncwIm7jiinpRxZevC_IKGUB5aQfj4gFnz3_hl9k-AyNuoxzEAC7DUDG0Qyv15qObXB-MQrfftZCZVMLsSdKVObRIaOzaI1_4ysl)
Ảnh 1
![Cách chỉnh sửa banner wordpress Cách chỉnh sửa banner wordpress](https://lh6.googleusercontent.com/nZ7uCKCvKuMoh2UYR4eDGwwh1FHg1A-qsGG1jGX3lJsBVvvymzOqlioFG4jTfccuZxPr7UzScQVUUNlyIcR6SsnMWONVt4zvuQj4awmtsBVdZSHwCIRN-2nZRqf_r7pHQqNk1jNP)
Ảnh 2
![Cách thêm banner wordpress Cách thêm banner wordpress](https://lh6.googleusercontent.com/BTXKCdpHGZO372T561qUBMOUWsF3c3HgRkci8bxRzdisSD8kgTFSfwRzSqNB90EUJKd2nyshgLgSvxzq9YBUZ7MDOSorquL5iYKrSkUsQ5x8Y5yhApMUCc4cP9khKyPRyvjHCn0m)
Ảnh 3
1.4 Cập nhật sản phẩm ngoài trang chủ
Trong giao diện quản trị >> sửa trang >> edit with UX Builder >> chọn Section >> Chọn title (tên tiêu đề) >> chọn products >> apply >> update
![Cách cập nhật sản phẩm ngoài trang chủ Cách cập nhật sản phẩm ngoài trang chủ](https://lh6.googleusercontent.com/HjNsHEkGqtRM3XrEBTBOEyMlIH8mUq6cCatnAncwIm7jiinpRxZevC_IKGUB5aQfj4gFnz3_hl9k-AyNuoxzEAC7DUDG0Qyv15qObXB-MQrfftZCZVMLsSdKVObRIaOzaI1_4ysl)
Ảnh 1
![Cách thêm sản phẩm ngoài trang chủ wordpress Cách thêm sản phẩm ngoài trang chủ wordpress](https://lh4.googleusercontent.com/YoBP5S_I53Gh8ws1xxe0irPfgZHEMkcTmxW5r1I2Q03acQ22H-iZLCNqHdnLVHawIHStJSK7Ph6K6ZOq-BB49zG4rR7b2eXx8rcMHxqYeQ4lapV0xoGOcgMHL617oGpf2iTs9YmZ)
Ảnh 2
Để được như Bước 1 có tiêu đề: bạn vào như hình phía dưới nhé
B1: Chọn dấu “ +”
B2: Chọn “title”
![Cách thêm tiêu đề trong wordpress Cách thêm tiêu đề trong wordpress](https://lh4.googleusercontent.com/RPgOs1odOli7jPO-mT5e0I5YaIQXWbRxI_W-DMauoOROnGYXkcFbJtOtQRr80TcpBBn9z143cgntvkJNVRbwSXla1riVT_F113mKYlgOeZEVhJnNuTFYfztiD-t0IbKvX5_KWkOy)
Bước 1
![thêm tiêu đề trong wordpress thêm tiêu đề trong wordpress](https://lh5.googleusercontent.com/mT5bIp-8-4e06mlNB2KrMi3MmZdBiFRpTZPUPcodmND2AR7-Wjs_poju6N0VpEeQCh7aqgH21-2ym9rRRu4nkpNKquSM1LphUSf6hFUbj1jmg-ZB8r0WbzkmxXNIVS-Crv32iMgf)
Bước 2
Để có sản phẩm như ảnh 2 tương tự bạn chọn vào dấu “+” >> Products
![Cách thêm sản phẩm trong wordpress Cách thêm sản phẩm trong wordpress](https://lh5.googleusercontent.com/35YEnzPQFLbxZylP6WH0G4jaS-BsV4MlxaxoxwDX_y3kK7ah3PtClQ2V8JjqiN79A_ElMg-qTLixIO4NVh-IMmTclidG9LRk_fp1nksy_FG9tIW9pNbmyNHru1hl6xvRCmJD0LQe)
Ảnh 3
1.5 Sửa chân trang
Trong giao diện quản trị >> kéo xuống chân trang >> Edit block: Footer section >> EX builder >> sửa nội dung bạn cần sửa >> apply >> update
![Cách chỉnh sửa chân trang wordpress Cách chỉnh sửa chân trang wordpress](https://lh5.googleusercontent.com/nBM7FCos62fmMAzBVIiM1DJi_sxZxfOSV0h5ZqeTWlkRNQemwno2nMjhDrvyPgZFEL3Si7F6O-PizyTwOOHSijHwnNj-kyQs0VmbWfiIxTYDtwMr-PUbSGGXO_Wa6ORQwwsyoABq)
Ảnh 1
![Cách chỉnh sửa chân trang wordpress Cách chỉnh sửa chân trang wordpress](https://lh5.googleusercontent.com/qjy6TNoh8nb35W3zR6bRZfbSAjyi9cVqLc_PoLEdGQqsVcc9oDs-PM2I3-utRXkzkrzMuNzVesL7c972VmMB1TVX9zT2Jr_PNBG81lNdMoCXLWcW3xTBtviWDBUA0ftV6WBpuaAN)
Ảnh 2
Như vậy là mình có thể chỉnh sửa cơ bản bố cục giao diện website có sẵn rồi nhé!
2. Video hướng dẫn cách tạo website cơ bản theo mẫu sẵn
Hãy liên hệ với chúng tôi nếu bạn cần tư vấn thêm về dự án thiết kế website chuyên nghiệp hay giải pháp Marketing Online ngay hôm nay nhé
Brandinfo - Công ty cổ phần Thông tin thương hiệu
Địa chỉ: 69B1 Lạc Trung, Vĩnh Tuy, Hai Bà Trưng, Hà Nội
Hotline: 0877 739 991
Email: contact@brandinfo.biz
Website: https://brandinfo.biz
Facebook: https://www.facebook.com/Brandinfo/