Đú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
- Azdigi: Giá rẻ thì dùng gói Pro Gold Hosting còn chất lượng hơn thì em khuyên dùng Business Hosting. Có điều kiện thì lên VPS nhé
- Tino hosting
- iNet
- Nước ngoài thì Vultr
Để 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:
- Bình luận