Cách nhúng (embed) Gist vào các bài đăng trên WordPress

Gist là một trong những dịch vụ của GitHub cho phép bạn chia sẻ các dòng code hay file code, ghi chú trên internet một cách dễ dàng. Nếu bạn muốn sử dụng Gist để chia sẻ code hay note trên trang web WordPress của mình, đây là cách bạn có thể dễ dàng nhúng Gist vào các bài đăng trên blog của mình.

Đầu tiên, các bạn cần phải chèn đoạn code sau đây vào file functions.php của theme bạn đang sử dụng. Các bạn cũng có thể chèn nó thông qua plugin Code Snippets để tránh code bị xóa mất lúc nâng cấp theme.

Những bài viếttương tự

[Magento 2.x] Cách bật và tìm link RSS Feed URL

1.6k

[Khóa học miễn phí] Khóa học WordPress nâng cao

1.7k

Hướng dẫn cách tạo thanh toán PayPal bằng VNĐ trên WooCommerce

3k

[WordPress] Cấu hình mặc định WordPress gửi từ 1 email

2.4k

<?php
/**
 * 
 * Example: https://gist.github.com/tongdaitructuyen/6fd6c189f0e8a36d52a676daddd2cd0b
 * Usage:
 * [gist]6fd6c189f0e8a36d52a676daddd2cd0b[/gist]
 * [gist id="6fd6c189f0e8a36d52a676daddd2cd0b" /]
 *
 * If a gist has multiple files you can select one  
 * [gist id="6fd6c189f0e8a36d52a676daddd2cd0b" file="file-name" /]
 */

function idma_mycomputer_add_gist_github_shortcode( $atts, $content = NULL ) {
   extract( shortcode_atts( array(
			'id' => '',
			'file' => '',
		), $atts ) );
   if (function_exists( 'is_amp_endpoint' ) && is_amp_endpoint()) {
		return sprintf('<amp-gist data-gistid="%s" %s layout="fixed-height" height="250"></amp-gist>', 
			$id ? $id : trim(esc_attr($content)), 
			$file ? 'data-file="' . esc_attr( $file ) . '"' : ''
		);
	} else {
   		return sprintf('<script src="https://gist.github.com/%s.js%s"></script>', 
   			$id ? $id : trim(esc_attr($content)) , 
   			$file ? '?file=' . esc_attr( $file ) : '' 
   		);
   }
}
add_shortcode('gist', 'idma_mycomputer_add_gist_github_shortcode');

?>

Sau đó mà sử dụng cấu trúc shortcode của Gist như sau: (lưu ý sử dụng 1 trong 03 dòng thôi, và quan trọng cái nào bạn quen thì dùng cái đó)

[gist]Gist-snippet-ID[/gist] 
[gist id=“Gist-snippet-ID” file=“Gist-file-name” /]
[gist id=“Gist-snippet-ID” /]

Chúc các bạn thành công