Hoàng Luyến

Hoàng Luyến

Administrator

Bài 23.1: Làm sao để cài theme giống bản demo?


Bkasoft.net – Câu hỏi: “Làm sao để cài theme giống demo?” mà rất nhiều bạn thắc mắc. Bài viết này hy vọng giúp bạn trong việc định hướng cài đặt theme trong WordPress.

Để cài theme giống bản demo thì trước tiên bạn phải hiểu cấu trúc mỗi theme trong WordPress là hoàn toàn khác nhau và không có cái nào giống cái nào cả. Vì vậy cách cài đặt vào sử dụng của chúng cũng khác nhau. (Trừ các child theme dành riêng cho một theme nào đó, ví dụ như: Genesis)

  1. Nếu bạn dùng theme trả phí thì hãy trả tiền

    Bạn cần website của mình đẹp và chuyên nghiệp thì điều tất yếu là bạn cần trả tiền để được nhà cung cấp/tác giả theme đó hỗ trợ bạn cài đặt và giải quyết các lỗi phát sinh. Thông thường khi bạn tải chính gốc từ trang của tác gải về bạn sẽ có những file hướng dẫn cài đặt rất chi tiết. Bạn chỉ cần follow theo tài liệu đó là bạn có một trang website WordPress giống với trang demo mà bạn cần.

  2. Theme cài vào website có giống như demo không?

    Tất nhiên là không rồi .Nếu bạn muốn cài theme giống như demo thì bạn cần thực hiện như sau :

    • Thêm menu vào đầy đủ các vị trí trong Appearance > Menus.

    • Thêm các widget cần thiết có hỗ trợ trong theme.

    • Tạo một page với template đặc trưng và tùy chỉnh nó thành Home Page (xem phía dưới).

    • Truy cập vào Theme Options của theme (nếu có) và cài đặt những thông số cần thiết như Logo chẳng hạn.

    • Truy cập vào Customizer của theme và xem các thông số trong đó (nếu có).

  3. Hãy chắc chắn là website đã có nội dung sẵn

    Trước khi bạn muốn cài bất kỳ một theme nào đó thì website của bạn cần bổ sung số lượng nội dung bài viết, chuyên mục, menu, hình ảnh,… vì  có nhiều theme yêu cầu bạn bổ sung chúng. 

    Nếu bạn chưa có nội dung bạn có thể sử dụng Theme Unit Test như sau:

    >> Bạn vào Import >  Tools > Import > WordPress để nó tạo cho bạn nội dung có sẵn, sau này có thể xóa đi nếu bạn không muốn sử dụng.

    Sử dụng theme tải tại wordpress.org

    Những theme miễn phí thường là theme dễ cài đặt, khi bạn mới sử dụng WordPress đừng vội dùng bản trả phí mà hãy tập làm quen và thực hành với những bản miễn phí có sẵn trong thư viện đã nhé!

    bai-23-1-lam-sao-de-cai-theme-giong-ban-demo

    Hình 1 . Theme tải miễn phí trên WordPress.

    Đây là một theme miễn phí khác: 

    bai-23-1-lam-sao-de-cai-theme-giong-ban-demo2

    Hình 2. Một theme miễn phí khác

    > Nhưng khi bạn cài ra thì nó chỉ hiển thị như thế này thôi! 

    bai-23-1-lam-sao-de-cai-theme-giong-ban-demo33

    Hình 3. Hiển thị của theme khi cài đặt ban đầu

    Bạn thấy nó khác với giao diện ban đầu phải không ? 
    Để thay đổi sao cho về giao diện demo bạn cần: kiểm tra nơi hướng dẫn hoặc tự mày mò cài đặt mà không cần hướng dẫn,..

    •   Kiểm tra nơi hướng dẫn

      Những theme đơn giản thì không cần hướng dẫn, còn với dạng theme như trên thì tác giả có cả một Documentation luôn cho bạn lựa chọn.

      Bạn vào thư viện theme WordPress > Tìm tên theme đó > Sau đó nhấn vào chỗ Theme Homepage >Bạn sẽ thấy xuất hiện nút Documentation hoặc Tutorial

      bai-23-1-lam-sao-de-cai-theme-giong-ban-demo5

      Hình 4. Kiểm tra nơi dẫn

      bai-23-1-lam-sao-de-cai-theme-giong-ban-demo7

      Hình 5. Kiểm tra nơi dẫn tại Documentation

      Khi click vào thì tất cả những thông tin hướng dẫn cần thiết bạn đều có, còn nếu không có những từ trên thì bạn có thể vào Theme Option để kiểm tra xem có đường dẫn nào tới trang hướng dẫn không.

      Còn nếu bạn tìm không ra, thì bạn có thể làm theo bài hướng dẫn b phía dưới này.

    • Tự cài đặt không cần hướng dẫn

      Bạn vận dụng những kiến thức học WordPress được để thử mày mò xem nhé!

      Bước 1: Bạn vào Pages > Add New để tạo một Page mới

      Ví dụ: Khi bạn tạo 2 page là Trang chủ và Blog. Hai trang này bạn không viết nội dung bên trong

      Sau đó, bạn kiểm tra bên phần Page Template có cái template nào tên Home không, nếu không có cái tên nào như thế thì bạn thử chọn những tên khác, ở theme dưới mình chọn là Business Template. Phần nội dung của page bạn để trống. Sau đó ấn Publish

      bai-23-1-lam-sao-de-cai-theme-giong-ban-demo4

      Hình 6. Kiểm tra Page Template

      Bước 2: Bạn click vào Settings > Reading > chọn A static page > chọn page Home cho Front page và page Blog cho Posts page > Sau đó bạn Save lại

      bai-23-1-lam-sao-de-cai-theme-giong-ban-demo6

      Hình 7.  Chọn  Front page và  Posts page.

      Lưu ý:

      Bạn kiểm tra khu vực Appearance > Widget để xem cấu trúc sidebar của nó và thêm vào một số widget, mỗi sidebar bạn thêm vào 1, 2 widget gì đó để quan sát. Cũng như Menu bạn làm tương tự để thêm các thành phần cần thiết vào nhé!

      Bạn xem qua Theme Option trong Appearance thường thì phần demo họ hướng dẫn để theme bạn có giống như demo hay không nhé!

      bai-23-1-lam-sao-de-cai-theme-giong-ban-demo8 

      Hình 8. Demo Theme Option

      Nếu bạn thấy gần Theme Options có hiển thị Customize thì nhấp vào luôn để xem nó có tùy chọn gì không và thử vọc qua hết các tùy chọn đó xem điều gì xảy ra nhé.

      bai-23-1-lam-sao-de-cai-theme-giong-ban-demo10

      Hình 9. Thao tác với tùy chọn trong Customize

    Sử dụng theme trả phí

    • Các theme ở ThemForest

      ThemeForest được coi là chợ theme lớn nhất hiện nay, đây là nơi bạn thỏa sức lựa chọn cho mình những bản theme trả phí. 

      Cách cài đặt của theme này hơi khó vì nó là bản trả phí, nhưng bạn yên tâm vì những theme này đều có thư mục hướng dẫn file HTML đính kèm khi bạn tải về. Khi tải, bạn chọn All files & Documentation để nó tải kèm file hướng dẫn cho bạn.

      Lưu ý: Tải về xong bạn đừng upload lên cài ngay mà bạn nên giải nén ra để không bị lỗi bởi bên trong file còn có rất nhiều phần linh tinh.

      bai-23-1-lam-sao-de-cai-theme-giong-ban-demo11

      Hình 10. Tải các theme ở ThemForest

      bai-23-1-lam-sao-de-cai-theme-giong-ban-demo13

      Hình 11. File sau khi tải vể

      Trên hình minh họa trên bạn thấy rất nhiều thư mục file của theme trên ThemeForest phải không? Mình xin giải nghĩa để các bạn hiểu rõ :

      • _MACOSX: Thư mục này vô nghĩa,nó tự tạo ra khi tác giả nén file trên hệ điều hành Mac.

      • Documentation: là thư mục hướng dẫn, bên trong sẽ có 1 file HTML ghi nội dung hướng dẫn hoặc file text kèm địa chỉ đọc hướng dẫn.

      • Licensing: là file chứa nội dung cam kết bản quyền, quy định bản quyền.

      • PSD Files: Đây là thư mục chứa các file .PSD (định dạng của Photoshop) để người dùng có thể sửa lại thiết kế và dùng vào những mục đích khác.

      • Tên-Theme.zip: Đây là file bạn sẽ dùng để upload lên Appearance > Themes, ( trong một vài trường hợp hiếm hoi theme nó sẽ chứa vào một thư mục mà không phải file ZIP, lúc đó bạn hãy tự ZIP lại hoặc upload lên bằng FTP nhé ).

      » Các bước cài đặt theme ở ThemeForest:

      • Upload theme lên và kích hoạt.

      • Import file XML kèm theo của nó nếu có, ( vì chỉ có Import vào mới có thể cài nhanh nhất mà không cần làm từng bước) .

      • Đọc Documentation từng bước để làm theo.

      • Nếu gặp lỗi, bạn vào phần Support ở trang chi tiết theme.

    • Đối với các theme ở nhà cung cấp lẻ

      Những nhà cung cấp theme lẻ như: Genesis, Magazine3, GabfireThemes, Theme-Junkie hầu như họ không bỏ file hướng dẫn vào file tải về mà sẽ bỏ vào một khu vực riêng trên website để khách hàng dễ dàng tra cứu nên bạn yên tâm về việc sử dụng và tải file về.

      Dưới đây là hệ thống 10 website mua theme WordPress tốt nhất bạn có thể tham khảo:

    Lời kết 

    Đến đây thì bạn đã tự tìm được câu trả lời cho mình rồi phải không? Mỗi theme đều có cách cài đặt khác nhau. Bạn thấy đấy, số lượng theme WordPress kể cả tính phí và miễn phí đã lên đến trên 100.000 themes khác nhau. Bạn hãy tham khảo nguồn hướng dẫn chi tiết của từng theme đó để chọn được những theme mà mình yêu thích nhé. Cảm ơn các bạn đã đọc bài viết. Chúc các bạn học WordPress vui vẻ!

lam-sao-de-cai-theme-giong-ban-demo

Bài 23.1: Làm sao để cài theme giống demo ?

( Case Study hướng dẫn sử dụng WordPress )

—oOo—

« Bài 23: Cách cài đặt theme trong WordPress

Học WordPress

Bài 24: Hướng dẫn sử dụng Widget »


Tác giả: Hoàng Luyến

Bài 23.1: Làm sao để cài theme giống bản demo?
Đánh giá bài viết


6 Bình luận

Viết bình luận
  1. Tháng Sáu 02, 00:53 Hoàng Mạnh Tuấn

    Ban oi minh muon cai Theme giong ban Demo thi lam the nao?

    Bình luận
  2. Tháng Bảy 10, 08:55 Quốc Bảo

    chào bạn, mình đã cài them gomedia lên trang WP của mình nhưng phải làm sao cho nó giống demo vậy bạn, bạn giúp mình với nhé cám ơn bạn nhiều.

    Bình luận
  3. Tháng Chín 06, 07:31 TRẦN PHÚ HIỆP

    Chào bạn, mình muốn làm theme giống một website đã có sẵn trên mạng thì mình phải làm cách nào hả bạn? Bạn giúp mình với. cám ơn bạn nhiều

    Bình luận
  4. Tháng Chín 06, 15:01 TRẦN PHÚ HIỆP

    Chào Hoàng Luyến,
    Về HTML, CSS, Javascript thì mình cũng nắm tương đối, thời sinh viên ngày xưa mình thường sử dụng frontpage 2003 . Tuy nhiên bây giờ mạng phát triển nhanh quá, đang mầy mò làm theo wordpress và tạo theme (dựa trên website có sẵn), đồng thời hút dữ liệu tổng hợp từ một số website để tạo web cho riêng mình, mà chưa biết, rất mong Hoàng Luyến giúp đỡ. trân trọng cảm ơn

    Bình luận
  5. Tháng Mười 11, 08:55 Nguyễn Trung Tín

    Mọi người cho em hỏi có ai biết theme giống trang tam-ohui.com không ? Em kiếm mà không thấy huhu

    Bình luận
  6. Tháng Một 14, 06:57 tran le trung hieu

    A ơi cko e hỏi e muốn chinh sửa giống hệt demo gomedia thì e phải làm thế nào a hướng dẫn e tiếng việt nhé vì e dùng tiếng việt e k dùng tiếng anh..

    Bình luận

Viết bình luận

Tất cả bình luận

Thật tuyệt vời nếu bài viết này nhận được ý kiến của bạn. *

SEO