Chèn file PDF dưới dạng iFrame cho wordpress

Cập nhật lần cuối 07/08/2018 by trong WordPress vào 13/10/2013 có 2855 Views

Đúng như tiêu đề đã nói nên tất cả. hôm nay chúng ta sẽ làm một shortcode để có thể chèn pdf vào bài viết dưới dạng iframe thuận tiện hơn trong việc nhìn tổng quát và dễ dàng cho bạn nào muốn đọc online mà không cần down về.

Thôi nói ít thôi nhở. Chúng ta cùng viết nhé.

Để duy trì blog nên mình có làm aff cho 1 số bên hosting. Nhưng dù aff mình cũng chọn 1 số nhà cung cấp uy tín về chất lượng và support nên các bạn cứ yên tâm nhé.

Nếu có mua hosting mà có trong list dưới đây các bạn click vào link trước khi mua để ủng hộ mình nhé. Mình cảm ơn nhiều

Để làm được như vậy trước tiên bạn cần thêm đoạn code này vào file functions.php

//Embed PDF
function svl_viewpdf($attr, $url) {
 return '<iframe src="https://docs.google.com/viewer?url=' . $url . '&embedded=true" style="width:' .$attr['width']. '; height:' .$attr['height']. ';" frameborder="0">Your browser should support iFrame to view this PDF document</iframe>';
}
add_shortcode('viewpdf', 'svl_viewpdf');

Sau đó bạn thêm đoạn này vào trong bài viết để hiển thị.

[ viewpdf width="640px" height="600px" ]https://dl.dropbox.com/u/49902693/wordpress/Public%20Plugins/Wordpress-Cheat-Sheet.pdf[/viewpdf]

Trong đó: Bạn có thể thay đổi chiều cao vào độ rộng của pdf nhé

Chúc bạn thành công!
Demo cho ví dụ trên:

5/5 - (2 votes)
  • Bình luận
Sản phẩm nổi bật của Toản
x