Hướng dẫn how do i add a shortcode to my wordpress header? - làm cách nào để thêm mã ngắn vào tiêu đề wordpress của tôi?

Bạn có muốn thêm mã ngắn trong WordPress nhưng không biết làm thế nào để bắt đầu?

Shortcodes 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 của bạn. Nhiều plugin WordPress và chủ đề sử dụng mã ngắn để thêm nội dung chuyên dụng 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 mã ngắn 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.

Shortcodes là gì?

Mã ngắn 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. Chúng được hiển thị bên trong các dấu ngoặc vuông như thế này:

[myshortcode]

Để hiểu rõ hơn về mã shortcodes, hãy để Lôi xem nền tảng về 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 nội dung bài đăng và 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 vào các bài đăng 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 bài đăng của bạn để 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ọ bên trong một hàm và sau đó đăng ký chức năng đó với WordPress dưới dạng mã ngắn, để người dùng có thể dễ dàng sử dụng nó mà không có bất kỳ kiến ​​thức mã hóa nào.

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

Hãy cùng 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ột mã ngắn trong các bài đăng và trang WordPress

Đầu tiên, bạn cần chỉnh sửa bài đăng và trang nơi bạn muốn thêm mã shortcode.

Sau đó, bạn cần nhấp vào nút Thêm khối để chèn một khối ShortCode.

Sau khi thêm khối shortcode, bạn chỉ cần nhập mã shortcode của mình trong cài đặt khối.

Shortcode 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 các biểu mẫu liên hệ, OptinMonster cho các biểu mẫu tiếp thị qua email, nút gọi WP để chèn nút bấm vào nút gọi, v.v.

Để tìm hiểu thêm về việc sử dụng các khối, hãy xem 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 mã ngắn hoạt động.

Thêm một mã ngắn trong các tiện ích thanh bên 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 Tiện ích xuất hiện »và thêm một khối tiện ích‘ Shortcode vào một thanh bên.Appearance » Widgets page and add a ‘Shortcode’ widget block to a sidebar.

Bây giờ bạn có thể dán mã shortcode của bạn vào khu vực văn bản của tiện ích.

Don Tiết quên nhấp vào nút ‘Cập nhật để lưu trữ cài đặt tiện ích 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 trình soạn thảo cổ điển WordPress cũ

Nếu bạn vẫn đang sử dụng trình soạn thảo 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 nơi bạn muốn thêm mã shortcode. Bạn có thể dán mã shortcode ở bất cứ đâu bên trong trình chỉnh sửa 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ó.

Don Tiết 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 ShortCode hoạt động.

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

Mã ngắn có nghĩa là được sử dụng bên trong các bài viết, trang và tiện ích 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 dễ dàng làm điều đó, 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 đã thực hiện điều này trước đây, thì hãy xem hướng dẫn của chúng tôi về cách sao chép và dán mã vào WordPress.

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

Bây giờ WordPress 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ã shortcode 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 viết và trang WordPress. Tuy nhiên, nếu bạn muốn tạo một mã ngắn tùy chỉnh, thì nó đòi hỏi một số trải nghiệm mã hóa.

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 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 một mã ngắn mới có tên ‘Lời chào và nói với 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ã shortcode này vào các 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 để một cái nhìn về cách sử dụng thực tế hơn của một mã ngắ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.

// The shortcode function
function wpb_demo_shortcode_2() { 
 
// Advertisement code pasted inside a variable
$string .= '

';
 
// Ad code returned
return $string; 
 
}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2'); 

Don Tiết 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ã shortcode [my_ad_code] bên trong các bài đăng, trang và các tiện ích thanh bên của bạn. WordPress sẽ tự động chạy chức năng được liên kết với mã shortcode và hiển thị mã quảng cáo.

Shortcodes vs khối Gutenberg

Chúng tôi thường được người dùng hỏi về sự khác biệt giữa các khối Shortcode vs Gutenberg.

Về cơ bản, các khối cho phép bạn làm điều tương tự như mã ngắn 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 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 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 đã chuyển sang sử dụng các khối 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 đã đưa ra một 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 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 học cách thêm một mã ngắn trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi trên 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, sau đó vui lòng đăng ký kênh YouTube của chúng tôi cho các hướng dẫn video WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.