Hướng dẫn tùy chỉnh WordPress

Mỗi trang web WordPress cần một chủ đề để lấy nội dung từ cơ sở dữ liệu và hiển thị nội dung đó trong một thiết kế. Và về mặt lý thuyết, bạn có thể chạy một trang web chỉ với một chủ đề và không có gì khác. Nhưng trang web đó sẽ rất hạn chế nếu không có bổ sung

Các plugin thêm chức năng bổ sung vào trang web WordPress của bạn ngoài những gì đi kèm với lõi WordPress. Mọi thứ từ lịch đăng ký hoặc thanh trượt động đến hệ thống quản lý học tập đầy đủ tính năng hoặc thị trường trực tuyến—bạn có thể thêm tất cả chúng vào trang web của mình bằng plugin.  

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách tạo plugin WordPress của riêng bạn. Tôi sẽ chỉ cho bạn cách sử dụng phương pháp hay nhất trong phát triển plugin, cách lấy mã trong plugin của bạn để chạy và cách cấu trúc mã và tệp của plugin của bạn. Tôi cũng sẽ hướng dẫn bạn quy trình tạo plugin đầu tiên và trả lời một số câu hỏi thường gặp

Plugin WordPress miễn phí và trả phí

Nếu bạn muốn thêm một số tính năng cụ thể vào trang web của mình, có rất nhiều nơi bạn có thể mua hoặc tải xuống plugin. Thư mục plugin WordPress bao gồm hàng nghìn plugin miễn phí sẽ giúp bạn tạo trang web bạn cần. Tuy nhiên, nếu bạn đang tìm kiếm các tính năng nâng cao hơn, giao diện người dùng tốt hơn hoặc hỗ trợ được cải thiện, bạn nên mua plugin cao cấp từ các tác giả trên CodeCanyon

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Nhưng đôi khi bạn có thể cần viết mã plugin của riêng mình. Điều này có thể hiệu quả hơn so với việc sử dụng plugin của bên thứ ba, vì bạn có thể chỉ cần một phần mã do những bên đó cung cấp. Điều đó cũng có nghĩa là bạn có thể phát triển một plugin đáp ứng nhu cầu của mình chính xác hơn hoặc bạn có thể tùy chỉnh một plugin hiện có để điều chỉnh nó cho trang web của mình

Bạn cần gì để tạo một plugin?

Để xây dựng plugin của riêng bạn và chạy nó trên trang web WordPress của bạn, bạn sẽ cần

  • một trình soạn thảo mã
  • bản cài đặt WordPress đang phát triển với một bản sao trang web trực tiếp của bạn để thử nghiệm

Không kiểm tra plugin của bạn trên trang web trực tiếp của bạn cho đến khi bạn biết nó hoạt động

Nếu bạn chưa có bản cài đặt WordPress cục bộ, hãy làm theo hướng dẫn của chúng tôi để sao chép trang web của bạn sang bản cài đặt cục bộ. Hoặc nếu bạn không thể cài đặt WordPress cục bộ, hãy sử dụng bản sao của trang web của bạn trên bản cài đặt thử nghiệm trên máy chủ của bạn. Tìm hiểu cách sao chép trang web của bạn

  • Hướng dẫn tùy chỉnh WordPress

    Cách thiết lập môi trường thử nghiệm WordPress sát thủ cục bộ

    Hướng dẫn tùy chỉnh WordPress

    Harley-Alexander

    21 tháng năm 2009

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Cách di chuyển một trang web WordPress

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Rachel McCollin

    30 Th03 2020

Các loại plugin WordPress

Plugin có thể thực hiện nhiều nhiệm vụ. Điểm chung của tất cả chúng là chúng bổ sung thêm chức năng cho trang web của bạn. Các loại plugin WordPress bao gồm

  • plugin bảo trì trang web cho những thứ như bảo mật, hiệu suất hoặc sao lưu
  • plugin tiếp thị và bán hàng cho những thứ như SEO, mạng xã hội hoặc Thương mại điện tử
  • plugin nội dung chẳng hạn như loại bài đăng tùy chỉnh, tiện ích con, mã ngắn, biểu mẫu, thư viện và nguồn cấp dữ liệu video
  • Các plugin API hoạt động với API REST của WordPress hoặc lấy nội dung bên ngoài từ các dịch vụ như Google Maps
  • plugin cộng đồng thêm các tính năng mạng xã hội

… và nhiều hơn nữa. Để biết các plugin có thể làm gì, hãy xem thư mục plugin WordPress và thị trường CodeCanyon

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Điều gì đi vào một plugin?

Trước khi bạn bắt đầu xây dựng plugin của mình, bạn nên biết những gì có trong plugin. Chính xác thì mã plugin trông như thế nào sẽ phụ thuộc vào plugin của bạn. một số nhỏ, chỉ với một tệp plugin, trong khi một số khác lớn, với nhiều tệp bao gồm, tập lệnh, biểu định kiểu và tệp mẫu. Và có rất nhiều rơi vào đâu đó ở giữa

Các yếu tố bạn có thể có trong plugin của mình là

  • tệp plugin chính (điều này rất cần thiết)
  • thư mục cho các loại tập tin khác nhau
  • kịch bản
  • bảng định kiểu
  • bao gồm các tệp để tổ chức mã

Chúng ta hãy xem xét từng cái trong số này

Tệp plugin chính

Tệp plugin chính là cần thiết. Nó sẽ luôn là một tệp PHP và nó sẽ luôn chứa văn bản nhận xét cho WordPress biết về plugin của bạn

Đây là một ví dụ, từ plugin Akismet

protect your blog from spam. It keeps your site protected even while you sleep. To get started: activate the Akismet plugin and then go to your Akismet Settings page to set up your API key.

Version: 4.1.7

Author: Automattic

Author URI: https://automattic.com/wordpress-plugins/

License: GPLv2 or later

Text Domain: akismet

*/

Điều này cho WordPress biết plugin của bạn làm gì, tìm hiểu thêm về nó ở đâu và ai đã phát triển nó. Nó cũng cung cấp thông tin về số phiên bản, miền văn bản và đường dẫn để quốc tế hóa, cũng như giấy phép

WordPress lấy thông tin này và sử dụng nó để điền vào màn hình plugin trong trang web của bạn. Đây là giao diện của Akismet trên màn hình đó

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Bạn có thể thấy rằng thông tin được cung cấp trong tệp plugin được sử dụng để điền vào mục nhập này và cung cấp các liên kết

Thông tin khác về plugin có trong README. txt, dùng để điền trang của plugin vào thư mục plugin

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Tệp plugin chính cũng sẽ chứa mã giúp plugin chạy. Đôi khi đó sẽ là tất cả PHP cho plugin, nhưng đối với các plugin lớn hơn, sẽ có lệnh gọi bao gồm các tệp chứa mã bổ sung. Điều này giúp bạn tổ chức mã của mình và có nghĩa là bạn không có một tệp dài, lộn xộn khó làm việc với. Tôi sẽ chỉ cho bạn cách sử dụng các tệp bao gồm sau trong hướng dẫn này

Cấu trúc thư mục

Mặc dù không có quy tắc cứng nhắc và nhanh chóng nào về cách bạn tổ chức các thư mục trong plugin của mình, nhưng sẽ rất hợp lý khi áp dụng cùng một cấu trúc mà các nhà phát triển plugin khác sử dụng. Điều này sẽ giúp bạn làm quen với cách xây dựng các plugin khác và có nghĩa là nếu bạn chia sẻ mã của mình trong tương lai, nó sẽ có ý nghĩa với người khác

Các thư mục trong plugin của bạn có thể bao gồm

  • css hoặc kiểu cho biểu định kiểu
  • tập lệnh cho JavaScript
  • bao gồm cho các tệp bao gồm
  • mẫu cho các tệp mẫu mà plugin của bạn xuất ra
  • nội dung cho phương tiện và các tệp nội dung khác
  • i18n dành cho các tệp quốc tế hóa

Bạn có thể thấy mình cần sử dụng nhiều thư mục hơn nếu plugin của bạn lớn hoặc phức tạp. Ví dụ: WooC Commerce có các thư mục cho các gói, dữ liệu mẫu, v.v. Lần lượt chúng bao gồm các thư mục con cho những thứ như khối và tệp quản trị viên

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Tập lệnh và Biểu định kiểu

Nếu plugin của bạn xuất ra nội dung cần tạo kiểu, ở giao diện người dùng hoặc trong màn hình quản trị, bạn có thể cần biểu định kiểu. Và nếu plugin của bạn sẽ sử dụng tập lệnh, thì bạn sẽ cần tệp cho các tập lệnh này

Thật hợp lý khi giữ những thứ này trong thư mục riêng của chúng, ngay cả khi bạn chỉ có một trong số chúng. Bạn sẽ cần liệt kê các tập lệnh và biểu định kiểu này bằng một chức năng chuyên dụng trong tệp plugin chính của mình. Tôi sẽ chỉ cho bạn cách thực hiện việc này khi chúng ta xây dựng plugin

Bao gồm tệp

Nếu plugin của bạn cần tổ chức, bạn có thể thực hiện việc này bằng cách chia mã của mình thành nhiều tệp, được gọi là tệp bao gồm. Sau đó, bạn đặt các tệp này vào thư mục riêng của chúng và gọi chúng trong tệp plugin chính của bạn bằng hàm 

tutsplus_myfunction {

// code goes here

}
3 hoặc 
tutsplus_myfunction {

// code goes here

}

Bằng cách này, bạn có thể giữ phần lớn mã của mình trong một cấu trúc tệp được tổ chức tốt trong khi tệp plugin chính của bạn vẫn gọn gàng và tối thiểu

Nếu plugin của bạn không quá lớn, bạn không cần sử dụng các tệp bao gồm. chỉ cần thêm mã của bạn vào tệp plugin chính. Nhưng bạn có thể thấy mình cần tổ chức tệp này và sắp xếp lại các chức năng bên trong nó khi bạn thêm chúng, để duy trì cấu trúc hợp lý

Đây là những yếu tố phổ biến nhất của plugin. Chúng tôi đã thấy trong ví dụ về WooC Commerce rằng có thể có nhiều hơn nữa. Hoặc trong các plugin nhỏ hơn có thể có ít hơn nhiều. Nhưng khi bạn phát triển nhiều plugin hơn, bạn sẽ thấy mình ngày càng sử dụng các yếu tố này nhiều hơn

Cách chạy mã plugin của bạn. Tùy chọn

Khi bạn thêm mã vào plugin của mình, nó sẽ không làm gì cho đến khi bạn kích hoạt nó theo một cách nào đó. Có một số phương pháp bạn có thể sử dụng để kích hoạt mã của mình hoặc lấy mã từ WordPress

  • chức năng
  • móc hành động và bộ lọc
  • các lớp học

Chúng ta hãy xem xét từng cái trong số này

Chức năng

Các chức năng là các khối xây dựng của mã WordPress. Chúng là cách dễ nhất để bắt đầu viết plugin của riêng bạn và viết mã nhanh nhất. Bạn cũng sẽ tìm thấy rất nhiều trong số chúng trong các tệp chủ đề của mình

Mỗi chức năng sẽ có tên riêng, theo sau là dấu ngoặc nhọn và mã bên trong các dấu ngoặc nhọn đó

Mã bên trong plugin của bạn sẽ không chạy trừ khi bạn gọi hàm bằng cách nào đó. Cách đơn giản nhất (nhưng kém linh hoạt nhất) để làm điều đó là gọi trực tiếp mã trong chủ đề của bạn hoặc một nơi nào khác trong plugin của bạn

Đây là một hàm ví dụ

tutsplus_myfunction {

// code goes here

}

Để gọi trực tiếp chức năng đó trong chủ đề của bạn, bạn chỉ cần nhập

tutsplus_myfunction {

// code goes here

}
0 vào vị trí trong tệp mẫu chủ đề mà bạn muốn nó chạy. Hoặc bạn có thể thêm nó vào đâu đó trong plugin của mình. nhưng bạn cũng cần kích hoạt mã gọi nó

Có một số hạn chế đối với điều này

  • Nếu chức năng thực hiện điều gì đó không chỉ là thêm nội dung vào đâu đó trong tệp mẫu chủ đề, thì bạn không thể kích hoạt chức năng đó theo cách này
  • Nếu bạn muốn gọi hàm ở nhiều nơi, bạn sẽ phải gọi đi gọi lại nhiều lần
  • Có thể khó theo dõi tất cả những nơi bạn đã gọi hàm theo cách thủ công

Cách tốt hơn là gọi các hàm bằng cách gắn chúng vào một cái móc

Móc hành động và bộ lọc

Bằng cách gắn chức năng của bạn vào một hook, bạn sẽ chạy mã của nó bất cứ khi nào hook đó được kích hoạt. Có hai loại móc. móc hành động và móc lọc

Móc hành động trống. Khi WordPress đến với họ, nó sẽ không làm gì trừ khi một chức năng đã được nối vào cái móc đó

Móc bộ lọc chứa mã sẽ chạy trừ khi có một hàm được móc vào móc đó. Nếu có chức năng, nó sẽ chạy mã trong chức năng đó. Điều này có nghĩa là bạn có thể thêm mã mặc định vào plugin của mình nhưng ghi đè mã đó trong một plugin khác hoặc bạn có thể viết một hàm ghi đè mã mặc định được gắn vào hook bộ lọc trong chính WordPress

Móc được bắn theo ba cách

  • Bởi chính WordPress. Mã lõi WordPress bao gồm hàng trăm hook kích hoạt vào các thời điểm khác nhau. Cái nào bạn kết nối chức năng của mình sẽ phụ thuộc vào chức năng của bạn làm gì và khi nào bạn muốn mã của nó chạy. Bạn có thể tìm danh sách các móc nối WordPress trong sổ tay nhà phát triển
  • Theo chủ đề của bạn. Nhiều chủ đề bao gồm móc hành động và bộ lọc mà bạn có thể sử dụng để thêm nội dung bổ sung vào những vị trí quan trọng trong thiết kế trang web của mình. Và tất cả các chủ đề sẽ bao gồm móc câu 
    tutsplus_myfunction {
    
    // code goes here
    
    }
    1 và 
    tutsplus_myfunction {
    
    // code goes here
    
    }
    2. Kết hợp những thứ này với các thẻ có điều kiện và bạn có thể chạy mã cụ thể trên một số loại trang nhất định trong trang web của mình
  • Bởi plugin của bạn hoặc các plugin khác. Bạn có thể thêm một hook hành động vào plugin của mình và sau đó thêm các chức năng trong các tệp bao gồm đính kèm mã vào hook đó. Hoặc bạn có thể viết một hook bộ lọc và sau đó có một chức năng ghi đè nội dung của nó trong một số trường hợp nhất định. Ngoài ra, nếu bạn đang tạo một plugin để bổ sung cho một plugin khác, thì bạn có thể móc các chức năng của mình vào hook hiện có trong plugin của bên thứ ba. Ví dụ: tôi đã làm điều này với WooC Commerce để tùy chỉnh nội dung đầu ra trên các trang sản phẩm

Một số trong số này nâng cao hơn, nhưng với plugin đầu tiên của bạn, có thể bạn sẽ kết nối các chức năng của mình với một hành động hoặc đầu ra hook bộ lọc của chính WordPress, rất có thể là một hook hành động

Các lớp học

Các lớp là một cách mã hóa các tính năng phức tạp hơn, chẳng hạn như các tiện ích con và các thành phần tùy biến, sử dụng các API WordPress hiện có.  

Khi bạn viết một lớp trong plugin của mình, có thể bạn sẽ mở rộng một lớp hiện có được mã hóa trong WordPress. Bằng cách này, bạn có thể sử dụng mã do lớp cung cấp và chỉnh sửa nó để biến nó thành của riêng bạn. Một ví dụ sẽ là bộ tùy biến, trong đó bạn có thể viết một lớp bao gồm bộ chọn màu, sử dụng giao diện người dùng bộ chọn màu được cung cấp trong lớp hiện có cho bộ tùy chỉnh

Việc sử dụng các lớp nâng cao hơn so với các chức năng và không chắc là bạn sẽ làm điều đó trong plugin đầu tiên của mình. Để tìm hiểu thêm, hãy xem hướng dẫn của chúng tôi về các lớp trong WordPress

Nếu bạn viết các lớp, bạn sẽ vẫn phải sử dụng các hành động hoặc bộ lọc để chạy chúng

Các phương pháp hay nhất về plugin

Trước khi bạn bắt đầu viết mã plugin, bạn nên hiểu các phương pháp hay nhất cho plugin để mã của bạn có chất lượng cao ngay từ đầu.  

Bao gồm các

  • Viết mã của bạn theo tiêu chuẩn viết mã của WordPress. Nếu bạn muốn gửi plugin của mình tới thư mục plugin, bạn sẽ phải làm điều này
  • Sử dụng nhận xét xuyên suốt mã của bạn để những người khác có thể làm việc với mã đó—và để bạn nhớ mã của mình hoạt động như thế nào khi quay lại với mã đó trong tương lai
  • Đặt tên cho các hàm, móc và lớp của bạn bằng các tiền tố để chúng là duy nhất cho plugin của bạn. Bạn không muốn đặt một chức năng trùng tên với một chức năng khác trong một plugin khác hoặc trong lõi WordPress
  • Sắp xếp các thư mục của bạn một cách hợp lý và giữ cho mã của bạn được tách biệt để người khác có thể hiểu được và do đó bạn có thể thêm vào mã theo thời gian mà không trở thành một mớ hỗn độn

Bạn có thể nghĩ rằng việc sử dụng phương pháp hay nhất là không cần thiết vì bạn chỉ đang làm việc với plugin. Nhưng plugin của bạn có thể phát triển theo thời gian, bạn có thể cho phép người khác sử dụng nó hoặc bạn có thể bán nó. Hoặc bạn có thể quay lại với nó sau hai năm và không thể nhớ cách tổ chức mã

Tạo Plugin đầu tiên của bạn trong 4 bước

Cuối cùng. Bạn đã có kiến ​​thức cơ bản về cách hoạt động của plugin và đã đến lúc xắn tay áo và tạo plugin đầu tiên của bạn. Tôi sẽ hướng dẫn bạn quy trình tạo một plugin đơn giản đăng ký loại bài đăng tùy chỉnh

Đây là cách sử dụng plugin rất phổ biến và là thứ mà sau đó bạn có thể xây dựng theo thời gian để thêm các tệp mẫu tùy chỉnh cho loại bài đăng tùy chỉnh hoặc chức năng khác của bạn

Tôi sẽ chỉ cho bạn mã cơ bản của plugin và giới thiệu cho bạn cách bạn có thể thêm vào nó theo thời gian

1. Tạo thư mục plugin và tệp

Ngay cả khi plugin của bạn bắt đầu nhỏ chỉ với một tệp, bạn nên cung cấp cho nó thư mục riêng. Bắt đầu bằng cách tạo một thư mục trong thư mục wp-content/plugins của bạn. Bên trong đó, tạo một tệp PHP cho plugin của bạn

Đặt cho họ cả hai cái tên có ý nghĩa và bao gồm tiền tố. Tôi đang gọi thư mục của mình là tutsplus-register-post-types và tệp của tôi là tutsplus-register-post-types. php

Bây giờ hãy mở tệp plugin của bạn và thêm thông tin đã nhận xét ở trên cùng. Bạn có thể lấy của tôi bên dưới và chỉnh sửa nó để phản ánh thực tế rằng đây là plugin của bạn, không phải của tôi

Bây giờ, nếu bạn lưu tệp của mình và chuyển đến màn hình Plugin trong trang web phát triển của mình, bạn sẽ thấy plugin trên màn hình

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Bạn có thể kích hoạt nó nếu muốn, nhưng nó sẽ không làm gì cả vì bạn chưa thêm bất kỳ mã nào vào nó. Hãy làm điều đó

2. Thêm chức năng

Bây giờ là lúc viết chức năng đầu tiên trong plugin của chúng tôi. Bắt đầu bằng cách tạo plugin của bạn và thêm dấu ngoặc nhọn sẽ chứa mã. Đây là của tôi

function tutsplus_register_post_type() {

    // movies

    $labels = array( 

        'name' => __( 'Movies' , 'tutsplus' ),

        'singular_name' => __( 'Movie' , 'tutsplus' ),

        'add_new' => __( 'New Movie' , 'tutsplus' ),

        'add_new_item' => __( 'Add New Movie' , 'tutsplus' ),

        'edit_item' => __( 'Edit Movie' , 'tutsplus' ),

        'new_item' => __( 'New Movie' , 'tutsplus' ),

        'view_item' => __( 'View Movie' , 'tutsplus' ),

        'search_items' => __( 'Search Movies' , 'tutsplus' ),

        'not_found' =>  __( 'No Movies Found' , 'tutsplus' ),

        'not_found_in_trash' => __( 'No Movies found in Trash' , 'tutsplus' ),

    );

    $args = array(

        'labels' => $labels,

        'has_archive' => true,

        'public' => true,

        'hierarchical' => false,

        'supports' => array(

            'title', 

            'editor', 

            'excerpt', 

            'custom-fields', 

            'thumbnail',

            'page-attributes'

        ),

        'rewrite'   => array( 'slug' => 'movies' ),

        'show_in_rest' => true

    );

}

Điều này bao gồm tất cả các nhãn và đối số cho loại bài đăng của bạn và (quan trọng) chức năng 

tutsplus_myfunction {

// code goes here

}
3 do WordPress cung cấp

Tôi đã sử dụng phim làm loại bài đăng của mình ở đây vì tôi đang tạo một trang web đánh giá phim tưởng tượng. Bạn có thể muốn sử dụng một cái gì đó khác nhau

Bây giờ, nếu bạn lưu tệp của mình và quay lại trang web của mình, bạn sẽ thấy không có gì thay đổi. Đó là bởi vì bạn chưa kích hoạt mã của mình. Phương pháp chúng tôi sử dụng để kích hoạt chức năng ở đây là móc nó vào một móc hành động do WordPress cung cấp, móc 

tutsplus_myfunction {

// code goes here

}
4 . Khi bạn sử dụng một chức năng do WordPress cung cấp (chẳng hạn như 
tutsplus_myfunction {

// code goes here

}
5), bạn sẽ thấy rằng có một cái móc mà bạn nên sử dụng. Bạn có thể tìm thấy thông tin chi tiết trong mục sổ tay WordPress để đăng ký các loại bài đăng tùy chỉnh

Vì vậy, hãy thêm cái móc. Bên dưới mã của bạn và bên ngoài dấu ngoặc nhọn, hãy thêm dòng này

tutsplus_myfunction {

// code goes here

}
0

Chúng tôi sử dụng hàm 

tutsplus_myfunction {

// code goes here

}
6 để móc mã của mình vào một hook hành động, với hai tham số. tên của móc hành động và tên của chức năng của chúng tôi

Bây giờ, hãy thử lưu các tệp của bạn và quay lại trang web của bạn. Bạn sẽ thấy rằng loại bài đăng tùy chỉnh đã được thêm vào menu quản trị của bạn (giả sử bạn đã kích hoạt plugin)

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Tốt đẹp

Bây giờ, hãy thêm một chức năng bổ sung, để đăng ký phân loại tùy chỉnh. Bên dưới mã bạn đã viết cho đến nay, hãy thêm mã này

tutsplus_myfunction {

// code goes here

}
2

Một lần nữa, bạn có thể muốn thay đổi tên phân loại tùy chỉnh của mình. Ở đây, tôi đã áp dụng phân loại cho loại bài đăng mà tôi vừa đăng ký (tham số thứ ba của hàm 

tutsplus_myfunction {

// code goes here

}
7). Nếu bạn đã đặt cho loại bài đăng của mình một tên khác, hãy đảm bảo chỉnh sửa bit đó

Bây giờ hãy lưu tệp của bạn và xem màn hình quản trị của bạn. Khi bạn di chuột qua loại bài đăng của mình trong menu quản trị, bạn sẽ thấy phân loại mới

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Bây giờ bạn có một plugin đang hoạt động. Tốt lắm

Hãy xem cách bạn có thể thêm vào nó

3. Enqueue Stylesheets và Scripts

Nếu bạn cần sử dụng kiểu dáng hoặc tập lệnh tùy chỉnh trong plugin của mình, bạn có thể thêm chúng ngay vào tệp plugin của mình—nhưng đó không phải là phương pháp hay nhất. Thay vào đó, bạn nên tạo các biểu định kiểu và tập lệnh dưới dạng các tệp riêng biệt trong thư mục plugin của mình và xếp chúng vào hàng đợi, sử dụng chức năng do WordPress cung cấp

Hãy tưởng tượng bạn muốn thêm kiểu dáng cho loại bài đăng tùy chỉnh của mình. Bạn có thể thêm phần này vào chủ đề của mình, nhưng bạn có thể muốn thêm một số kiểu cụ thể vào plugin để làm cho loại bài đăng nổi bật so với các loại bài đăng khác trong bất kỳ chủ đề nào

Để thực hiện việc này, bạn tạo một thư mục mới bên trong thư mục plugin có tên là css (hoặc styles, tùy bạn). Trong thư mục đó, hãy tạo biểu định kiểu có tên là kiểu. css hoặc bạn có thể đặt tên cụ thể hơn cho rõ ràng. Tôi sẽ gọi những bộ phim của tôi. css

Sau đó, bạn cần đưa tệp đó vào hàng đợi trong plugin của mình để WordPress có thể sử dụng nó. Thêm phần này vào tệp plugin chính của bạn, phía trên các chức năng bạn đã có. Tôi muốn thêm enqueuing và bao gồm đầu tiên trong tệp plugin của mình để tôi có thể xem những tệp nào khác đang được kích hoạt

tutsplus_myfunction {

// code goes here

}
4

Nếu bạn lưu tệp của mình, bạn sẽ không thấy bất kỳ sự khác biệt nào trong màn hình quản trị của mình—nhưng nếu bạn đã thêm các bài đăng thuộc loại bài đăng tùy chỉnh và biểu định kiểu của bạn bao gồm kiểu dáng cho chúng, thì bây giờ bạn sẽ thấy điều đó ở giao diện người dùng của

Lưu ý rằng móc nối được sử dụng để liệt kê cả biểu định kiểu và tập lệnh đều giống nhau. cả hai đều sử dụng 

tutsplus_myfunction {

// code goes here

}
8. Không có móc riêng cho các kiểu

Enqueuing script hoạt động theo cách rất giống nhau. Thực hiện theo các bước sau

  • Thêm thư mục scripts hoặc js vào thư mục plugin của bạn
  • Lưu tệp tập lệnh của bạn trong thư mục đó
  • Liệt kê tập lệnh theo cách tương tự như biểu định kiểu ở trên, thay thế hàm 
    tutsplus_myfunction {
    
    // code goes here
    
    }
    9 bằng 
    0

4. Sử dụng tệp bao gồm

Một tùy chọn khác khi bạn phát triển plugin của mình là tạo các tệp PHP bổ sung, được gọi là tệp bao gồm. Nếu bạn có nhiều tệp này, thì bạn có thể tạo nhiều thư mục cho các loại tệp bao gồm khác nhau hoặc bạn có thể chỉ tạo một thư mục có tên là bao gồm

Bạn có thể sử dụng một số chức năng để bao gồm tệp. Bạn sẽ tìm thấy các chức năng này trong hướng dẫn toàn diện của chúng tôi về cách bao gồm và yêu cầu tệp

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Cách bao gồm và yêu cầu tệp và mẫu trong WordPress

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Tom MacFarlin

    21 Th04 2021

Ví dụ: trong plugin loại bài đăng tùy chỉnh, chúng tôi có thể tạo một số mã để thay đổi cách xuất nội dung của trang, sử dụng móc lọc 

1 để sửa đổi mã đang chạy mỗi khi nội dung được xuất trên trang sản phẩm

Thay vì thêm mã này vào tệp plugin chính, bạn có thể thêm mã đó vào một tệp riêng có tên là movie-content. php rồi viết mã vào tệp đó để biết cách xuất nội dung cho phim

Để đưa tệp này vào plugin của bạn, bạn thêm một thư mục có tên gồm vào plugin của mình, sau đó, bên trong thư mục đó, bạn thêm nội dung-phim. tệp php

Để đưa tệp đó vào plugin của bạn, bạn thêm mã này vào đầu tệp plugin chính

tutsplus_myfunction {

// code goes here

}
9

Bạn không cần kết nối điều này với hành động hoặc móc bộ lọc—chỉ cần sử dụng hàm 

2 trong tệp plugin của bạn. Điều đó sau đó sẽ gọi mã từ tệp bao gồm như thể nó nằm trong tệp plugin chính của bạn tại thời điểm đó

Cách mở rộng hoặc chỉnh sửa plugin hiện có

Đôi khi, bạn có thể tìm thấy plugin trong thư mục plugin hoặc từ nhà cung cấp plugin thực hiện hầu hết những gì bạn cần plugin thực hiện, nhưng không hoàn toàn là tất cả. Hoặc bạn có thể đang chạy plugin và muốn thực hiện một số chỉnh sửa và tùy chỉnh

Thực tế là WordPress là mã nguồn mở khiến điều này trở nên khả thi. Bạn có thể lấy mã của plugin khác và mở rộng hoặc chỉnh sửa nó để làm cho nó hoạt động theo cách bạn muốn

Có hai cách để làm điều này

  • Lấy một plugin hiện có và rẽ nhánh nó—i. e. chỉnh sửa nó để nó hoạt động khác đi, đáng tin cậy hơn hoặc có thêm các tính năng
  • Viết plugin của riêng bạn để mở rộng plugin gốc

Lấy một plugin hiện có và chỉnh sửa nó khá đơn giản. bạn tạo bản sao của riêng mình trên một trang web đang phát triển (không bao giờ trực tiếp. ) và chỉnh sửa nếu cần. Đảm bảo bạn sử dụng kiểm soát phiên bản để theo dõi các thay đổi của mình trong trường hợp xảy ra sự cố

Việc mở rộng một plugin bằng cách viết plugin của riêng bạn phức tạp hơn một chút và sẽ không hoạt động với mọi plugin, nhưng theo ý kiến ​​​​của tôi là một cách mạnh mẽ hơn

Nhiều plugin phổ biến nhất sẽ sử dụng rộng rãi hook và class trong mã của chúng. Bạn có thể kết nối vào hành động và lọc các móc nối cũng như mở rộng các lớp để viết mã của riêng bạn, mã này sử dụng mã của plugin hiện có làm cơ sở nhưng sau đó thêm vào hoặc chỉnh sửa mã đó

Ví dụ: WooC Commerce có rất nhiều chức năng, móc nối và lớp nên nó có tài liệu dành cho nhà phát triển và API riêng. Mỗi phần của hệ thống WooC Commerce được cung cấp bởi một hoặc nhiều chức năng, hook hoặc lớp này. Để thực hiện các thay đổi, bạn cần xác định mã nào đang điều khiển phần hệ thống mà bạn muốn thay đổi, sau đó viết plugin của riêng bạn để gắn vào (các) hook giống nhau hoặc mở rộng các lớp

Bạn sẽ thấy mình có thể tạo các tùy chỉnh quan trọng cho một plugin như WooC Commerce theo cách này. Tôi đã từng sử dụng nó để tăng sức mạnh cho một trang web danh sách thậm chí không bao gồm thanh toán. Tôi đã sử dụng móc để loại bỏ tất cả các yếu tố tôi không muốn và thêm những yếu tố mới

Để biết một số ví dụ về cách bạn có thể kết nối với WooC Commerce và mở rộng hoặc chỉnh sửa nó bằng plugin của riêng bạn, hãy xem hướng dẫn của chúng tôi để thêm mô tả sản phẩm vào các trang lưu trữ và để thêm blog dựa trên sản phẩm vào cửa hàng của bạn. Những ví dụ này chỉ là bề nổi của những gì bạn có thể đạt được, nhưng chúng sẽ cho bạn ý tưởng về cách bắt đầu

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    WooC Commerce. Thêm Mô tả ngắn về Sản phẩm vào Trang Lưu trữ

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Rachel McCollin

    29 Thg 10 2020

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Tạo một blog cho từng danh mục hoặc bộ phận trong cửa hàng WooC Commerce của bạn

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Rachel McCollin

    26 Thg 7 2019

Đưa nó đi xa hơn. Tính năng plugin

Trong hướng dẫn này, tôi đã chỉ cho bạn cách mã hóa plugin và cách bắt đầu tạo một plugin đơn giản

Khi bạn đã thành thạo việc phát triển plugin, bạn có thể xây dựng các plugin phức tạp hơn và đầy đủ tính năng hơn để thực hiện các tác vụ phức tạp hơn trên trang web của mình

Hãy xem xét một số ví dụ

Plugin tiện ích

Các plugin tiện ích liên quan đến việc làm việc với các lớp nhưng là phần giới thiệu tốt về chủ đề này. Hướng dẫn tạo plugin widget của chúng tôi sẽ giúp bạn làm điều đó

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Tạo các tiện ích của riêng bạn bằng các API WordPress khác nhau. Giới thiệu

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Bonang Salemane

    20 Thg 1 2015

Bạn cũng có thể tìm thấy nhiều tiện ích bổ sung trên CodeCanyon, điều này sẽ giúp bạn tiết kiệm được việc tự viết mã cho chúng. Trên blog của mình, chúng tôi đã xác định các plugin tiện ích con tốt nhất cho năm 2021, tiện ích con Facebook tốt nhất và tiện ích con Twitter tốt nhất

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Widget WordPress tốt nhất cho năm 2022

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Daniel Strongin

    16 Th06 2021

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Plugin mã ngắn

Tạo mã ngắn là một nơi tuyệt vời để bắt đầu tạo plugin vì chúng tương đối đơn giản và rất hữu ích. Tìm hiểu cách tạo chúng với hướng dẫn của chúng tôi về mã hóa mã ngắn trong WordPress

  • Hướng dẫn tùy chỉnh WordPress

    Bắt đầu với mã ngắn WordPress

    Hướng dẫn tùy chỉnh WordPress

    Rohan Mehta

    25 Tháng tám 2011

CodeCanyon cũng có nhiều plugin mã ngắn hữu ích mà bạn có thể sử dụng để thêm chức năng bổ sung cho trang web của mình

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Plugin truyền thông xã hội

Các plugin phương tiện truyền thông xã hội cực kỳ phổ biến vì chúng cho phép bạn hiển thị nguồn cấp dữ liệu Facebook, Twitter hoặc Instagram trên trang web của mình và cho phép khách truy cập chia sẻ nội dung của bạn thông qua các tài khoản truyền thông xã hội của riêng họ

CodeCanyon có hàng tá plugin mạng xã hội. Tìm hiểu về các plugin mạng xã hội tốt nhất và cách tạo cộng đồng trực tuyến cho trang web WordPress của bạn

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Plugin truyền thông xã hội WordPress tốt nhất năm 2019

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Daniel Strongin

    20 Th02 2019

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Tạo một cộng đồng trực tuyến cho trang web WordPress của bạn với UserPro

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Jessica Thorsby

    16 Thg 7 2019

Plugin thư viện và phương tiện

Nếu bạn muốn tối ưu hóa phương tiện trên trang web của mình và hiển thị các phòng trưng bày hoặc nguồn cấp dữ liệu video, plugin sẽ giúp mọi thứ trông chuyên nghiệp hơn. Tìm hiểu cách tìm plugin thư viện tốt nhất cho hình ảnh hoặc video và cách viết mã plugin thư viện của riêng bạn. Hoặc duyệt các plugin video và thư viện chuyên nghiệp trên CodeCanyon

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Cách tìm plugin thư viện WordPress tốt nhất cho hình ảnh hoặc video

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Frank Lucas

    31 tháng năm 2022

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Tạo Thư viện ảnh WordPress. Mã Plugin

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Rachel McCollin

    31 Thg 10 2018

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Plugin biểu mẫu

Thêm biểu mẫu vào trang web của bạn cho phép khách truy cập của bạn liên lạc và giúp xây dựng mối quan hệ. CodeCanyon có nhiều plugin dạng cao cấp giúp khách truy cập liên hệ với bạn dễ dàng. Tìm hiểu cách tạo biểu mẫu bằng plugin QuForm bán chạy nhất

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Cách tạo biểu mẫu bằng plugin Quform WordPress

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Daniel Strongin

    09 Thg 10 2019

câu hỏi thường gặp

Dưới đây là câu trả lời cho một số câu hỏi thường gặp nhất về plugin WordPress

Tại sao tôi không thể thêm mã tôi cần vào tệp chức năng chủ đề của mình?

Thật hấp dẫn khi chỉ cần tiếp tục thêm mã vào các chức năng. php và sẽ có một số mã ở đó

Nhưng nếu mã của bạn liên quan đến chức năng trong trang web của bạn, chứ không phải thiết kế hoặc đầu ra của nội dung, thì bạn nên mã hóa mã đó vào plugin. Điều này có nghĩa là nếu bạn chuyển chủ đề trong tương lai, bạn vẫn có chức năng đó. Và bạn có thể sử dụng plugin trên một trang web khác chạy một chủ đề khác

Tôi đã thêm mã vào plugin của mình. Tại sao không có gì xảy ra?

Điều này có thể là do bạn chưa nối mã của mình với một hook hành động hoặc bộ lọc. Cho đến khi bạn làm điều đó, sẽ không có gì xảy ra

Khi tôi chỉnh sửa plugin và kiểm tra trang web của mình, tôi nhận được màn hình trắng. Cứu giúp

Có thể bạn đã thêm một số mã bị lỗi ở đâu đó. PHP là một ngôn ngữ không dễ tha thứ và điều này có thể nhỏ như dấu chấm phẩy ở sai vị trí

Hãy thử bật 

3 trong wp-config của bạn. php và bạn sẽ thấy một thông báo cho biết lỗi nằm ở đâu. Sau đó, bạn có thể sửa chữa nó

  • Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Sửa lỗi White Screen of Death của WordPress

    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress
    Hướng dẫn tùy chỉnh WordPress

    Sâm B

    28 Tháng tám 2014

Khi tôi kích hoạt plugin của mình, tôi nhận được thông báo lỗi cho tôi biết có quá nhiều tiêu đề đã được xuất. Điều đó có nghĩa là gì?

Tất cả điều này thường có nghĩa là có quá nhiều dòng trống trong tệp plugin của bạn. Quay lại và kiểm tra không có dòng trống nào ở đầu tệp

Nếu cách đó không khắc phục được, hãy thử bật ________ 54

Tôi có thể tìm hiểu thêm về cách phát triển plugin ở đâu?

Chúng tôi có rất nhiều hướng dẫn và khóa học giúp bạn xây dựng tất cả các loại plugin tại đây trên Envato Tuts+. Xem nếu bạn có thể tìm thấy bất cứ điều gì truyền cảm hứng cho bạn

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Tôi có thể tải xuống plugin cho trang web của mình ở đâu?

Bạn có thể chọn từ hàng ngàn plugin miễn phí trong thư mục plugin WordPress. Bạn cũng có thể mua plugin của bên thứ ba từ CodeCanyon. Luôn mua plugin từ nhà cung cấp uy tín để bạn có thể chắc chắn rằng chúng tuân theo các tiêu chuẩn viết mã của WordPress và không chứa mã độc

Bản tóm tắt

Plugin sẽ biến trang web của bạn từ một blog đơn giản thành một trang web mạnh mẽ bao gồm các tính năng nâng cao, an toàn và mạnh mẽ. Hãy thử thêm plugin vào trang web của bạn ngay hôm nay và viết mã của riêng bạn để xem cách bạn có thể sử dụng plugin để cải thiện trang web WordPress của mình

Các Chủ đề và Plugin WordPress Tốt nhất trên Envato Market

Khám phá hàng nghìn chủ đề WordPress tốt nhất từng được tạo trên ThemeForest và các plugin WordPress hàng đầu trên CodeCanyon. Mua các chủ đề và plugin WordPress chất lượng cao này và cải thiện trải nghiệm trang web của bạn cho bạn và khách truy cập của bạn.  

Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress
Hướng dẫn tùy chỉnh WordPress

Dưới đây là một số chủ đề và plugin WordPress bán chạy nhất và sắp ra mắt có sẵn cho năm 2020

Tôi có thể tạo thiết kế của riêng mình trong WordPress không?

Việc tạo và phát triển chủ đề trong WordPress có thể rất đơn giản nếu bạn có một số kiến ​​thức về HTML, CSS và JavaScript . Mặc dù vậy, một số người mới bắt đầu cũng có thể hoàn thành nhiệm vụ này với hướng dẫn phù hợp.

Tôi có thể viết mã trang web của riêng mình trên WordPress không?

Tạo một trang web bằng WordPress thật đơn giản và dễ dàng. WordPress là hệ thống quản lý nội dung giúp bạn tạo trang web ngay cả khi bạn không biết gì về viết mã . Bạn không cần biết HTML, CSS hay JavaScript. Bạn có thể làm mọi thứ bằng đồ họa với WordPress.

Sự khác biệt giữa WordPress và trang web tùy chỉnh là gì?

Trang web được tạo tùy chỉnh thân thiện với công cụ tìm kiếm hơn trang web WordPress . Điều này có nghĩa là nó có thể xếp hạng cao hơn trong các công cụ tìm kiếm so với công cụ được tạo bằng các mẫu bằng WordPress CMS. Điều này rất quan trọng đối với bất kỳ doanh nghiệp nào muốn có được khách hàng tiềm năng và tăng chuyển đổi trên internet.