Plugin สำหรับดึงข่าวจาก categories แสดงผลในรูปแบบการ์ด

ผู้ดูแลระบบ
20 Nov 2025 16:09
59 ครั้ง
หมวดหมู่: Plugin Wordpress แท็ก: wp plugin wordpress

ดึงข่าวจาก categories ที่กำหนด (cat=2, cat=5, cat=3) แสดงผลรวมกันในรูปแบบการ์ด

# STR News Plugin

WordPress Plugin สำหรับดึงข่าวจาก categories ที่กำหนดและแสดงผลในรูปแบบการ์ด

## คุณสมบัติ

- ✅ ดึงข่าวจาก categories ที่กำหนด (cat=2, cat=5, cat=3)
- ✅ แสดงผลรวมกันในรูปแบบการ์ด
- ✅ แถวละ 5 รายการ (ปรับได้)
- ✅ รูปภาพประกอบพร้อมชื่อเรื่อง
- ✅ Responsive Design
- ✅ ฟอนต์ Kanit สำหรับภาษาไทย
- ✅ Admin Panel สำหรับตั้งค่า

## การติดตั้ง

1. อัปโหลดโฟลเดอร์ `str-news` ไปยัง `/wp-content/plugins/`
2. เปิดใช้งาน Plugin ใน WordPress Admin
3. ไปที่เมนู "STR News" เพื่อตั้งค่า

## การใช้งาน

### Shortcode
```
[str_news]
```

### การตั้งค่า

1. **หัวเรื่อง**: ตั้งชื่อหัวเรื่องของส่วนข่าวสาร
2. **จำนวนข่าวต่อแถว**: กำหนดจำนวนข่าวที่แสดงในแต่ละแถว (1-10)
3. **จำนวนข่าวทั้งหมด**: กำหนดจำนวนข่าวทั้งหมดที่ต้องการแสดง (1-50)
4. **Categories**: เลือก categories ที่ต้องการดึงข่าวมาแสดง

## โครงสร้างไฟล์

```
str-news/
├── str-news.php (ไฟล์หลัก)
├── assets/
│   ├── css/
│   │   └── style.css (CSS styling)
│   ├── js/
│   │   └── script.js (JavaScript)
│   └── images/
│       └── default-thumbnail.jpg (รูปภาพ default)
└── README.md (ไฟล์นี้)
```

## การปรับแต่ง

### CSS Customization
คุณสามารถปรับแต่ง CSS ได้โดยเพิ่ม CSS ในธีมของคุณ:

```css
/* เปลี่ยนสีหัวเรื่อง */
.str-news-title {
    color: #your-color;
}

/* เปลี่ยนสีการ์ด */
.str-news-item {
    background-color: #your-color;
}
```

### JavaScript Customization
คุณสามารถเพิ่ม JavaScript ในธีมของคุณเพื่อปรับแต่งพฤติกรรม:

```javascript
// เพิ่ม event listener สำหรับการคลิกข่าว
jQuery('.str-news-item').on('click', function() {
    // Your custom code here
});
```

## การแก้ไขปัญหา

### ไม่แสดงข่าว
- ตรวจสอบว่า categories ที่เลือกมีโพสต์อยู่
- ตรวจสอบว่าโพสต์มีสถานะ "Published"

### รูปภาพไม่แสดง
- ตรวจสอบว่าโพสต์มี Featured Image
- ตรวจสอบไฟล์ `default-thumbnail.jpg` ในโฟลเดอร์ `assets/images/`

### Layout ไม่ถูกต้อง
- ตรวจสอบว่า CSS และ JavaScript โหลดถูกต้อง
- ตรวจสอบการตั้งค่า "จำนวนข่าวต่อแถว"

## เวอร์ชัน

- **Version**: 1.0.0
- **Author**: Sitthichai Tipsing
- **Requires**: WordPress 5.0+
- **Tested**: WordPress 6.0+

## การสนับสนุน

หากมีปัญหาหรือต้องการความช่วยเหลือ กรุณาติดต่อ:
- Website: http://www.krujant.com

## License

GPL v2 or later 

Download : http://www.krujant.com/wp/plugin/str-news.7z