https://kientruc7.mauthemewp.com/
Cài đặt WordPress lên hosting
Cài đặt plugin All in one Migration Backup (trên kho plugin) và Extention Unlimited (tặng kèm).
Tải source vừa mua lên từ Plugin và hoàn thành các bước cuối cùng.
Theme wordpress agency4 fix có chức năng bán theme
Giá gốc là: 1.100.000₫.800.000₫Giá hiện tại là: 800.000₫.Bạn đang làm thiết kế kiến trúc – nội thất – xây nhà trọn gói và cần website nhìn đẳng cấp – chuyên nghiệp – dễ chốt? Theme WordPress Kiến Trúc 7 được thiết kế theo phong cách hiện đại, tập trung “khoe” dự án, thể hiện năng lực, và tối ưu nút liên hệ để khách để lại thông tin / gọi tư vấn nhanh nhất.
✅ Thiết kế đúng ngành kiến trúc – nội thất
Bố cục sang, hình ảnh lớn, khoảng trắng thoáng, giúp dự án nổi bật và tạo cảm giác uy tín.
✅ Portfolio/Dự án cực đẹp
Có trang dự án dạng lưới + trang chi tiết dự án (ảnh trước/sau, diện tích, phong cách, hạng mục, chi phí tham khảo…).
✅ Tối ưu chuyển đổi khách hàng
Nút Nhận báo giá – Đăng ký tư vấn – Gọi/Zalo bố trí thông minh, form gọn, giúp tăng tỉ lệ inbox/điền form.
✅ Chuẩn SEO & tải nhanh
Cấu trúc trang thân thiện Google, dễ lên top các từ khóa: “thiết kế nhà phố”, “xây nhà trọn gói”, “thiết kế nội thất…”.
✅ Chuẩn mobile
Khách xem trên điện thoại vẫn đẹp, ảnh không vỡ, CTA dễ bấm.
Trang chủ: banner + dịch vụ + dự án nổi bật + quy trình + review
Giới thiệu: câu chuyện thương hiệu, đội ngũ, năng lực, chứng chỉ
Dịch vụ: thiết kế kiến trúc, thiết kế nội thất, thi công, cải tạo…
Dự án / Portfolio: nhà phố, biệt thự, căn hộ, showroom, cafe…
Bảng giá tham khảo (tuỳ chọn)
Blog: kiến thức xây nhà, phong thủy, vật liệu, kinh nghiệm thi công
Liên hệ: form + bản đồ + hotline/Zalo
Để cài đặt theme wordpress thông thường sẽ có 3 cách tùy vào định dạng backup của source code wordpress đó.
Trong đó cách trong Tab1 (file backup có đuôi .Wpress (cần phải giải nén file .Zip) là cần phải cài đặt Plugin All in One Migration + Extention Unlimited nên cần phải cài source Wordpress trắng trước.
Cách cài đặt trong tab 2 và tab 3 phải thực hiện trong Hosting
.wpressKhi tải về theme có dạng file domain-demo.zip. Hãy giải nén ra, sau khi giải nén theme bạn thấy 1 file cài đặt có đuôi là.wpress đây là dạng backup bằng plugin All in one Migration thì hãy làm theo hướng dẫn bên dưới:
wordpress mặc định lên hosting, cài đặt Database..., cấu hình vào wp-config.php như 1 web wordpress mới hoàn toàn hoạt động được)
Lưu ý: Sau khi bung source, user và mật khẩu sẽ được thay đổi theo web demo và bạn cần đổi password khác để đảm bảo bảo mật.
Để lấy lại mật khẩu đăng nhập vào web bạn truy cập vào Phpmyadmin trong hosting để thực hiện thay đổi.
Hướng dẫn sẽ nằm ở phần bài 2
.zip (.tar) + installer.phpSau khi tải bộ full code mã nguồn về bạn giải nén ra sẽ gồm 2 file: 1 file installer.php và 1 file dạng ma_nguon.archive.zip như ảnh phía dưới
Bạn cần upload 2 file đó lên host (Thường sau folder public_html), hoặc locahost thì upload vào folder website các bạn tạo trước đó là được.
Nếu ở trên localhost nên đường dẫn sẽ như sau:
Trong giao diện cPanel bạn tìm và chọn MySQL® Database Wizard
Tại đây bạn nhập và tên database cần tạo => Next Step
Tiếp đên tạo database user, bạn nhập vào tên user và password. Ở bước này bạn nên nhập Database Name và Database User trùng tên nhau để dễ quản lý khi hosting bạn chạy nhiều website, khi nhìn vào Database là sẽ biết Database đó thuộc webiste nào luôn. Tránh trường hợp để tên vô nghĩa khi nhìn vào rất khó quản lý vì không biết Database đó website nào đang dùng.
Gán quyền cho Database, bạn chọn ALL PRIVILEGES => Next Step
Tạo thành công sẽ hiển thị như bên dưới
Lúc này các bạn truy cập đường dẫn tới file installer.php để giải nén: http://tenmiencuaban.com/installer.php.
Nếu bạn cài test trên localhost, lúc này đường dẫn sẽ như sau: http://localhost:8888/testdup/installer.php
Click vào “I have read…” sau đó ấn Next
Sau khi tạo User, Database, Password trên Hosting của bạn lúc này các bạn cần nhập thông tin đã tạo vào các khung tương ứng: User, Database, Password
Sau khi nhập xong các bạn nhớ ấn Test Database để kiểm tra xem thông tin nhập đúng chưa, nếu hiện như này là Ok.
Các bạn ấn Next, Duplicator sẽ hỏi lần nữa xác nhận, các bạn click OK
Không có vấn đề gì ấn Next
Sau khi cài xong các bước trên bạn nhớ ấn vào dòng “Auto delete installer files after login” để xóa bản backup kia đi để tránh kẻ xấu chạy file installer.php, sau đó ấn Admin Login.
Ấn vào Admin Login
Sau khi đăng nhập xong đây sẽ là giao diện bạn thấy:
Lúc này là đã hoàn thiện, dữ liệu website đã được cài đặt trên host và tên miền của bạn, việc của bạn cần làm bây giờ là:
Phía trên là bài hướng dẫn cài cài theme từ file duplicator chúc các bạn thành công !
Ghi chú: Mặc định chúng tôi không cung cấp pass, user nên sau khi cài đặt theme xong bạn truy cập vào trong phpadmin để đổi lấy pass, xem thông tin user để đăng nhập, xem thêm bài viết hướng dẫn lấy lại mật khẩu WordPress trong phpmyadmin ở bài số 2
.zip + .sql.Zip lên hosting và giải nén (extract). Nếu file zip chỉ có thư mục wp-content tức là chưa có bộ source wp gốc bạn phải tải và giải nén mã nguồn wordpress gốc lên: Tải core wordpress gốcwp-content ghi đè lên.Database mới sau đó đăng nhập vào phpmyadmin (cần nhớ user và password lúc tạo database) để đăng nhập.wp-user (nằm trong danh mục bên trái). Sau đó nhấp vào nhập chọn file .sqlwp-option cũng sửa lại địa chỉ tên miền (domain) và email admin.wp-user sửa user và đặt lại password khác (Lưu ý: password phải chọn MD5Done!
Nếu có bất kì thắc mắc nào hãy liên hệ ngay cho chúng tôi để được hỗ trợ bằng Ultraviewer hoặc Teamview.
Phương pháp backup dạng này thường sử dụng để tránh các code không sạch (nhiễm mã độc) bị cài ẩn trong core Wordpress gốc.
Để lấy lại mật khẩu đăng nhập web các bạn làm theo bước sau:
Đầu tiên truy cập vào trình quản lý Hosting của bạn, ở bài viết này là Hosting cpannel hay Direct Amin thì cũng tương tự nhưng giao diện chỉ khác đôi chút
Bước 1: Từ cPanel nhấp phpmyadmin lựa chọn database của website đang cần thay đổi mật khẩu.
Bước 2: Chọn đến bảng wp-users.
Bước 3: Bấm Edit để tiếp tục.
Bước 4: Tại cột Function của dòng Password chọn MD5 - lưu ý phải chọn MD5 mới được. Sau đó tại cột Value nhập lại password mới.
Sau khi hoàn tất kéo xuống dưới bấm Go để thực thi.
Hoàn tất tất cả các bước cần thiết. Hãy dùng các thông tin mới đổi này để đăng nhập trang quản trị của bạn.
Từ bản WordPress 5 trở đi, việc thay đổi Email trong Admin trở lên khó khăn hơn, vì vậy bạn cần thay đổi email trong phpmyadmin
Bước 1: Từ cPanel nhấp phpmyadmin lựa chọn database của website đang cần thay đổi email.
Bên trái, click vào Database của website cần thay đổi email (Tên database bạn có thể xem trong file wp-config.php). Bạn có thể đổi email admin trong bảng wp_options và email tài khoản người dùng trong bảng wp_users
Bước 2: Chọn đến bảng wp-options.
Nó sẽ hiển thị cho bạn các hàng dữ liệu bên trong bảng tùy chọn. Bạn cần phải bấm vào nút ‘Chỉnh sửa’ bên cạnh hàng mà option_name là ‘admin_email’ để sửa Email. Đừng quên bấm vào nút ‘Go’ để lưu các thay đổi của bạn.
Bước 3: Chọn đến bảng wp-users.
Tiếp theo, nhấp vào nút chỉnh sửa bên cạnh hàng mà người dùng đăng nhập khớp với người dùng bạn muốn chỉnh sửa. PhpMyAdmin bây giờ sẽ mở hàng người dùng trong một biểu mẫu.
Bạn có thể nhập địa chỉ email mới vào trường user_email. Đừng quên bấm vào nút ‘Go’ để lưu các thay đổi của bạn.
Cuối cùng là hoàn thành bây giờ địa chỉ email và mật khẩu đã được thay đổi bạn đăng nhập bằng mật khẩu mới vừa tạo
Mặc định các theme demo đều chặn index để tránh tình trạng khi mọi người cài đặt website xong, chưa sửa dữ liệu xong mà google đã index, dẫn đến các dữ liệu demo bị index.
Do đó, sau khi cài đặt và chỉnh sửa thông tin, nhập liệu xong xuôi, các bạn nhớ bỏ check phần này để cho phép google index bài viết, trang của bạn. Để chỉnh phần này, các bạn vào Cài đặt -> Đọc
Bỏ tick mục “Ngăn chặn các công cụ tìm kiếm đánh chỉ mục website này” sau đấy các bạn lưu lại là được
Để đổi emaill, các bạn vào Woocommerce -> Cài đặt -> Tab email. Tại đây các bạn thay email tại 3 phần như hình bằng cách click vào cài đặt sau đó đổi thông tin Lưu lại là được
Rất nhiều bạn mua theme về nhưng quên làm bước này, dẫn tới việc sau khi đặt hàng xong, khách chuyển khoản nhầm vào tài khoản ngân hàng demo có sẵn trên web. Các bạn lưu ý nhé .
Để thay đổi thông tin ngân hàng, các bạn làm như sau:
Vào Woocommerce – Cài đặt – Thanh toán
Sau đó, nhấp vào Cài đặt tưng ứng từng phương thức thanh toán và tiến hành thay đổi các thông tin ở đây:
Thay đổi thông tin tài khoản ngân hàng ở phần thanh toán, sau đấy Lưu lại
Có một số theme có Form nhận thông tin khách hàng, do đó, bạn cũng cần thay đổi luôn email phần này về email của mình, Để thay đổi email phần này, các bạn vào Form Liên hệ (Hoặc Contact Form ở các bản cũ ) ->Danh sách form . Tại đây các bạn chọn lần lượt từng form để thay đổi theo hình hướng dẫn.
Các bạn vào mục Mail nhận để đổi thành email của bạn để đảm bảo nhận được đầy đủ thông tin của khách hàng.
Để tùy biến màu sắc, font chữ và logo bạn chọn Giao diện > Tùy biến.
Tiếp theo chọn Style để tùy chỉnh màu sắc và font chữ theo nhu cầu.
Để tùy chỉnh code hoặc thêm các mã JavaScript bên thứ ba như: Facebook Pixel, Hotjar, Google Analytics bạn truy cập phần Advanced > Global settings, muốn tùy chỉnh css bạn vào tab Custom CSS.
Flatsome là một theme chuyên dùng cho nhu cầu xây dựng trang web bán hàng tuy nhiên nếu bạn muốn dùng các tính năng blog cơ bản thì Flatsome hoàn toàn đáp ứng được, chọn Giao diện > Tùy biến sau đó chọn Blog.
Trong phần blog single post sẽ có các tùy chỉnh như sau:
Shortcode tạm dịch là mã ngắn, đây là một tính năng khá hay của WordPress giúp bạn tùy biến và chèn nội dung vào bất cứ nơi đâu trên website, để tạo shortcode bạn vào UX Blocks tạo một blocks mới, khi tạo xong bạn chú ý góc phải màn hình phần shortcode, giờ bạn có thể copy shortcode này để chèn vào các bài viết.
Để chèn shortcode bạn chỉ cần copy mã và dán vào trang nội dung bất kỳ.
Flatsome là một theme nước ngoài cho nên đa số giao diện vẫn chưa hỗ trợ Tiếng Việt, vì vậy bạn cần dịch nó sang ngôn ngữ Tiếng Việt, trước tiên bạn cài đặt plugin Loco Translate, tiếp theo chọn theme Flatsome để việt hóa.
Tạo ngôn ngữ mới cho Flatsome.
Chọn ngôn ngữ Tiếng Việt, chọn location Custom.
Lọc từ mà bạn cần dịch sau đó điền bản dịch và ấn Save để hoàn tất, load lại trang xem bản dịch đã thành công hay chưa, xóa cache toàn trang web nếu có.
Để tùy chỉnh các tùy chọn trên Woocommerce bạn truy cập Advanced > Woocomerce.
Bắt đầu tùy chỉnh từ trên xuống dưới, phần Store notice (thông báo cửa hàng) bạn điền thông tin bất kỳ nhé, thông báo sẽ hiện ở trên cùng phần header khi khách hàng truy cập vào trang web.
Tiếp theo là phần Product Catalog bạn chọn chỉ hiển thị sản phẩm, đoạn bộ lọc sản phẩm sẽ có 5 tùy chọn chính đó là:
Tiếp theo đến phần tùy chỉnh trang sản phẩm cho Flatsome, bạn tùy chọn lần lượt layout, header và kích thước của hình ảnh.
Các phần thanh toán, giỏ hàng và trang thanh toán bạn tìm hiểu và tự tùy chỉnh nhé vì phần này khá dễ, cuối cùng chúng ta sẽ tùy chỉnh Site search giúp website có thể tìm các sản phẩm nhanh gọn lẹ hơn.
Chọn lần lượt các tùy chỉnh như hình bên dưới, enable live seach giúp hiển thị các kết quả tìm kiếm ngay lập tức, phần search results latency (độ trễ khi hiển thị) bạn set 500 ms hoặc 1000 ms, bật thêm tùy chọn tìm kiếm theo sku và tag sản phẩm nếu cần.
Landing page là yêu cầu không thể thiếu nếu bạn có ý định xây dựng trang web bán hàng, landing page giúp khách hàng hiểu rõ hơn về sản phẩm của bạn, đẩy cảm xúc của khách hàng lên cao từ đó gia tăng chuyển đổi cho website, Flatsome hỗ trợ sẵn trình UX Builder giúp bạn xây dựng landing page nhanh gọn chỉ với thao tác kéo thả.
Để tạo landing page bất kỳ bạn chọn tạo trang mới, tiếp theo chọn Edit with UX Builder.
Tới đây bạn có thể chọn add elements và kéo thả các block tùy theo sở thích, chọn Flatsome Studio để import các mẫu dựng sẵn từ nhà sản xuất.
Mẫu sau khi import sẽ có cấu trúc bao gồm các section, column và phần tử, ấn vào phần Options để tùy chỉnh các thông số. Cuối cùng ấn vào nút Publish để lưu trang landing page.
Một thủ thuật nho nhỏ khi xây dựng landing page đó là hãy tùy chỉnh hiển thị cho nhiều loại thiết bị khác nhau, vào tùy chọn Options và set visibility cho từng phần tử.
Flatsome là một trong số ít các theme có giao diện header theo kiểu kéo thả, bạn không cần phải can thiệp quá nhiều về code, Flatsome hỗ trợ chuyên biệt 2 phần menu cho máy tính để bàn và thiết bị di động. Để tiết kiệm thời gian bạn cũng có thể sử dụng các presets mà nhà sản xuất đã cung cấp.
Phần Footer bạn cũng tùy biến tương tự thôi, chú ý thành phần Edit footer widget dùng để thêm các widget vào Footer.
Phần Footer sẽ gồm 3 thành phần chính đó là Footer 1, Footer 2 và Absolute Footer, hãy chèn lần lượt các wigdet vào Footer 1 sau đó đến Footer 2, trường hợp không sử dụng Footer 2 hãy disable nó đi.
Chọn disable Footer 2 nếu không sử dụng.
Chỉnh sửa text cho phần bottom Footer.
Như vậy là bài hướng dẫn sử dụng theme Flatsome đến đây đã hết, chúc các bạn thành công
Hầu hết các theme WordPress hiện đều sử dụng tiếng Anh, vì thế để tùy chỉnh cho phù hợp với đối tượng là người Việt Nam, thì bạn cần phải Việt hóa Theme
Có khá nhiều cách việt hóa theme wordpress tuy nhiên bài viết này giới thiệu các bạn cách đơn giản và thông dụng nhất đó là sử dụng plugin Loco Translate, ngoài ra các bạn có thể sử dụng để việt hóa cả plugin.
Các bạn cùng làm theo bác bước sau đây để dịch theme của mình nhé:
Bạn muốn dịch Website của mình sang tiếng Việt thì trước tiên cần phải cấu hình Website sử dụng ngôn ngữ Tiếng Việt trước đã, bằng cách vào Settings -> General. Cuộn xuống dưới, ở phần Site Language, chọn Tiếng Việt. Click ‘Save Changes’ để lưu lại thay đổi.
Tiếp theo, bạn cài đặt plugin Loco Translate bằng cách vào phần Plugin chọn Cài mới. Tìm kiếm với từ khóa là Loco Translate. Chọn Cài đặt sau đó tiến hành kích hoạt Plugin.
Sau khi cài đặt, tại trang Admin, bạn vào Loco Translate -> Themes. Chọn theme bạn cần Việt hóa (tất nhiên là theme bạn đang sử dụng)
Ở màn hình tiếp theo, bạn click vào nút New language để tạo một ngôn ngữ mới.
Bước tiếp theo bạn chọn Vietnamese (tiếng việt) từ danh sách ngôn ngữ. Phần vị trí bạn chọn System để đảm bảo phần việt hóa không bị mất khi WordPress hay theme tự động cập nhật mới (như hình bên dưới). Click nút Start translating để bắt đầu việt hóa theme
Ở màn hình editor để việt hóa, bạn sẽ nhìn thấy tất cả các chuỗi ký tự (string) tiếng Anh đã định nghĩa và được sử dụng trong theme. Những String này hiển thị trong khung source text. Những String chưa được biên dịch sẽ có màu xanh đậm hơn những string đã được biên dịch. Việc bạn cần làm là việt hóa chúng theo ý của bạn.
Ví dụ theme đang sử dụng phần giỏ hàng bên trái đang hiển thị tiêu đề là Shopping Cart, bây giờ chúng ta tiến hành dịch thành Giỏ hàng
Để Việt hóa, bạn dùng ô filter để tìm String bạn cần Việt hóa. Sau đó, bạn nhập phần tiếng việt ở Vietnamese translation. Sau khi dịch xong, bạn để ý thấy String ở phần Source Text có icon hình sao ở bên cạnh. Nó thông báo cho bạn những String nào đã được biên dịch nhưng chưa được lưu lại.
Sau khi Việt hóa, bạn nhớ click nút Save rồi click Sync để lưu lại.
Bạn chỉ cần Việt hóa những String nào hiển thị ở trang chủ hay trang chi tiết sản phẩm (những trang bên ngoài mà khách hàng thấy)
Bây giờ, chúng ta ra màn hình và kiểm tra lại xem String đã được Việt hóa thành công chưa.
Truy cập Admin > Flatsome > Advanced > Woocommerce
Tích vào ô VARIATION SWATCHES và sau đó bấm lưu cài đặt.
Truy cập Admin > Sản phẩm > Các thuộc tính
Thuộc tính ở đây có thể là trọng lượng, dung lích, màu sắc, kích cỡ, chất liệu, thương hiệu,.. theo định nghĩa của bạn, cơ bản các thuộc tính này có thể khác nhau về giá hoặc đơn giản là bạn muốn tách ra thành 2 sản phẩm riêng biệt để khách hàng lựa chọn.
Tạo thuộc tính
Tên: tên thuộc tính
Đưỡng dẫn tĩnh: Bỏ qua
Cho phép lưu trữ: Tích để lưu trữ, sử dụng nhiều lần.
Loại: Gồm 3 lựa chọn, có thể bỏ qua để tinh chỉnh sau.
– UX Color: phù hợp thuộc tính hiển thị màu sắc
– UX Image: phù hợp thuộc tính hiển thị hình ảnh
– UX Label: phù hợp thuộc tính hiển thị dạng chữ (text)
Swatch size: kích thước hiển thị của thuộc tính ở trang chi tiết sản phẩm, bỏ qua để tinh chỉnh sau.
Swatch shape: kiểu hình dạng hiển thị thuộc tính ở trang chi tiết sản phẩm, bỏ qua để tinh chỉnh sau.
Use variation images: Lấy ảnh của thuộc tính sản phẩm để làm ảnh hiển thị thuộc tính.
Cái này các bạn chỉ cần bấm vào để thêm các thuộc tính của sản phẩm
Ví dụ mình thêm thuộc tính màu sắc thì phần UX Color bên dưới bạn sẽ chọn được màu sắc của thuộc tính ở đó, tương tự với UX Label hay UX Image nhé.
Với dạng sản phẩm đơn giản nếu bạn dùng UX Image thì tại phần Cấu hình chủng loại của thuộc tính sản phẩm bạn cần chọn mình ảnh cho từng thuộc tính.
Với dạng sản phẩm có biến thể thì các thuộc tính bạn tạo sẽ được lấy thông tin, hình ảnh từ phần Các biến thể, ví dụ dưới đây là cài đặt cơ bản
Phần Màu sắc để dạng UX Image
Phần Size mình để dạng UX Label
Và đây là kết quả
Nếu bạn muốn hiển thị thuộc tính màu sắc hoặc bất cứ thuộc tính nào khác như thế này:
Bạn làm như sau nhé: Giao diện > Tùy biến > Woocommerce > Danh mục sản phẩm
Kéo xuống đến phần Swatches và cấu hình như mình là sẽ được như bên trên.
Chúc các bạn thành công!
Plugin Duplicator có chức năng backup wordpress localhost, hoạt động giống plugin sao lưu dữ liệu. Đó là, nó tiến hành sao lưu tất cả các dữ liệu trên website, gồm cả mã nguồn và database (cơ sở dữ liệu).
Duplicator – WordPress Migration Plugin là một Plugin mạnh mẽ được cộng đồng người dùng sử dụng nhiều cho việc chuyển dữ liệu website nên mình sẽ hướng dẫn các bạn sửa dụng để backup website
Đầu tiên bạn cần cài Plugin Duplicator và thiết lập
Sau khi cài Plugin Duplicator, bạn sẽ thấy một menu về Duplicator xuất hiện trong Dashboard. Bạn có thể vào Duplicator -> Packages -> Create New để tiến hành tạo một bản sao lưu mới.
Tạo Packages Và Đặt Tên Cho Package và nhấn Next để hệ thống tiến hành Scan website.
Sau khi kiểm tra và hoàn tất quá trình scan website chúng ta nhấn Next để bắt đầu tiến trình Backup website.
Sau khi tiến trình backup thành công. Ta tải 2 file install và data về máy tính.
Sau khi backup thành công, ta tải 2 file installer.php và Archive về máy tính, sau đó upload lên thư mục Document của website cần restore.
Sau khi upload dữ liệu lên ta sẽ truy cập vào link yourdomain.com/installer.php và bắt đầu restore
Nhấn Next để tiếp tục.
Nhập thông tin Database và user Database đã tạo trước đó.
Sau khi đã nhập thông tin và user Database, nhân Test Database để check thông tin kết nối user vs database đúng chưa và nhấn Next để tiếp tục.
Kiểm tra lại thông tin website cần restore.
Kéo xuống tab Options và tạo User Quản trị mới cho website. User này sẽ dùng để đăng nhập vào trang quản trị của website.
Nhấn Next để tiếp tục
Sau khi hoàn thành tiến trình restore, website của bạn đã có thể hoạt động, bạn có thể nhấn vào Admin Login để vào quản trị website của mình. mọi thông tin user/passwd