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

Thay đổi giao diện (theme) cho blog WordPress là việc chắc chắn bạn sẽ làm một lần!

Thề là như thế, ít nhất là 1 lần!

Khi dùng WordPress để viết blog có một lợi thế đó là bạn được sử dụng miễn phí kho theme khổng lồ được các lập trình viên chia sẻ hàng ngày.

thay doi theme wordpress

Tuy nhiên, vì quá nhiều và luôn miễn phí như thế cho nên hầu hết chúng ta thường hay bị hấp dẫn khi nhìn thấy các theme mới, nên muốn đổi ngay. Thậm chí có rất nhiều theme trả phí với những tính năng ưu việt, tối ưu cho từng loại blog nên có thể trong quá trình làm việc chúng ta sẽ cần phải đổi theme.

Trong tuần vừa qua Ngọc cũng vừa tiến hành thay đổi theme cho blog Sách Đến Rồi chấm Com và trong quá trình đó Ngọc đã ghi chép lại quy trình để chia sẻ với bạn cách thay đổi theme cho blog WordPress nhằm giúp bạn:

  • Biết cách lựa chọn được một theme phù hợp nhất, tối ưu nhất (tránh tình trạng thay liên tục) ảnh hưởng đến hoạt động của blog cũng như trải nghiệm của người dùng.
  • Quy trình từng bước thay đổi theme, nhằm đảm bảo blog WordPress của bạn hoạt động trơn tru, không gây ra lỗi, tiết kiệm thời gian gián đoạn trong quá trình thay đổi.
  • Chăm sóc, theo dõi theme sau khi thay đổi để không làm giảm thứ hạng blog của bạn trên các bộ máy tìm kiếm, hoạt động an toàn, bảo mật hơn.

ok chúng ta băt đầu nhé!

Cách lựa chọn theme phù hợp cho blog WordPress

Dù mới bạn mới lần đầu tạo blog hay blog của bạn đã hoạt động một thời gian thì việc bạn chọn một theme phù hợp đúng chức năng là việc rất quan trọng và cần thiết. (Chọn theme phù hợp cũng sẽ giúp bạn tránh tình trạng phải thay đổi theme nhiều lần)

Có một số lưu ý chính khi chọn theme cho blog bạn cần biết đó là:

  • Chọn theme phù hợp với chủ đề blog của bạn: Thông thường theme WordPress sẽ chia ra nhiều chủ đề, lĩnh vực khác nhau. Ví dụ nếu blog của bạn về công nghệ thì sẽ có những theme chuyên cho lĩnh vực này, hoặc nếu bạn xây dựng một blog ẩm thực thì cũng có những theme chuyên cho ẩm thực đấy.
WordPress Theme MyThemeShop

Mỗi chủ đề blog sẽ có những loại theme phù hợp

  • Thân thiện với SEO & hiển thị tốt trên thiết bị di động: Thật ra hầu hết các theme hiện nay đều thân thiện với SEO. Tuy nhiên một số nhà cung cấp theme trả phí sẽ thiết kế theme đặc biệt hơn để tối ưu cho việc SEO trên công cụ tìm kiếm. Do đó nếu có điều kiện Ngọc khuyên bạn nên đầu tư kinh phí để mua theme trả phí là tốt nhất. Những theme trả phí thường được tối ưu hiển thị rất tốt trên các thiết bị di động (vì càng ngày người dùng càng lướt blog/website trên thiết bị di động nhiều hơn)
cach chon theme cho blog wordpress

Kiểm tra hiển thị trên thiết bị di động

  • Hỗ trợ và cập nhật theme: Trong quá trình sử dụng, cài đặt theme chắc chắn bạn sẽ gặp một số vấn đề, vì vậy nếu không nhận được sự hỗ trợ thì có thể sẽ khó khăn. Việc cập nhật (update) theme thường xuyên cũng là điều vô cùng quan trọng để blog hoạt động tốt, được bảo mật… Hầu hết các nhà cung cấp theme trả phí đều hỗ trợ và cập nhật theme cho bạn trọn đời.
MyThemeShop là một nhà cung cấp theme được rất nhiều blogger tại Việt Nam tin dùng. Cá nhân Ngọc hiện đang dùng theme ở đây cho tất cả các blog, bạn có thể xem những ưu điểm của MyThemeShop mà Ngọc đã review TẠI ĐÂY

***Nếu bạn lần đầu tiên cài đặt blog và đang chọn theme thì hãy xem video bên dưới đây để biết cách cài đặt theme nhé

Hướng dẫn cách thay đổi theme cho blog WordPress

Trong hướng dẫn này Ngọc sẽ tập trung chia sẻ cho bạn cách thay đổi theme, tức là bạn đang dùng một theme cũ nhưng muốn thay đổi sang một theme mới. Quy trình sẽ gồm các bước sau:

Bước 1: Lưu lại các widget & code tuỳ chỉnh

Trong quá trình sử dụng WordPressd để viết blog rất 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…

cach buco thay doi theme wordpress

Hãy lưu lại tất cả những đoạn code này để sau khi thay đổi theme cần thêm lại vào giao diện mới. Cách của Ngọc 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 đây.

cach thay doi giao dien blog wordpress

Ngoài ra bạn cũng 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é.

thay doi giao dien wordpress

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 ảnh màn hình lại như bên dưới.

thay doi theme blog wordpress

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

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

Backup (sao lưu) dữ liệu blog trước khi chính thức thay đổi theme là việc rất cần thiế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 đấy.

Vì không may nếu có lỗi gì đó xảy ra sau khi thay đổi theme thì bạn chỉ cần phục hồi lại như cũ trong vài click chuột.

Xem thêm cách backup (sao lưu) dữ liệu WordPress thủ công tại đây hoặc bạn cũng có thể sử dụng plugin để backup nhé.

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

backup du lieu truoc khi thay doi theme

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

backup du lieu blog wordpress

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

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

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”

backup du lieu

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.

tai file nen backup ve may tinh

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”

nen database wordpress

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

cach nen database blog wordpress

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

nen database

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 đó Ngọc 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.

bat che do bao tri cho blog khi thay doi theme

Để làm việc này có rất nhiều plugin, tuy nhiên Ngọc cũng đề xuất luôn cho bạn một plugin miễn phí từ Mythemeshop đó là Launcher. Để biết cách cài đặt một plugin bạn có thể tham khảo bài viết này.

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

Ok vậy là bây giờ bạn có thể an tâm để tiến hành thay đổi giao diện cho blog rồi. Thực ra đây chính là bước cài đặt theme mới.

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

cai theme cho blgo wordpress

Chọn Add New

huong dan tung buoc thay doi giao dien blog

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)

cach doi theme wordpress

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

cai theme moi cho blog wordpress

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é.

cai 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.

xem theme ơ che do live preview

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

cau hinh theme

Với các sản phẩm theme từ nhà cung cấp Mythemeshop thì việc cấu hình giao diện sẽ đơn giản và trực quan hơn vì họ đều tích hợp panel riêng (như hình dưới)

cach cau hinh 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. Tuy nhiên sẽ có một số lưu ý sau khi thay đổi theme đó là…

Lưu ý sau khi thay đổi theme

Sau khi thay đổi theme thông thường bạn sẽ cần dành thời gian theo dõi và điều chỉnh một số chi tiết như sau:

  • Xoá những widget không cần thiết và thêm những widget cũ mà bạn đã lưu trước khi thay đổi theme
  • Add các menu cho blog và kiểm tra link liên kết đảm bảo hoạt động ổn định: Ví dụ như các trang giới thiệu, liên hệ, dich vụ…
  • Xoá các plugin không cần thiết, vì mỗi theme sẽ có những plugin đặc biệt dành cho nó, vì vậy bạn nên kiểm tra để xoá những plugin đi kèm với theme cũ

xoa plugin sau khi thay doi giao dien blog wordpress

  • Kiểm tra hiển thị của theme trên các trình duyệt web khác nhau. Bạn hoàn toàn có làm việc này với công cụ CrossBrowserTesting. Chỉ cần đăng ký một tài khoản miễn phí sau đó nhập tên miền, chọn trình duyệt, hệ điều hành mà bạn muốn kiểm tra để xem giao diện mới của blog hiển thị như thế nào.
cach kiem tra giao dien hien thi tren trinh duyet

CrossBrowserTesting cho phép ban xem giao diện hiển thị theo thời gian thực

  • Xoá các theme không còn sử dụng nữa bằng cách đăng nhập và cPanel sau đó vào thư mục wpcontent->themes -> chọn các theme cũ và Delete

xoa theme khong su dung

  • Cuối cùng và không kém phần quan trọng là thông báo cho bạn đọc và cũng đừng quên hỏi ý kiến của họ về những thay đổi vì trong quá trình sử dụng họ sẽ phát hiện những lỗi mà có khi bạn không thể thấy được.

Lời kết

Như vậy với bài viết này Ngọc hy vọng đã cung cấp cho bạn một cái nhìn tổng thể cũng những hướng dẫn từng bước cách thay đổi giao diện cho blog. Với tất cả các thao tác này bạn nên thực hiện từng bước cẩn thận nhằm cho việc thay đổi theme diễn ra nhanh chóng, thuận lợi, không phát sinh lỗi.

Cũng lưu ý rằng trong quá trình viết blog sẽ có rất nhiều lần bạn sẽ bị cảm thấy thích thú với một giao diện nào đó, tuy nhiên việc thay đổi theme Ngọc khuyên bạn không nên làm thường xuyên vì như vậy sẽ ảnh hưởng đến trải nghiệm người dùng rất lớn. Chỉ thay đổi giao diện khi thấy thực sự cần thiết nhé!

Bạn đã từng thay đổi giao diện blog WordPress? Cách làm của bạn như thế nào? Ngọc rất muốn nhận được chia sẻ từ bạn bên dưới phần bình luận đấy!

Tham gia vào cộng đồng 5000+ blogger chuyên nghiệp!

Đăng ký thành công! Vui lòng kiểm tra email để xác nhận tham gia!

Xảy ra lỗi! Vui lòng thử lại!

8 Comments

Bình luận của bạn

Bí mật giúp bạn xây dựng cỗ máy ATM tại nhà!

ebook mien phi

Đăng ký thành công! Vui lòng kiểm tra email để xác nhận và tải về eBook!

Xảy ra lỗi! Vui lòng thử lại!