Hướng dẫn từng bước: Cách thay đổi giao diện (theme) cho blog WordPress

Trong hướng dẫn lần này Sharecode.vn sẽ chia sẻ cho các bạn thay đổi theme, nghĩa là bạn đang dùng một theme cũ muốn thay đổi sang theme mới. 

 

Bước 1: Lưu lại các widget và code tùy chỉnh.

 

Trong quá trình sử dụng WordPressd để viết blog có thể bạn đã thực hiện nhiều thủ thuật để tuỳ chỉnh tối ưu blog, thêm các thành phần cho widget ở khu vực sildebar và footer như: Thêm banner quảng cáo, các đoạn code, mã quảng cáo google adsense…

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Hãy lưu tất cả những đoạn code này để sau khi thay đổi theme cần thêm vào gia diện mới. Cách của mình là tạo một file văn bản sau lưu và ghi chú từng đoạn code như hình dưới.

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Ngoài ra bạn cần lưu ý file functions.php, đây là file mà rất hay thêm các đoạn code vào để tối ưu blog, lưu lại nhé.

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Bước 2: Lưu lại menu và đường link URL

 

Thông thường mỗi theme sẽ có các cấu trúc và vị trí menu khác nhau, do đó trước khi thay đổi theme bạn cần lưu lại tất cả những menu của theme hiện tại. Bạn có thể chụp màn hình hay làm cách nào đó để dễ nhớ.

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

Việc này để bạn ghi nhớ vị trí cũng như các trsng, post nới menu trỏ đến để sau khi thay đổi theme bạn chỉ cần setup lại chính xác vào các vị trí.

 

Bước 3: Backup dữ liệu 

 

Bacup dữ liệu blog trước khi chính thức thay đổi theme là việc cần nhất. Công việc này thường chỉ mất khoảng 2 phút nhưng nó đảm bảo sự an toàn cho bạn. Vì không may nếu có lỗi gì đó xảy ra khi thay đổi theme thì bạn chỉ cần hồi phục lại như cũ khi click chuột.

 

Sharecode.vn sẽ hướng dẫn nhanh cho bạn cách backup thủ công, để backup chỉ cần đăng nhập vào tài khoản cPanel -> File Manager

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Tiếp theo chọn thư mục blog của bạn (1) -> click Select All (2) -> Click Compress (3)

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Sau đó chọn định dạng nén “GZiped Tar Archive”

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Đặt tên file và nhấn “Copress File”

 
 
Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme
 
 
 

Thời gian nén tuỳ thuộc vào dung lượng file, sau đó bạn sẽ thấy cửa sổ như bên dưới. Nhấn “Close

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 
 
 

Bây giờ bạn sẽ thấy file vừa nén được, chọn file nén đó và nhấn “Download” để tải về máy.

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Như vậy bạn đã có toàn nộ mã nguồn được lưu về máy rồi, bây giờ bạn cần nén và tải về file database nữa là xong.

Vẫn ở trong giao diện cPanel, chọn “phpMyAdmin

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 
 

Tiếp theo chọn Database (1) -> Tíck chọn “Theo dõi bảng…(2)” -> Click Xuất” (3)

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 
 

Bạn có thể để mặc định như bên dưới sau đó chọn “Thực hiện” để tải về file Database định dạng .sql

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Như vậy là đã xong, bây giờ bạn đã có đủ 2 file nén là bộ mã nguồn và database của blog rồi.

 

Bước 4: Bật chế độ bảo trì (maintenance mode) cho blog

 

Trong quá trình thay đổi giao diện blog tất nhiên sẽ ảnh hưởng đến trải nghiệm của người dùng, do đó Sharecode.vn khuyên bạn nên bật chế độ bảo trì khoảng 20-30 phút để thông báo với người đọc.

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Bước 5: Thay đổi theme cho blog WordPress

 

Để cài theme bạn vào Appearance -> Themes

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Chọn Add New

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Chọn tiếp “Upload Theme” để tải file theme định dạng zip lưu ở trên máy tính lên (đây là cách cài theme bản quyền – tức là khi mua theme bạn sẽ nhận được file nén zip)

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Sau khi tải file theme lên, click nút “Install Now” để bắt đầu cài đặt

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

Sau khi cài xong bạn có thể nhấn vào “Live Preview” để xem theme hiển thị như thế nào trước khi chính thức kích hoạt theme nhé.

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Bây giờ bạn sẽ nhìn thấy theme của bạn hiển thị như thế nào, bạn nên xem ở cả 3 chế độ hiện thị là máy tính bàn, máy tính bảng và điện thoại bằng cách click vào 3 biểu tượng ở góc dưới bên trái nhé.

 

Nếu ok rồi thì nhấn “Activate & Publish” để kích hoạt theme.

 

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 
 
 

Bây giờ để cấu hình cho theme mới cài bạn có thể vào “Customize” nhé

 

 

Sharecode.vn, thay đổi giao diện (theme) , WordPress, theme

 

 

Như vậy là việc thay đổi theme của bạn đã hoàn tất, bây giờ blog của bạn đã “khoác chiếc áo mới” rồi. 

 

Sharecode.vn chúc các bạn có một ngày làm việc hiệu quả

 

 

 

 HỖ TRỢ TRỰC TUYẾN