18 September 2019 | 7:00 pm

Mã ngắn là một cách dễ dàng để thêm nội dung động vào bài đăng, trang và thanh bên WordPress của bạn.

Nhiều plugin và chủ đề WordPress sử dụng mã ngắn để thêm nội dung chuyên biệt như biểu mẫu liên hệ, phòng trưng bày hình ảnh, thanh trượt, v.v.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm một shortcode trong WordPress. Chúng tôi cũng sẽ chỉ cho bạn cách tạo mã ngắn tùy chỉnh của riêng bạn trong WordPress.

 Thêm một mã ngắn trong WordPress "width =" 550 "height =" 340 "class =" alignnone size-full wp-image-67455 "/> </p>
<h4> Mã ngắn là gì? </h4>
<p> Mã ngắn trong WordPress là các phím tắt mã giúp bạn thêm nội dung động trong các bài đăng, trang và tiện ích thanh bên của WordPress. Chúng được hiển thị bên trong dấu ngoặc vuông như thế này: </p>
<p> [myshortcode] </p>
<p> Để hiểu rõ hơn về mã ngắn, chúng ta hãy xem xét lý do tại sao chúng được thêm vào ngay từ đầu. </p>
<p> WordPress lọc tất cả nội dung để đảm bảo rằng không ai sử dụng bài đăng và nội dung trang để chèn mã độc vào cơ sở dữ liệu. Điều này có nghĩa là bạn có thể viết HTML cơ bản trong các bài đăng của mình, nhưng bạn không thể viết mã PHP. </p>
<p> Nhưng nếu bạn muốn chạy một số mã tùy chỉnh bên trong bài đăng của mình để hiển thị các bài đăng liên quan, quảng cáo biểu ngữ, biểu mẫu liên hệ, phòng trưng bày, v.v.? </p>
<p> Đây là nơi API Shortcode xuất hiện. </p>
<p> Về cơ bản, nó cho phép các nhà phát triển thêm mã của họ vào bên trong một chức năng và sau đó đăng ký chức năng đó với WordPress dưới dạng shortcode, vì vậy người dùng có thể dễ dàng sử dụng nó mà không cần có kiến ​​thức về mã hóa. </p>
<p> Khi WordPress tìm thấy shortcode, nó sẽ tự động chạy mã được liên kết với nó. </p>
<p> Hãy để từ từ xem cách dễ dàng thêm mã ngắn trong các bài đăng và trang WordPress của bạn. </p>
<h4> Thêm một mã ngắn trong bài viết và trang WordPress </h4>
<p> Trước tiên, bạn cần chỉnh sửa bài đăng và trang mà bạn muốn thêm shortcode. Sau đó, bạn cần nhấp vào nút thêm khối để chèn khối mã ngắn. </p>
<p> <img title= hướng dẫn Gutenberg của chúng tôi để biết thêm chi tiết.

Bây giờ bạn có thể lưu bài đăng hoặc trang của mình và xem trước các thay đổi của bạn để xem shortcode hoạt động.

Thêm một mã ngắn trong các tiện ích thanh bên của WordPress

Bạn cũng có thể sử dụng mã ngắn trong các tiện ích thanh bên WordPress. Chỉ cần truy cập trang Giao diện »Widgets và thêm tiện ích‘ Văn bản vào một thanh bên.

Bây giờ bạn có thể dán mã ngắn của mình bên trong vùng văn bản của tiện ích.

 Thêm shortcode trong tiện ích thanh bên "width =" 550 "height =" 330 "class =" alignnone size-full wp-image-67450 "/> </p>
<p> Donv quên bấm vào nút ‘Lưu trên nút để lưu các cài đặt widget của bạn. </p>
<p> Sau đó, bạn có thể truy cập trang web WordPress của mình để xem bản xem trước trực tiếp của mã ngắn trong tiện ích thanh bên. </p>
<h4> Thêm một Shortcode trong Trình chỉnh sửa WordPress cổ điển cũ </h4>
<p> Nếu bạn vẫn đang sử dụng trình chỉnh sửa cổ điển cũ trong WordPress, thì đây là cách bạn có thể thêm mã ngắn vào bài đăng và trang WordPress của mình. </p>
<p> Chỉ cần chỉnh sửa bài đăng và trang nơi bạn muốn thêm mã ngắn. Bạn có thể dán shortcode ở bất cứ đâu trong trình chỉnh sửa nội dung mà bạn muốn nó được hiển thị. Chỉ cần đảm bảo rằng shortcode nằm trong dòng riêng của nó. </p>
<p> <img title=

WordPress bây giờ sẽ tìm kiếm shortcode và hiển thị đầu ra của nó trong mẫu chủ đề của bạn.

Cách tạo mã ngắn tùy chỉnh của riêng bạn trong WordPress

Mã ngắn có thể thực sự hữu ích khi bạn muốn thêm nội dung động hoặc mã tùy chỉnh bên trong bài đăng và trang WordPress. Tuy nhiên, nếu bạn muốn tạo một shortcode tùy chỉnh, thì nó đòi hỏi một số kinh nghiệm mã hóa.

Nếu bạn cảm thấy thoải mái khi viết mã PHP, thì đây là một mã mẫu mà bạn có thể sử dụng làm mẫu.

// hàm chạy khi shortcode được gọi
hàm wpb_demo_shortcode () {

// Những điều bạn muốn làm.
$ message = 'Xin chào thế giới!';

// Đầu ra cần phải được trả lại
trả lại tin nhắn $;
}
// đăng ký shortcode
add_shortcode ('chúc mừng', 'wpb_demo_shortcode');

Trong mã này, trước tiên chúng tôi tạo một hàm chạy một số mã và trả về đầu ra. Sau đó, chúng tôi đã tạo ra một mã ngắn mới có tên ‘chúc mừng và bảo WordPress chạy chức năng mà chúng tôi đã tạo.

Bây giờ bạn có thể sử dụng thêm mã ngắn này vào bài đăng, trang và tiện ích của mình bằng mã sau:

[greeting]

Nó sẽ chạy chức năng bạn đã tạo và hiển thị đầu ra mong muốn.

Bây giờ, hãy để Hãy xem một cách sử dụng mã ngắn thực tế hơn. Trong ví dụ này, chúng tôi sẽ hiển thị biểu ngữ Google AdSense bên trong một mã ngắn.


// Hàm shortcode
hàm wpb_demo_shortcode_2 () {

// Mã quảng cáo được dán bên trong một biến
$ chuỗi. = '

';

// Trả lại mã quảng cáo
trả về chuỗi $;

}
// Đăng ký shortcode
add_shortcode ('my_ad_code', 'wpb_demo_shortcode_2');

Don Tuyến quên thay thế mã quảng cáo bằng mã quảng cáo của riêng bạn.

Bây giờ bạn có thể sử dụng mã ngắn [my_ad_code] bên trong các bài đăng, trang và tiện ích thanh bên WordPress của mình. WordPress sẽ tự động chạy chức năng liên quan đến shortcode và hiển thị mã quảng cáo.

Shortcodes vs Gutenberg Blocks

Chúng tôi thường hỏi người dùng về sự khác biệt giữa shortcode so với các khối Gutenberg mới.

Về cơ bản nếu bạn thấy shortcodes hữu ích, thì bạn sẽ yêu thích các khối soạn thảo WordPress. Các khối cho phép bạn làm điều tương tự nhưng theo cách thân thiện hơn.

Thay vì yêu cầu người dùng thêm mã ngắn để hiển thị nội dung động, các khối cho phép người dùng thêm nội dung động bên trong bài đăng / trang với giao diện người dùng trực quan hơn. Rất nhiều plugin WordPress phổ biến đang chuyển sang sử dụng các khối Gutenberg thay vì mã ngắn vì chúng thân thiện với người mới bắt đầu hơn.

Chúng tôi đã tập hợp một danh sách các plugin chặn Gutenberg hữu ích nhất cho WordPress mà bạn có thể muốn thử.

Nếu bạn muốn tạo các khối Gutenberg tùy chỉnh của riêng mình, bạn có thể làm theo hướng dẫn từng bước của chúng tôi về cách tạo các khối Gutenberg tùy chỉnh trong WordPress.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm một shortcode trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về các plugin xây dựng trang WordPress kéo và thả tốt nhất và cách tạo một chủ đề WordPress tùy chỉnh mà không cần viết bất kỳ mã nào.

Nếu bạn thích bài viết này, thì vui lòng đăng ký Kênh YouTube của chúng tôi để xem video hướng dẫn. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.

Bài đăng Làm thế nào để thêm một mã ngắn trong WordPress? (Hướng dẫn dành cho người mới bắt đầu) xuất hiện đầu tiên trên WPBeginner.

Xem tiếp…