Wordpress theme

Chia sẻ theme bán hàng wordpress Aloshop, hướng dẫn cài đặt giống demo.

Quang cao vnpmart.com.vn

Hôm nay mình xin chia sẻ theme bán hàng wordpress Aloshop, cũng xin hướng dẫn các bạn mới học thiết kế website wordpress cách cài đặt bộ giao diện này để được như demo của nhà cung cấp.

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo-10

theme Aloshop demo.

Demo Aloshop Theme      Dowload Aloshop Theme  Like ủng hộ bài viết

Sơ lược qua về giao diện  Aloshop.

Đây là bộ theme do Themeforest phát hành với giá bản quyền hiện nay là 79 usd, có 17 mẫu giao diện cài đặt sẵn trong bộ theme cho các bạn lựa chọn. 

Được xây dựng với plugin Woocommerce, một trong những plugin giúp bạn khởi tạo shop online mạnh mẽ nhất hiện nay.

Bước 1: Cài đặt wordpress.

Bạn có thể tìm kiếm các bài viết liên quan đến chủ đề cài đặt WordPress nhé, bài viết này có rất nhiều trang đã chia sẻ rất chi tiết, mình không hướng dẫn các bạn nữa.

Bước 2: Cài đặt theme Aloshop giống demo.

Sau khi cài đặt xong trang WordPress mẫu, chúng ta bắt đầu tạo trang bán hàng bằng mẫu giao diện Aloshop.

Lưu ý: bất cứ file giao diện nào khi bạn tải về hãy kiểm tra lại xem trong thư mục có những folder gì, nhiều bộ theme khi tải về bạn không kiểm tra lại trong đó luôn kèm thêm nhiều folder khác như: tài liệu, PDS… nên nếu bạn cứ để vậy mà cài theme sẽ không được, hãy giải nén ra và tìm đúng folder giao diện thì mới cài đặt thành công. Nếu bạn không biết folder nào là theme thì hãy nhìn cấu trúc như hình bên dưới, đó chính là nơi chưa giao diện bạn cần tìm.

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo

Bố cục của folder theme wordpress bao giờ cũng giống như này.

– Cài đặt giao diện:

Để cài đặt giao diện, tại trang quản lý bạn chọn Giao diện => Thêm mới.

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo-1

Chọn thêm mới trong phần quản lý giao diện để bắt đầu cài theme.

Chọn tải lên giao diện, chọn đúng folder theme cần cài đặt và nhấn cài đặt. Quá trình cài đặt kết thúc hãy kích hoạt theme mới lên nhé. Vậy là đã xong phần cài đặt giao diện cho website của bạn. 

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo-2

Chọn đúng folder theme, nhấn cài đặt và chờ cho quá trình import kết thúc.

– Cài đặt theme giống demo.

Để cài đặt được theme bán hàng Aloshop giống demo các bạn làm theo các bước sau.

Vào menu quản lý giao diện, chọn theme bạn muốn tùy chỉnh và chọn “Thông tin về giao diện”.

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo-3

Đưa trỏ chuột vào giao diện chọn Thông tin về giao diện.

Tại bảng mô tả về giao diên bạn đang sử dụng chọn ” Install Plugins ” để bắt đầu import tất cả Plugin cần thiết để có thể chạy mẫu giao diện này. 

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo-4

Cài đặt các plugin cần thiết cho Aloshop.

 

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo-5

Đánh dấu tất cả các Plugin và nhấn Install.

Quá trình cài đặt sẽ mất một thời gian tùy thuộc vào cả đường mạng của bạn, không tải lại trang khi cài đặt chưa kết thúc. Sau khi tất cả các plugin được cài đặt thành công hãy kích hoạt tất cả lên.

Tiếp theo bạn nhìn sang phần Admin menu, bây giờ bạn đã thấy mục Theme Option, tại mục này bạn chọn Import Demo Content để bắt đầu nhập khẩu dữ liệu mẫu cho trang chủ.

Xem thêm: Quản trị website wordpress phần 1- Làm quen với giao diện administrator

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo-7

Chọn Import Now để bát đầu quá trình thiết lập dữ liệu mẫu theo demo.

Quá trình import bao gồm 8 bước, theo mình thấy đây là bộ giao diện khá “nặng ký” do vậy quá trình nhập liệu khá lâu, nhất là bước 2 và bước 5, nếu các bạn cũng gặp như cứ chờ đợi một chút, không phải do mạng nhà các bạn đâu.

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo-8

Quá trình import dữ liệu thành công.

Khi bảng điều khiển hiện lên thông báo như này tức là quá trình cài đặt dữ liệu mẫu thành công, bây giờ trang shop của bạn đã có giao diện giống hệt demo của nhà cung cấp, hãy truy cập vào trang chủ để xem kết quả nhé.

Mẹo nhỏ: nếu tại menu Theme option không thấy mục Import Demo Content bạn hãy cấu hình lại các thông số trong Woocommerce trước nhé.

– Chỉnh sửa Layout theme.

Sau khi cài đặt xong demo nếu các bạn muốn chỉnh sửa trang mẫu các bạn có thể vào menu Theme Option/ Theme option. Tại đây các bạn có thể tùy chỉnh các phần như: logo, menu, layout, font chữ..

chia-se-theme-ban-hang-wordpress-aloshop-huong-dan-cai-dat-giong-demo-9

Tùy chỉnh layout cho trang chủ.

Lời kết: Mình đã test qua rồi sau đó mới chia sẻ bộ theme shopping Aloshop này cho các bạn, cảm nhận thấy khá nặng khi chạy trên localhost, không rõ là do bộ code nặng hay do máy, các bạn hãy kiểm tra lại nhé, code sạch và là code bản quyền, các bạn có thể tải về sau đó tiến hành chỉnh sửa và an tâm sử dụng.

Chúc thành công.

vnpmart-camera-hanh-trinh

Viết bình luận