ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptถาม วิธีแสดงภาพหน้าบทความ ของ wp twenty ten theme คับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ถาม วิธีแสดงภาพหน้าบทความ ของ wp twenty ten theme คับ  (อ่าน 1571 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
sacc
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 103
ออฟไลน์ ออฟไลน์

กระทู้: 1,241



ดูรายละเอียด เว็บไซต์
« เมื่อ: 22 พฤศจิกายน 2012, 13:38:47 »

อยากให้มีภาพแสดงด้านหน้าบทความแบบในเว็บด้านล่างนี้ครับ

shareview.in.th

ผมลองใช้ plugin  Auto Excerpt everywhere ดู แต่รูปมันแสดงเฉพาะหน้าแรก  แต่พอหน้าหมวดหมู่ หรือ หน้า  Archives  จะไม่แสดง

ผู้รู้ช่วยผมทีครับ  จะเป็นแนะนำ plugin หรือวิธีใส code แบบละเอียดก็ได้ครับ

ขอบคุณล่วงหน้าครับ
บันทึกการเข้า

BrainFreeze
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 498
ออฟไลน์ ออฟไลน์

กระทู้: 3,887



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 22 พฤศจิกายน 2012, 13:41:38 »

จากตัวอย่าง หน้าแรกนั้นไม่ใช่ post list นะครับ แต่เป็น page

ดูตัวอย่างของหน้า post list ครับ ไม่มี thumbnail เช่นกัน
http://www.shareview.in.th/author/naihua
บันทึกการเข้า

# จัดไป Promo Code ลด 11% : THAISEOBOARD
# hostatom.com |โฮสอะตอม - เว็บโฮสติ้งที่ Webmaster มืออาชีพไว้วางใจ
# Web Hosting | Cloud VPS | Reseller Hosting | Domain Name
# บริการ 24x7 | รับประกันความพอใจยินดีคืนเงิน | Uptime 99.9% | โทร : 0-2107-3466
sacc
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 103
ออฟไลน์ ออฟไลน์

กระทู้: 1,241



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 22 พฤศจิกายน 2012, 13:44:47 »

จากตัวอย่าง หน้าแรกนั้นไม่ใช่ post list นะครับ แต่เป็น page

ดูตัวอย่างของหน้า post list ครับ ไม่มี thumbnail เช่นกัน
http://www.shareview.in.th/author/naihua


ใช่ครับ  นั่นคือเว็บตัวอย่างครับ

ส่วนเว็บผมที่ยังสร้างไม่เสร็จ  อยากให้มีทุกหน้าครับ  หาวิธียังไม่เจอครับ
บันทึกการเข้า

BrainFreeze
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 498
ออฟไลน์ ออฟไลน์

กระทู้: 3,887



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 22 พฤศจิกายน 2012, 13:48:40 »

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/1...nails-in-the-twenty-ten-theme/
บันทึกการเข้า

# จัดไป Promo Code ลด 11% : THAISEOBOARD
# hostatom.com |โฮสอะตอม - เว็บโฮสติ้งที่ Webmaster มืออาชีพไว้วางใจ
# Web Hosting | Cloud VPS | Reseller Hosting | Domain Name
# บริการ 24x7 | รับประกันความพอใจยินดีคืนเงิน | Uptime 99.9% | โทร : 0-2107-3466
DragonB
ก๊วนเสียว
*

พลังน้ำใจ: 22
ออฟไลน์ ออฟไลน์

กระทู้: 273



ดูรายละเอียด
« ตอบ #4 เมื่อ: 22 พฤศจิกายน 2012, 13:53:03 »

คล้ายๆเว็บผมเลย วิธีของผมคือเขียน function ตรวจจับรูปภาพขึ้นมาใหม่ รูปไหนที่เป็นรูปแรกจะนำมาย่อให้เป็นตามขนาดที่ต้องการ แล้วจัดขึ้นใน post ครับ
แต่อาจจะใช้วิธี featured image ของ WP ก็ได้ครับ มันเป็น function ที่มีมาให้อยู่แล้ว เราสามารถดึงมาใช้ได้เลย โดยรายละเอียดตัวฟังก์ชั่นอยู่ในลิ้งด้านล่างครับ
http://codex.wordpress.org/Post_Thumbnails

จากนั้นท่านก็ใช้ the_excerpt ในการดึงข้อความของบทความมาแสดงข้างๆภาพครับ มันก็จะได้เหมือนในเว็บตัวอย่างครับ
บันทึกการเข้า
ekateikate
ก๊วนเสียว
*

พลังน้ำใจ: 85
ออฟไลน์ ออฟไลน์

กระทู้: 480



ดูรายละเอียด
« ตอบ #5 เมื่อ: 22 พฤศจิกายน 2012, 13:55:00 »

ใน post ตรง feature image อะ...
บันทึกการเข้า

sacc
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 103
ออฟไลน์ ออฟไลน์

กระทู้: 1,241



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 22 พฤศจิกายน 2012, 14:01:31 »

ใน post ตรง feature image อะ...
ก็ใสทุกโพสแหละครับแต่มันไม่ขึ้น

เด๋วจะลองจากท่านด้านบนดูก่อนครับ

ผมเคยลองทำตามเว็บฝรั่งดู ก็แสดงครับ  แต่มันแสดงไม่เท่ากัน  มันดูไม่สวย
บันทึกการเข้า

NaiHua
ก๊วนเสียว
*

พลังน้ำใจ: 12
ออฟไลน์ ออฟไลน์

กระทู้: 251



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 22 พฤศจิกายน 2012, 14:54:04 »

ได้ผลอย่างไร รบกวนบอกกันบ้างนะครับ อยากทำได้บ้าง  wanwan017
บันทึกการเข้า

sacc
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 103
ออฟไลน์ ออฟไลน์

กระทู้: 1,241



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 22 พฤศจิกายน 2012, 15:13:18 »

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/1...nails-in-the-twenty-ten-theme/


+1 ให้แล้วครับ

ทำได้แล้วครับตามวิธีนี้  แต่ติดปัญหาคือหาที่ปรับขนาดรูปไม่เจอครับ 

มัน fix มา 150 x 150 px
บันทึกการเข้า

DragonB
ก๊วนเสียว
*

พลังน้ำใจ: 22
ออฟไลน์ ออฟไลน์

กระทู้: 273



ดูรายละเอียด
« ตอบ #9 เมื่อ: 22 พฤศจิกายน 2012, 17:20:54 »

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/1...nails-in-the-twenty-ten-theme/


+1 ให้แล้วครับ

ทำได้แล้วครับตามวิธีนี้  แต่ติดปัญหาคือหาที่ปรับขนาดรูปไม่เจอครับ 

มัน fix มา 150 x 150 px


แก้ตรง <?php the_post_thumbnail( 'thumbnail' ); ?> ให้ด้านในเป็น the_post_thumbnail( array(100,100) ) นะครับ 100,100 คือ กว้าง 100px ยาว 100px ครับ แก้ขนาดได้ตามต้องการเลยครับ
บันทึกการเข้า
sacc
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 103
ออฟไลน์ ออฟไลน์

กระทู้: 1,241



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 22 พฤศจิกายน 2012, 18:31:36 »

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/1...nails-in-the-twenty-ten-theme/


+1 ให้แล้วครับ

ทำได้แล้วครับตามวิธีนี้  แต่ติดปัญหาคือหาที่ปรับขนาดรูปไม่เจอครับ 

มัน fix มา 150 x 150 px


แก้ตรง <?php the_post_thumbnail( 'thumbnail' ); ?> ให้ด้านในเป็น the_post_thumbnail( array(100,100) ) นะครับ 100,100 คือ กว้าง 100px ยาว 100px ครับ แก้ขนาดได้ตามต้องการเลยครับ


มีวิธีอื่นไหมครับ


วิธีนี้ใส่เข้าไปแล้ว  ข้อความตกลงมาอยู่ด้านล่างของรูปภาพครับ 
บันทึกการเข้า

adjobb
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 320
ออฟไลน์ ออฟไลน์

กระทู้: 2,874



ดูรายละเอียด
« ตอบ #11 เมื่อ: 22 พฤศจิกายน 2012, 18:41:15 »

กำหนดความกว้าง กับ สูงให้พอดีครับไม่งั้นมันจะตกลองไล่ ลดไปทีละ 10 10


มีวิธีอื่นไหมครับ


วิธีนี้ใส่เข้าไปแล้ว  ข้อความตกลงมาอยู่ด้านล่างของรูปภาพครับ 
บันทึกการเข้า
DragonB
ก๊วนเสียว
*

พลังน้ำใจ: 22
ออฟไลน์ ออฟไลน์

กระทู้: 273



ดูรายละเอียด
« ตอบ #12 เมื่อ: 22 พฤศจิกายน 2012, 20:57:39 »

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/1...nails-in-the-twenty-ten-theme/


+1 ให้แล้วครับ

ทำได้แล้วครับตามวิธีนี้  แต่ติดปัญหาคือหาที่ปรับขนาดรูปไม่เจอครับ 

มัน fix มา 150 x 150 px


แก้ตรง <?php the_post_thumbnail( 'thumbnail' ); ?> ให้ด้านในเป็น the_post_thumbnail( array(100,100) ) นะครับ 100,100 คือ กว้าง 100px ยาว 100px ครับ แก้ขนาดได้ตามต้องการเลยครับ


มีวิธีอื่นไหมครับ


วิธีนี้ใส่เข้าไปแล้ว  ข้อความตกลงมาอยู่ด้านล่างของรูปภาพครับ 

ถ้า block model ที่คุมรูปกับข้อความมันขนาดเท่าเดิม แล้วเราขยายภาพ ข้อความจะขยับลงไปด้านล่างเองอัตโนมัติครับ เพราะว่ากรอบยังเท่าเดิม แต่ข้อมูลใหญ่ขึ้น เหมือนกับน้ำที่ล้นโอ่งอ่ะครับ วิธีแก้คือกำหนด CSS ของตัว block model ให้กว้างพอที่จะรองรับข้อมูลด้านในได้พอดีครับ
บันทึกการเข้า
sacc
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 103
ออฟไลน์ ออฟไลน์

กระทู้: 1,241



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 22 พฤศจิกายน 2012, 21:03:29 »

ปกติที่มัน fix ไว้ 150x150  ก็ไม่ตกนะครับ  แต่พอแก้โค้ดตามที่ท่านแนะนำ  100x100 กลับตกลงไปด้านใต้รูปครับ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์