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
    • 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
    • Sử dụng Namespaces – Using Namespaces
  • 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 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
  • Cách sử dụng Flatsome Studio

Hướng dẫn Blocksy

7
  • Blocksy - Cơ bản
    • 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
    • Dịch thuật Blocksy

Hướng dẫn Webo

22
  • 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
  • Webo Help: Cách mời người quản lý 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

Lớp Chính – Main Class

Elementor Core Cơ bản Chúng ta có thể chuyển các thành phần khác nhau vào một lớp duy nhất – lớp chính của chúng ta. Lớp này sẽ kiểm tra các yêu cầu cơ bản và tải các tệp cần thiết để kích hoạt chức năng của tiện ích bổ sung, sau đó tải các thành phần khác nhau.

Cấu trúc Lớp Một ví dụ điển hình về lớp tiện ích bổ sung là một lớp chứa các chức năng sau:

final class Plugin {

private static $_instance = null;
public static function instance() {}

public function __construct() {}
public function is_compatible(): bool {}
public function init(): void {}

}

Một Phiên bản Duy nhất Lớp chính nên sử dụng mẫu thiết kế singleton để đảm bảo nó chỉ được tải một lần:

final class Plugin {

/**
* Instance
*
* @since 1.0.0
* @access private
* @static
* @var \Elementor_Test_Addon\Plugin The single instance of the class.
*/
private static $_instance = null;

/**
* Instance
*
* Ensures only one instance of the class is loaded or can be loaded.
*
* @since 1.0.0
* @access public
* @static
* @return \Elementor_Test_Addon\Plugin An instance of the class.
*/
public static function instance() {

if ( is_null( self::$_instance ) ) {
self::$_instance = new self();
}
return self::$_instance;

}

}

\Plugin::instance();

Hàm Khởi tạo Hàm khởi tạo nên thực hiện các kiểm tra tương thích để đảm bảo các yêu cầu cơ bản được đáp ứng. Nếu tất cả các kiểm tra đều đạt, chức năng chính sẽ được khởi tạo.

final class Plugin {

/**
* Constructor
*
* Perform some compatibility checks to make sure basic requirements are meet.
* If all compatibility checks pass, initialize the functionality.
*
* @since 1.0.0
* @access public
*/
public function __construct() {

if ( $this->is_compatible() ) {
add_action( ‘elementor/init’, [ $this, ‘init’ ] );
}

}

/**
* Compatibility Checks
*
* Checks whether the site meets the addon requirement.
*
* @since 1.0.0
* @access public
*/
public function is_compatible(): bool {

// Compatibility checks here…

}

/**
* Initialize
*
* Load the addons functionality only after Elementor is initialized.
*
* Fired by `elementor/init` action hook.
*
* @since 1.0.0
* @access public
*/
public function init(): void {

// Addon functionality here…

}

}

Bây giờ, hãy xem xét một vài ví dụ về [kiểm tra khả năng tương thích của tiện ích bổ sung](https://developers.elementor.com/docs/addons/compatibility/)
Nguồn:https://developers.elementor.com

What are your Feelings

  • Happy
  • Normal
  • Sad

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Quy trình tải – Loading ProcessKiểm tra tương thích – Compatibility Checks
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