Prismatic - Plugin hiển thị <code> cực đẹp cho trang WordPress

Nếu bạn muốn hiển thị các loại code trong bài viết WordPress siêu đẹp, thì Prismatic là một lựa chọn tuyệt vời.

Prismatic – Plugin hiển thị <code> cực đẹp cho trang WordPress

Rất lâu về trước mình có giới thiệu một số plugin hiển thị <code> trong bài viết, nhưng các plugin đó đã lâu không được cập nhật nên đã lỗi thời. Plugin Prismatic mới tuy ít người biết nhưng chất lượng thì rất tốt.

Tải về

Cấu hình

Bạn có thể tham khảo cấu hình của mình nhé, chính là mẫu đang được sử dụng trên web. Ở mục đầu tiên, các bạn chọn Prism.js và đánh dấu vào Disable the Prismatic block stylesheet on the frontend.

Sau đó chuyển qua tab Prism.js, chọn giao diện Okaidia và đánh dấu vào Limit to Posts and Pages.

Sau đó bấm Lưu thay đổi.

Sử dụng

Ở trình soạn thảo sẽ xuất hiện nút chèn mã, các bạn bấm vào, chọn ngôn ngữ và chèn mã vào nhé.

Ta được kết quả.

<script type="text/javascript">
	$(document).ready(function() {
		$('#search-404-btn').click(function() {
			if (screen && screen.width >= 768) {
		    	$('input.search-control').focus();
		    } else {
		    	$('.navbar-toggle').click();
		        $('input.search-control').focus();
		    }
		});
	});
</script>

Tham khảo thêm bài viết này nếu bạn muốn tùy chỉnh thanh kéo nhé.