CÀI ĐẶT THEME CHO WORDPRESS

Cài đặt theme cho WordPress là một trong những bài phức tạp. Tuy nhiên nếu bạn theo dõi bài viết này từ đầu đến cuối thì mình tin chắc bạn sẽ có thể thuần phục việc cài đặt theme ngay trong lần đọc bài đầu tiên mà không cần phải đọc đi đọc lại. Mình xin lưu ý bài này rất quan trọng và bạn không nên đọc một cách qua loa. Mình sẽ cùng bạn đi qua các nội dung: theme là gì, có bao nhiêu cách cài đặt theme và hướng dẫn từng cách để bạn thao tác.

Theme là gì?

Theme tức là giao diện dành cho WordPress. WordPress hỗ trợ bạn cài đặt nhiều theme. Tuy nhiên cùng một thời điểm bạn chỉ có thể kích hoạt 1 theme duy nhất để sử dụng cho website của mình.

Có bao nhiêu cách cài đặt theme?

Hiện tại có 3 cách:

  1. Tìm và cài đặt theme từ thư viện của WordPress
  2. Upload theme từ máy tính lên web và cài đặt
  3. Upload theme vào localhost/hosting và cài đặt

Tiếp theo, mình sẽ hướng dẫn bạn từng bước một của 3 cách cài đặt theme này.

Tìm và cài đặt theme từ thư viện của WordPress

  • Bước 1: Đăng nhập vào trang quản trị bằng đường dẫn http://localhost:8080/vothanhduy/admin
  • Bước 2: Bấm vào Appearance -> Themes như hình sau:

  • Bước 3: Tại trang này bạn sẽ thấy tất cả những theme đã được cài đặt. Để thêm một theme mới, bấm vào nút Add New như hình:

  • Bước 4: Bạn sẽ thấy như hình sau:

Tại bước này bạn sẽ tìm và chọn cho mình 1 theme ưng ý nhất. Bạn có thể tìm kiếm 1 theme nào đó trên khung Search hoặc tìm theo bộ lọc.

Ví dụ ở đây mình sẽ chọn theme Gem đứng thứ 2, ngay kế bên theme mặc định Twenty Seventeen. Bạn bấm chọn theme Gem và chuyển qua bước 5.

  • Bước 5: Bấm vào nút Install như hình:

  • Bước 6: Sau khi bấm Install, bạn chờ trong giây lát để cài đặt theme. Tiếp theo bạn bấm nút Activate để kích hoạt theme:

  • Bước 7: Sau khi kích hoạt theme thành công, bạn sẽ thấy theme Gem đã được chọn làm theme hiện tại cho web của bạn:

Bạn hãy bấm vào Visit site theo mũi tên trên hình để xem giao diện mới của web nhé:

OK như vậy bạn đã biết cách tìm và cài đặt theme bất kỳ trên thư viện của WordPress. Khoan khoan chờ chút, sao thấy có vẻ giao diện không giống như hình nó quảng cáo hiển thị lúc chọn theme vậy nhỉ? Có ai thấy vậy không? Chính xác rồi, bởi vì hình ảnh đại diện của theme là đã được cấu hình đầy đủ và đã có nội dung bài viết nên mới đầy đủ như vậy, còn web của mình mới mà nên đã có nội dung gì đâu.

Mình xin lưu ý là nếu bạn chỉ Install (cài đặt) thôi thì bạn chưa thấy giao diện mới trên web của bạn đâu nhé. Mà bạn phải activate (kích hoạt) nó nữa. Bây giờ chúng ta hãy bước qua cách cài đặt theme thứ 2

Upload theme từ máy tính lên web và cài đặt

Hiện tại trên thế giới có rất nhiều đơn vị, nhà cung cấp, hay chợ theme hoặc bất cứ ai đó share theme cho bạn. Bạn bấm vào link sau để tải: accentbox

Xin bạn lưu ý rằng cấu trúc của 1 theme chuẩn mà WordPress có thể nhận diện được là khi bạn giải nén file .zip sẽ ra 1 thư mục và mở thư mục này ra sẽ có file là style.css. Để bạn dễ hình dung hơn, sau khi bạn tải theme về sẽ có 1 file zip là: accentbox.zip như hình:

Sau đó, bạn thử giải nén file accentbox.zip ra thì sẽ có 1 thư mục cùng tên là accentbox như hình:

Và bạn hãy mở thư mục accentbox ra sẽ thấy file style.css:

Như vậy file accentbox.zip này mới hợp lệ và WordPress mới nhận diện được vì nó đúng cấu trúc của 1 theme. Và theme WordPress chỉ có định dạng file .zip. Nếu bạn thấy file theme mà có định dạng nén khác như .rar, .tar thì đều không hợp lệ.

Bây giờ mình sẽ hướng dẫn bạn từng bước upload và cài đặt theme vừa tải về nhé.

  • Bước 1: Đăng nhập vào trang quản trị bằng đường dẫn http://localhost:8080/vothanhduy/admin
  • Bước 2: Bấm vào Appearance -> Themes như hình sau:

  • Bước 3: Tại trang này bạn sẽ thấy tất cả những theme đã được cài đặt. Để thêm một theme mới, bấm vào nút Add New như hình:

  • Bước 4: Bấm vào nút Upload Theme như hình:

  • Bước 5: Bấm vào Choose File như hình:

  • Bước 6: Chọn file accentbox.zip vừa mới tải về:

  • Bước 7: Bạn kiểm tra lại xem đúng như hình chưa và bấm Install Now:

  • Bước 8: Cài đặt xong rồi làm gì nữa bạn nhớ không nào? Đó chính là activate. Bạn bấm vào Activate như hình:

Thành công rồi đó. Đối với theme này sau khi activate xong bạn sẽ được dẫn đến trang yêu cầu cài đặt các Plugin để cho theme hoạt động trơn tru như hình:

Bạn đừng đụng chạm gì trang này nhé. Sau đó bạn ra ngoài trang chủ để xem thành quả vừa làm được:

Có vẻ không được đẹp cho lắm nhỉ? Nhưng bạn đừng lo vì web của bạn chưa có nội dung gì và mình cũng chưa hướng dẫn hết tất cả tính năng mà. OK bây giờ chúng ta bước qua cách thứ 3, đó là: Upload theme vào localhost và cài đặt.

Upload theme vào localhost và cài đặt

Cách này hơi “thủ công mỹ nghệ”. Tuy nhiên cách này là 1 giải pháp cực hay khi hosting bạn giới hạn dung lượng upload file và theme bạn muốn upload quá nặng. Một số theme phức tạp thường sẽ chiếm vài MB đến vài chục MB là chuyện rất bình thường bạn nhé. Trong bài này mình hướng dẫn bạn thao tác với localhost, mình sẽ có 1 bài chi tiết hướng dẫn bạn thao tác trên hosting vì sẽ phức tạp hơn chút.

  • Bước 1: Giải nén file accentbox.zip ra. Bạn sẽ có 1 thư mục cùng tên là accentbox.
  • Bước 2: Copy thư mục accentbox vừa giải nén và paste vào thư mục themes trên localhost theo đường dẫn: C:\xampp\htdocs\vothanhduy\wp-content\themes. Bạn sẽ thấy như hình:

  • Bước 3: Đăng nhập vào trang quản trị bằng đường dẫn http://localhost:8080/vothanhduy/admin
  • Bước 4: Bấm vào Appearance -> Themes như hình sau:

  • Bước 5: Chọn theme AccentBox và bấm vào nút Activate

Vậy là xong. OK bây giờ mình nhắc lại chút xíu, thông thường khi cài theme bạn hầu như 90% là sẽ không thấy nó giống demo. Kiểu như sao thấy quảng cáo đẹp quá trời mà cài vô xấu quắc vậy nè. Bạn đừng ngạc nhiên vì nó là vậy đó. Sau khi cài theme bạn sẽ cấu hình, chỉnh chọt, đăng bài, tạo widget,… các thứ thì web của bạn nó mới ra hình hài đẹp. Một số theme bạn mua trên các chợ theme (như Themeforest) thường sẽ có tính năng cái tuyệt vời đó là Import Demo. Đây là 1 tính năng mà sẽ giúp bạn bấm nút vài cái là ra ngay cái web y chang demo như họ quảng cáo. Dù sao đi nữa bạn đừng lo vì trong serie này mình sẽ có 1 bài riêng hướng dẫn bạn làm sao để giao diện cài đặt đẹp như demo.

Lời kết

Vậy là qua bài viết hơi dài này bạn đã biết được 3 cách để cài đặt và kích hoạt theme. Và thông thường bạn sẽ chỉ dùng cách 1 và cách 2 vì hai cách này quá thông dụng rồi. Cách 3 chỉ dùng khi hosting bạn đang dùng bị giới hạn dung lượng file upload lên. Bạn có thể tham khảo hosting mình đang sử dụng cho cá nhân mình và các khách hàng làm web của mình. Lời cuối là bạn nên dành 10 – 15 phút để thực hành cho thuần thục 2 cách đầu tiên trước khi qua bài tiếp theo trong serie WordPress cơ bản này nhé.

Giúp mình chia sẻ bài viết nếu thấy hữu ích bạn nhé!
Võ Thanh Duy