Skip to content
  • Webo
  • Elementor
  • Flatsome
  • Blocksy
  • Divi
Webo Developers
  • Webo
  • Elementor
  • Flatsome
  • Blocksy
  • Divi
Webo Developers

Hướng dẫn Elementor

14
  • Cách thêm mục lục vào website bằng Elementor Pro
  • Hướng dẫn cài đặt Elementor chi tiết cho người mới bắt đầu
  • Cách tùy chỉnh tiện ích giỏ hàng WooCommerce của Elementor
  • Xây dựng addons Elementor
    • Sử dụng Namespaces – Using Namespaces
    • Bình Luận Header – Header Comments
    • Cấu trúc Tệp & Thư mục
    • Quy trình tải – Loading Process
    • Lớp Chính – Main Class
    • Kiểm tra tương thích – Compatibility Checks
    • Quy trình khởi tạo – Initialization Process
  • Elementor Editor
    • Xem trước Elementor
    • Bảng điều khiển Elementor
    • Bảng Cài Đặt Trang
    • Bảng Tùy chọn Người dùng

Hướng dẫn Flatsome

13
  • Cách sử dụng Flatsome Studio
  • Cách chỉnh sửa tiêu đề cửa hàng bằng UX Builder
  • Cách thêm biểu tượng thanh toán vào chân trang
  • Cách tạo cửa sổ bật lên Hướng dẫn Kích thước sản phẩm
  • Cách Xóa “Tải xuống” khỏi Tài khoản của tôi
  • Cách tạo một trang sản phẩm tùy chỉnh
  • Cách thêm nhãn menu cá nhân của riêng bạn
  • Giấy phép/đăng ký giao diện
  • Cách tạo nội dung trang 404 tùy chỉnh
  • Các mẫu biến thể
  • Cách dịch giao diện hoặc plugin
  • Cách tạo Mega Menu (menu thả xuống tùy chỉnh hoàn toàn)
  • Hình ảnh biến thể bổ sung

Hướng dẫn Blocksy

7
  • Blocksy - Cơ bản
    • Dịch thuật Blocksy
    • Cài đặt chủ đề Blocksy
    • Cách Nâng cấp lên Blocksy Pro
    • Bảng Menu
    • Trang web khởi đầu
    • Bảng điều khiển Blocksy
    • Theme con

Hướng dẫn Webo

22
  • Webo Help: Cách mời người quản lý website
  • Webo Help: Cách thêm tên miền riêng vào website
  • Webo Help: Cách trỏ DNS tên miền về Webo
  • Webo Help: Cách dùng Cloudflare cho tên miền Webo
  • Webo Help: Cách kiểm tra SSL và trạng thái tên miền
  • Webo Help: Webo Help Center là gì?
  • Webo Help: Cách chọn gói website phù hợp
  • Webo Help: Cách đăng nhập tài khoản Webo bằng email
  • Webo Help: Cách thanh toán và nâng cấp gói
  • Webo Help: Tổng quan trang quản lý Webo
  • Webo Help: Cách chỉnh sửa nội dung cơ bản
  • Webo Help: Cách xem danh sách website
  • Webo Help: Cách upload và tối ưu hình ảnh
  • Webo Help: Cách tạo website trial
  • Webo Help: Cách gửi yêu cầu hỗ trợ
  • Webo Help: Cách đăng nhập quản trị website bằng SSO
  • Webo Help: Cách cấp quyền để Webo kiểm tra website
  • Hệ thống Webo
    • Đăng ký tài khoản tại hệ thống tạo website tự động của Webo
    • Giới thiệu về hệ thống tạo website của Webo.vn
    • Hướng dẫn tạo website trên Webo sau khi đăng ký tài khoản
    • Hướng dẫn mua gói tự tạo website tại Webo
    • Trang tổng quan (Dashboard) của website sau khi tạo site trên hệ thống Webo

Hướng dẫn Wordpress

6
  • Thay đổi Logo & Tiêu đề Trang
  • Thiết lập Menu điều hướng (Navigation Menu)
  • Thiết lập Trang chủ và Blog
  • Tạo trang mới
  • Cách thay đổi trang chủ
  • Cách tạo tài khoản quản trị cho đội ngũ hỗ trợ
View Categories

Theme con

Theme con là một công cụ mạnh mẽ để tùy chỉnh trang web WordPress của bạn mà không có nguy cơ mất những thay đổi đó trong quá trình cập nhật theme. Về cơ bản, nó hoạt động như một phần mở rộng của theme cha (trong trường hợp này là Blocksy), cho phép bạn thực hiện các sửa đổi cụ thể mà không làm thay đổi các tệp cốt lõi của theme.

Lợi ích chính của việc sử dụng Theme con

  • Bảo toàn các tùy chỉnh: Bất kỳ thay đổi nào bạn thực hiện đối với giao diện hoặc chức năng của trang web đều được tách biệt trong theme con. Điều này đảm bảo rằng khi theme cha được cập nhật, các tùy chỉnh của bạn vẫn còn nguyên vẹn.
  • Linh hoạt và Kiểm soát: Theme con cung cấp mức độ kiểm soát cao hơn đối với thiết kế và bố cục trang web của bạn. Bạn có thể tạo các mẫu tùy chỉnh, sửa đổi các kiểu CSS, và thậm chí thêm các hàm tùy chỉnh mà không ảnh hưởng đến theme cha.
  • Khả năng bảo trì: Bằng cách tách biệt các tùy chỉnh của bạn khỏi theme cha, bạn giúp việc quản lý và cập nhật trang web của mình trong tương lai trở nên dễ dàng hơn.

Cách thức hoạt động

Một theme con kế thừa tất cả các chức năng và kiểu dáng từ theme cha của nó. Tuy nhiên, nó cũng cho phép bạn ghi đè các khía cạnh cụ thể bằng cách tạo các tệp tương ứng trong thư mục theme con. Các tệp phổ biến bao gồm:

  • style.css: Dành cho các kiểu CSS tùy chỉnh
  • functions.php: Dành cho mã PHP tùy chỉnh

Các bước đầu tiên #

  1. Tải xuống theme con Blocksy – https://creativethemes.com/downloads/blocksy-child.zip.
  2. Đi tới Giao diện -> Giao diện trên bảng điều khiển WordPress của bạn.
  3. Nhấp vào nút Thêm mới và sau đó vào nút Tải lên giao diện.
  4. Chọn tệp blocksy-child.zip và nhấp vào nút Cài đặt ngay.
  5. Sau khi quá trình cài đặt hoàn tất, hãy nhấp vào nút Kích hoạt.

Tải tệp styles.css #

Theo mặc định, theme con của bạn không tự động tải tệp style.css của riêng nó. Cách tiếp cận này được thiết kế để tối ưu hóa hiệu suất trang web bằng cách tránh các yêu cầu tệp không cần thiết. Tuy nhiên, nếu bạn yêu cầu kiểm soát chi tiết đối với kiểu dáng trang web của mình, bạn có thể dễ dàng kết hợp một biểu định kiểu tùy chỉnh vào theme con của mình.

add_action( 'wp_enqueue_scripts', function () {
	wp_enqueue_style('blocksy-child-style', get_stylesheet_uri());
});

Tích hợp với Theme cha #

Hệ thống theme con bên trong WordPress cho phép bạn thay thế các tệp theme cha bằng các phiên bản tùy chỉnh của riêng bạn. Điều này mang lại cho bạn sự linh hoạt hơn nữa khi thiết kế dự án web của mình, nhưng nó đi kèm với một lưu ý.

Nếu tệp đã được cập nhật trong theme cha và bạn chưa chuyển chức năng mới sang các tệp đã sửa đổi của mình, mọi thứ có thể trở nên tồi tệ và trang web có thể mất một số chức năng.

Đây là lý do tại sao điều quan trọng là phải đảm bảo rằng sau mỗi lần cập nhật theme cha, bạn phải kiểm tra các tệp PHP, CSS và JS từ theme con, nếu bạn biết rằng bạn đã sửa đổi chúng.

Nguồn:https://creativethemes.com/

What are your Feelings

  • Happy
  • Normal
  • Sad

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Bảng điều khiển BlocksyDịch thuật Blocksy
Mục lục
  • Các bước đầu tiên
  • Tải tệp styles.css
  • Tích hợp với Theme cha
W
WEBO DEVELOPERS

CÔNG TY TNHH MTV WEBO
Giấy chứng nhận ĐĂNG KÝ DOANH NGHIỆP do SỞ KẾ HOẠCH VÀ ĐẦU TƯ TP. ĐÀ NẴNG cấp ngày 08/10/2021
Chịu trách nhiệm nội dung: Dương Phú Phương

MST: 0402112909
14 Mỹ Đa Tây 4, Đà Nẵng
0905 93 92 99
lienhe@webo.vn

Công ty

  • Về chúng tôi
  • Tiếp thị liên kết
  • Liên hệ
  • Tuyển dụng
  • Tin tức

Hổ trợ

  • Blog webo

Sản phẩm

  • Webo
  • Elementor
  • Flatsome
  • Blocksy
  • Divi