Tutorial Hướng dẫn cài đặt Divi Theme và tạo Child Theme

Thảo luận trong 'Wordpress' bắt đầu bởi friendntt10, 28/3/17.

  1. friendntt10

    friendntt10 Đang làm quen

    Tham gia ngày:
    25/11/12
    Bài viết:
    211
    Đã được thích:
    0
    Điểm thành tích:
    16
    Bài trước tôi đã chia sẻ cho các bạn tổng quan về Divi Theme, bài này tôi xin được hướng dẫn các bạn cài đặt Divi Theme là tạo Child Theme.

    Yêu cầu: Để thực được như hướng dẫn của bài viết này bạn cần phải có Divi Theme (Mua, xin hay như thế nào là tùy bạn).

    Hướng dẫn cài đặt Divi Theme
    – Bước 01: Đăng nhập vào quản trị của WordPress (WP-Admin), vào Appearance => Themes => Add New => Upload Theme, chọn file theme mà bạn đã có (*.zip) => Install Now

    [​IMG]

    – Bước 02: Click vào Active để kích hoạt Theme
    Sau khi kích hoạt Theme, bạn ra ngoài trang chủ. Website của bạn sẽ được như hình (Nhìn không khác gì 1 blog bình thường, nhưng nó tùy biến được thành rất nhiều sản phẩm đẹp)

    [​IMG]
    Hướng dẫn tạo Child Theme cho Divi Theme

    Child Theme là gì?

    Child Theme là theme con được kế thừa mọi đặc tính của cha mẹ chúng, và bạn có thể thoải mái chỉnh sửa mà không sợ bị ảnh hưởng khi cha mẹ chúng cập nhật phiên bản mới.

    Tại sao nên tạo Child Theme cho Divi Theme?
    Theo lời khuyên của tôi, bạn dùng bất kỳ Theme WordPress nào cũng nên tạo Child Theme. Vì tất cả các theme (miễn phí và trả phí) đều có các bản cập nhật. Nếu chúng ta không tạo child theme mà cứ sửa code trên theme gốc, khi theme đó ra bản cập nhật mới tất cả những chỉnh sửa của chúng ta sẽ bị mất hết. (Cá nhân tôi đã bị rất nhiều lần)

    Với Divi Theme cũng như vậy, các bản cập nhật ra rất nhiều và nhanh hơn các theme miễn phí nên bạn bắt buộc phải dùng Child Theme.

    Các bước tạo Child Theme
    Vào thư mục wp-content/themes và tạo 1 thư mục bất kỳ, nhưng tôi khuyên bạn nên đặt tên là: Divi-child

    [​IMG]
    Tiếp theo, tạo 1 file style.CSS trong thư mục Divi-child và bỏ vào file đó đoạn code sau:

    Mã:
    /*
    Theme Name: Divi Child Theme
    Theme URI: http: //hoangan.net
    Description: Divi Child Theme WordPress
    Author: Hoang An
    Author URI: http://hoangan.net
    Template: Divi
    Version: 1.0
    */
    @import url("../Divi/style.CSS");
    Lưu ý các mục sau:
    • Template: Thư mục của theme gốc
    • @import url: Đường dẫn tới file style.CSS của theme gốc
    Còn lại những mục khác bạn thích đặt thế nào cũng được

    Tiếp theo, bạn vào Appearance => Themes để kích hoạt Child Theme vừa tạo

    [​IMG]

    Lưu ý: Không được xóa thư mục Divi (Divi và Divi-child phải để chạy song song)

    Như vậy là chúng ta đã tạo Child Theme cho Divi Theme thành công

    Ra ngoài trang chủ không thấy gì thay đổi là được.

    Sử dụng Child Theme như thế nào?
    • Bạn muốn sửa file .php nào thì chỉ cần vào theme gốc copy file đó bỏ vào thư mục của Child Theme, sau đó sửa trong Child Theme
    • Nếu muốn sửa CSS thì viết ở dưới dòng @import url
    • Nếu bạn viết thêm file .php mà trong theme gốc không có thì nhớ require hoặc include vào file functions.php
    Kết luận
    Trên đây là bài viết hướng dẫn cài đặt Divi Theme và tạo Child Theme của tôi. Hy vọng bài viết này sẽ giúp ích các bạn trong quá trình sử dụng Divi Theme. Bài viết sau tôi sẽ hướng dẫn các bạn tùy biến Theme trong bộ Divi Options
     
Đang tải...

Chia sẻ trang này