กรอบภาพย่อ
คุณสามารถแสดงภาพในลักษณะเค้าโครงที่แตกต่างกันด้วย กรอบรูปภาพปอร์โต shortcodes.
ค่าเริ่มต้น
โดยค่าเริ่มต้น, Bootstrap’s thumbnails are designed to showcase linked images with minimal required markup.
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg)
วางรูปแบบ
The thumbnail details can be displayed in different styles.
<r />
h5 class="vc_custom_heading text-semibold text-uppercase align-left">Push Horizontally
h5>
พร้อมคำบรรยาย
ซ่อนข้อมูลโฮเวอร์
ภาพด้านซ้าย
ภาพด้านขวา
ไม่มีเส้นขอบ
เส้นตาราง
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-2.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-3.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-4.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-5.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-6.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-2.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-2.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-3.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-5.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-6.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-2.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-1.png)
![](http://sw-themes.com/porto_dummy/wp-content/uploads/images/logo-6.png)