Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Sau bao nhiêu bài học vừa nhàm chán vừa khó thì đến bài học này Ân nghĩ bạn sẽ thích, đầy là bài học Ân sẽ hướng dẫn cài theme wordpress theo nhiều cách khác nhau giúp bạn bắt đầu từng bước tiếp cận và hoạn thiện website wordpress hơn. Đến bài này thì những bạn học cài wordpress trên localhost cũng có thể học theo được rồi nhé.

Bài 15 hướng dẫn cài theme wordpress

Lưu ý trước khi cài theme đối với localhost

Những bạn nào đang sử dụng localhost để cài theme thì nên dùng phiên bản xampp mới nhất và source wordpress mới nhất để tránh phát sinh lỗi không tương thích theme trong quá trình cài đặt nhé.

Hướng dẫn cài theme wordpress theo 5 cách

Ân sẽ hướng dẫn bạn theo 4 cách mà Ân biết, bạn đọc kỹ và lựa chọn cách phù hợp để làm theo. Bạn cứ chọn cách nào đơn giản thôi, những cách phức tạp đối với người mới là chưa cần thiết.

1.Cách cài theme wordpress miễn phí trong thư viện

Trong kho giao diện của wordpress có rất nhiều theme miễn phí cho bạn tha hồ cài đặt. Bạn nên cài những theme tại đây để thử nghiệm cho thành thạo.

Những theme trong thư viện này thông thường đã được xét duyệt và không chứa virus nên bạn có thể yên tâm.

Bạn đừng tải theme null, theme lậu linh tinh trên mạng vì bạn không biết được bên trong theme đó họ có gắn mã độc vào hay không. Trừ khi bạn mua theme có nguồn gốc rõ ràng.

Thôi không nói nhiều nữa, bây giờ bắt đầu thôi.

Bạn đăng nhập vào trang quản trị admin -> bấm vào mục “giao diện”. (để đăng nhập vào trang quản trị thì bạn thêm hậu tố “/wp-admin” phía sau đuôi của tên miền. Ân ví dụ: abc.com/wp-admin).

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Tại đây bạn bấm vào chữ “thêm mới”.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Bạn có thể nhập vào ô tìm kiếm để tìm theo ý của bạn. sau đó bạn bấm vào “chi tiết & xem trước” để tìm hiểu thêm về theme trước khi cài đặt.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Bạn kéo xuống phía dưới để tìm link demo theme, bạn quét đường link (lưu ý: khi quét đường dẫn nếu bạn gặp chữ “,demo at” thì bỏ qua không nên quét vào đây vì bạn sẽ không xem được link) sau đó bạn bâm chuột phải để chọn mở đường link.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Khi sang trang này bạn cần kéo xuống phía dưới để tìm đến nút “live demo” bạn bấm vào đây.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Bạn bấm vào các icon hình thiết bị để kiểm tra xem tính tương thích hiển thị trên các màn hình có tốt hay không.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Như ở bài trước Ân đã nói về tiêu chí để lựa chọn theme như sau:

  • Theme có phần documentation.
  • Theme có khả năng hỗ trợ hiển thị tốt trên tất cả thiết bị như máy tính, di động, máy tính bảng.
  • ở theme này Ân thấy có phần video và text documentation. Bạn bấm vào 2 mục này để tìm hiểu sâu hơn về theme.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

ở đây Ân đang mở video documentation. Bạn nên xem hết các video hướng dẫn của tác giả về theme để biết được theme này có phù hợp với bạn hay không.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Nếu sau khi bạn tìm hiểu thấy theme này đã phù hợp rồi thì bạn quay trở lại giao diện quản trị và bấm vào nút “cài đặt” để bắt đầu quá trình cài theme cho wordpress nhé.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Khi cài thành công bạn sẽ nhìn thấy thông báo trong giao diện quản trị, bạn bấm vào nút “kích hoạt” để theme được hoạt động.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Bây giờ bạn nhìn trên góc trái màn hình và chọn vào nút “xem trang” để kiểm tra xem theme đã được cài thành công hay chưa.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Màn hình xuất hiện như thế này thì tức là đã thành công. Tuy nhiên giao diện sẽ không giống như demo thì bạn cần phải xem tài liệu trong “video documentation và text documentation” để cài theo nhé.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Để tùy chỉnh giao diện thì bạn quay lại trang quản lý và tìm nút “tùy biến” trong mục “giao diện”.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

Tại đây bạn được phép chỉnh lại giao diện theo các chức năng bên cột trái mà theme này cho phép.

Bài 15: Hướng dẫn cài theme wordpress theo nhiều cách khác nhau

2.Cách nén file theme do bạn tùy biến từ localhost

Nếu bạn sử dụng localhost để tùy biến theme sau đó bạn thấy theme đã ưng ý rồi và muốn upload nó lên hosting trên môi trường internet thì bạn sẽ có 2 cách để upload theme lên như sau.

Cách 1

nén theme lại thành file zip rồi upload lên host để giải nén.

Cách 2

upload theme mà bạn không cần phải nén đuôi zip bằng phần mềm filezila (cách 2 này Ân sẽ hướng dẫn phía dưới)

Bây giờ Ân sẽ hướng dẫn bạn nén thư mục theme trên localhost thành đuôi zip.

Trước tiên bạn cần vào thư mục chứa theme theo đường dẫn sau: “C:\xampp\htdocs\vuducan.vn\wp-content\themes\blossom-travel”. Lưu ý: tại chỗ “vuducan.vn” bạn thay bằng tên của bạn đã đặt nhé.

Blossom-travel” chính là thư mục theme mà Ân đã tùy biến.

Bạn nhấn “Ctrl A” để chọn tất cả file và bạn nhấn chuột phải vào thư mục và chọn “add to archive…”.

Chỗ này bạn chọn “zip” và bấm nút “ok”.

Sau Khi bạn đã nén các file theme hoàn thành sẽ xuất hiện file trong thư mục.

Ok, bây giờ bạn đọc tiếp các phần dưới Ân sẽ hướng dẫn bạn các cách cài theme khác nhé!.

3.Hướng dẫn cài theme wordpress từ máy tính

Bạn đăng nhập vào giao diện quản trị wordpress tìm đến phần “giao diện” rồi chọn vào nút “thêm mới

Bạn bấm vào nút “tải giao diện lên” -> “chọn tệp” và tìm đến thư mục chứa file theme đuôi “zip”.

Bạn bấm vào nút “cài đặt” và ngồi chờ hoàn tất.

Giờ bạn bấm vào nút “kích hoạt” là xong.

4.Cách upload file theme wordpress lên host bằng filezila

Muốn dùng cách này thì việc đầu tiên bạn cần phải tải phần mềm FileZilla Client tại đây.

Việc cài đặt phần mềm này Ân sẽ không hướng dẫn vì nó rất dễ, cũng giống như bài học Ân hướng dẫn bạn cài xampp thôi.

Khi cài xong phần mềm FileZilla xong thì bạn mở phần mềm lên và điền vào các thông tin sau:

  • Host: ô này bạn điền đường dẫn đăng nhập vào hosting.
  • Username: điền user đăng nhập hosting của bạn vào.
  • Password: điền mật khẩu đăng nhập hosting của bạn vào.
  • Port: phần này bỏ trống.

Sau đó bạn bấm vào nút “Quickconnect”.

Bảng thông báo hiện ra thì bạn bấm nút “ok

ở cột phía bên trái (local site) bạn sẽ tìm đến thư mục chứa theme của bạn (nhớ là thư mục chứa theme chứ không phải là file theme đã nén thành zip nhé).

Tại cột bên phải (remote site) bạn tìm đến thư mục theme theo đường dẫn “…/wp-content/themes”.

ở phần cột trái phía dưới bạn chọn tất cả file rồi bấm chuột phải và chọn “upload” để bắt đầu quá trình tải theme lên hosting.

Như vậy là đã xong. Bạn truy cập vào giao diện quản trị tìm phần giao diện để kích hoạt theme lên.

5.Cách upload file theme wordpress lên host bằng cpanel

Bạn cần đăng nhập vào trang quản trị hosting và tìm đến phần “file manager

Bạn tìm đến thư mục “themes” sau đó chọn “upload”.

Bấm vào “select file” và tìm đến file theme đã nén đuôi “zip” để bắt đầu tải lên.

Bây giờ bạn quay lại giao diện quản trị hosting rồi bấm vào nút “reload” để làm mới lại trang. -> bạn bấm chuột phải vào file và chọn “extract”.

Bạn bấm nút “extract file” để xác nhận giải nén file. Sau khi giải nén xong thì bạn tìm và xóa file theme đuôi “zip” đi nhé.

Sau khi upload xong thì bạn đăng nhập vào trang quản trị website tìm đến phần giao diện để kích hoạt lên là xong

Kết

Như vậy Ân đã hoàn tất bài học hướng dẫn cài theme wordpress rồi nhé. Thông thường thì Ân hay sử dụng cách tải file theme lên ngay trong giao diện quản trị của wordpress luôn. Còn bạn nếu thấy cách nào phù hợp thì áp dụng, không cần cứ phải giống như Ân đâu.

Nếu bạn còn thắc mắc gì thêm thì hãy bình luận phía dưới Ân sẽ cố gắng trả lời bạn sớm nhất.

Chúc bạn học tập tốt!

Bài trước đó

Bài 14: Nên dùng theme wordpress miễn phí hay bản quyền

Bài tiếp theo

Bài 16: Các plugin cơ bản cần thiết cho website wordpress

Subscribe
Thông báo về
guest
0 Bình luận
Inline Feedbacks
View all comments