thuc-hanh-wordpress

Bài 4: Thực hành tinh chỉnh theme WordPress giống bản demo

Có bao lần bạn gặp phải, khi thấy theme nào đó thật là đẹp nhưng khi cài đặt vào website của mình thì hỡi ơi, sao nhìn hổng giống gì hết trơn. Đây là bài thực hành giúp bạn giải quyết vấn đề trên, giúp bạn tiến hành cài đặt theme và tinh chỉnh theme giống phiên bản demo, có thể sử dụng ngay và luôn, bạn có trong tay một website thật đẹp và thật lộng lẫy.

tinh-chinh-theme-wordress

Bài viết trước đó:

Thực hành cài đặt theme WordPress trả phí
Cấu hình website WordPress – TH xây dựng website WordPress

Bước 1: Nhập dữ liệu demo vào website

Trong trang quản trị bạn hãy chọn Tools -> import sau đó click vào “Install now” dưới mục “WordPress”

tinh-chinh-theme-wordress-2

Sau đó click vào “Run Importer”

Bước 2: Import dữ liệu mẫu vào website

Ở bài thực hành trước chúng ta đã download tập tin theme best_mythemeshop.zip, trong đó có tập tin dữ liệu mẫu best_dummydata.zip, bây giờ hãy giải nén tập tin này ra bạn sẽ có các tập tin sau: 

  • dummy_data.xml là tập tin chứa tất cả dữ liệu mẫu, tập tin
  • options_panel_settings_Best_Default.txt chứa tất cả các thiết lập cấu trúc của website, chúng ta sẽ thực hiện cái này ở phần sau. Bây giờ là import dữ mẫu.

Click vào “Choose File”và chọn tập tin dummy_data.xml, sau đó click vào “Upload file and import”

tinh-chinh-theme-wordress-3

Bước 3:Phần này chọn hai mục, thứ nhất là chọn tên username để dữ liệu mẫu được gán đến, bạn hãy chọn admin. Thứ hai là click chọn vào “Download and import file attachments” để tải về các tập tin gắn với bài viết, ví dụ như các tập tin hình ảnh trong bài viết. Click chọn “Submit” để chính thức thực hiện import dữ liệu mẫu vào website.

 

Bước 4:  Hoàn tất import nhập dữ liệu mẫu cho website

Màn hình thông báo “All done. Have Fun!” có nghĩa chúc mừng cho bạn biết đã import nhập dữ liệu mẫu vào website đã thành công

Bạn có thể vào http://localhost để xem dữ liệu đã được import vào website.

tinh-chinh-theme-wordress-5

Đến bước này bạn đã hoàn thành thêm dữ liệu mẫu vào website, tiếp theo là thực hiện Import cấu trúc mẫu cho website.

Bước 5: Import cấu trúc website

Bạn hãy chọn “Appearance->Theme options” sau đó click vào “Import/Export” mục cuối cùng.

tinh-chinh-theme-wordress-6

Kéo xuống bên dưới bạn sẽ thấy mục “Import Options” bạn hãy click vào “Import Code”

Tiếp theo bạn mở tập tin “options_panel_settings_Best_Default.txt” trong gói theme bạn đã download từ bước trên, chép toàn bộ nội dung từ tập tin này và chép vào box “import Code” sau đó click vào “Import”, hộp thông báo tất cả thiết lập sẽ mất hết, bởi đây là lần đầu tiên bạn làm nên bạn khỏi lo mất, bạn cứ click OK để tiếp tục.

tinh-chinh-theme-wordress-7

Bước 6: Hoàn tất import cấu trúc website

Bạn có thể vào http://localhost để xem cấu trúc website, bạn thấy đó cấu trúc website đã được import thành công, đã xuất hiện logo, đã có slider, cấu trúc rõ ràng.

tinh-chinh-theme-wordress-8

Bạn hãy ngắm nhìn dung nhan website của mình đến thời điểm này. Vẫn chưa đẹp lắm phải không, trong bài thực hành sau chúng ta sẽ đi tinh chỉnh theme, thêm hình ảnh, thêm footer, thay đổi logo, tạo menu… để cho website thêm phần sinh động và sử dụng được ngay.

Có thể bạn quan tâm:
10 bước đơn giản nhất để sở hữu và kiếm tiền từ website
4 cách kiếm tiền hiệu quả từ website của bạn

Bạn đừng lo, Alovoice sẽ đi từng bước, từng bước một, bạn sẽ làm chủ được website sau khi làm xong tất cả các bài thực hành.

Comments

  • Hải
    Reply

    Ad ơi e có import bài viết như trên nhưng ảnh đại diện nó k hiển thị ad ạ? K biết là do lỗi gì?