Làm thế nào để thêm một mã ngắn trong WordPress? (Hướng dẫn cho người mới bắt đầu)

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

Other :

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ệ, thư viện hình ảnh, thanh trượt, v.v.

Trong bài viết này, chúng tôi sẽ hướng dẫn 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.

Adding a shortcode in WordPress

Mã ngắn là gì?

Các phím tắt trong WordPress là các phím tắt mã giúp bạn thêm nội dung động vào 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:

[myshortcode]

Để hiểu rõ hơn về các mã ngắn, chúng ta hãy xem cơ sở lý do tại sao chúng được thêm vào ngay từ đầu.

WordPress lọc tất cả nội dung để đảm bảo rằng không ai sử dụng các 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 viết của mình, nhưng bạn không thể viết mã PHP.

Nhưng điều gì sẽ xảy ra nếu bạn muốn chạy một số mã tùy chỉnh bên trong các 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.?

Đây là nơi API Shortcode xuất hiện.

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 phải có bất kỳ kiến thức mã hóa nào.

Khi WordPress tìm thấy mã ngắn, nó sẽ tự động chạy mã được liên kết với nó.

Hãy xem cách dễ dàng thêm mã ngắn vào các bài đăng và trang WordPress của bạn.

Thêm mã ngắn trong bài đăng và trang WordPress

Đầu 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.

Adding shortcode block in WordPress

Sau khi thêm khối mã ngắn, bạn có thể chỉ cần nhập mã ngắn của mình vào cài đặt khối. Mã ngắn sẽ được cung cấp bởi các plugin WordPress khác nhau mà bạn có thể đang sử dụng như WPForms cho biểu mẫu liên hệ, OptinMonster cho biểu mẫu tiếp thị qua email, nút Gọi WP để chèn nút nhấp để gọi, v.v.

Insert shortcode in the block editor

Để tìm hiểu thêm về cách sử dụng khối, hãy xem hướng dẫn Gutenberg của chúng tôi để biết thêm chi tiết.

Giờ đây, 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 mình để xem mã ngắn đang hoạt động.

Thêm một shortcode trong WordPress Sidebar Widgets

Bạn cũng có thể sử dụng mã ngắn trong các widget thanh bên của WordPress. Chỉ cần truy cập trang Giao diện »Tiện ích và thêm tiện ích ‘Văn bản’ vào 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.

Adding shortcode in sidebar widget

Đừng quên nhấp vào nút ‘Lưu’ để lưu cài đặt tiện ích con của bạn.

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 shortcode trong tiện ích thanh bên.

Thêm một mã ngắn trong WordPress Classic Editor cũ

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 các bài đăng và trang WordPress của mình.

Chỉ cần chỉnh sửa bài đăng và trang mà bạn muốn thêm mã ngắn. Bạn có thể dán mã ngắn ở bất kỳ đâu bên trong trình soạn thảo nội dung nơi bạn muốn nó được hiển thị. Chỉ cần đảm bảo rằng mã ngắn nằm trong dòng riêng của nó.

Shortcode classic editor

Đừng quên lưu các thay đổi của bạn. Sau đó, bạn có thể xem trước bài đăng và trang của mình để xem mã ngắn đang hoạt động.

Cách thêm mã ngắn trong tệp chủ đề WordPress

Mã ngắn được sử dụng trong các bài đăng, trang và tiện ích con WordPress. Tuy nhiên, đôi khi bạn có thể muốn sử dụng mã ngắn bên trong tệp chủ đề WordPress.

WordPress giúp bạn làm điều đó dễ dàng, nhưng bạn sẽ cần chỉnh sửa các tệp chủ đề WordPress của mình. Nếu bạn chưa làm điều này trước đây, hãy xem hướng dẫn của chúng tôi về cách sao chép và dán mã trong WordPress.

Về cơ bản, bạn có thể thêm mã ngắn vào bất kỳ mẫu chủ đề WordPress nào bằng cách thêm mã sau.

<?php echo do_shortcode("[your_shortcode]"); ?>

WordPress bây giờ sẽ tìm kiếm mã ngắn 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ó yêu cầu một số kinh nghiệm viết mã.

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

// function that runs when shortcode is called
function wpb_demo_shortcode() { 

// Things that you want to do. 
$message = 'Hello world!'; 

// Output needs to be return
return $message;
} 
// register shortcode
add_shortcode('greeting', 'wpb_demo_shortcode'); 

Trong đoạn mã này, đầu tiên chúng ta tạo một hàm chạy một số đoạn mã và trả về kết quả đầu ra. Sau đó, chúng tôi đã tạo một mã ngắn mới có tên là ‘lời chào’ và yêu cầu WordPress chạy chức năng mà chúng tôi đã tạo.

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

[Lời chào]

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

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


// The shortcode function
function wpb_demo_shortcode_2() { 

// Advertisement code pasted inside a variable
$string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-0123456789101112"
     data-ad-slot="9876543210"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>';

// Ad code returned
return $string; 

}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2'); 

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

Giờ đây, bạn có thể sử dụng shortcode [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 kết với shortcode và hiển thị mã quảng cáo.

Shortcodes so với Gutenberg Blocks

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

Về cơ bản, nếu bạn thấy mã ngắn hữu ích, thì bạn sẽ thích các khối trình 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 với người dùng.

Thay vì yêu cầu người dùng thêm shortcode để 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 các 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 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ổng hợp danh sách các plugin khối Gutenberg hữu ích nhất cho WordPress mà bạn có thể muốn thử.

Nếu bạn muốn tạo 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 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 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 trình tạo trang WordPress kéo và thả tốt nhất và cách tạo 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, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.

Free Download Làm thế nào để thêm một mã ngắn trong WordPress? (Hướng dẫn cho người mới bắt đầu) :

Trong khi chờ đợi, vui lòng nhấn vao quảng cáo phía trên để tác giả có phí duy trì website , xin cám ơn ^^^

In the meantime, please click on the ad so that the author has a website maintenance fee, very very very thank you ^^^ !!!!

Download Instructions

Join our official telegram group and channel for latest updates.

Để lại một bình luận

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

© 2021 All Rights Reserved | Shared by Tainguyenwordpress