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

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

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptwordpress thumb ดึงรูปแรกมาแสดง
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: wordpress thumb ดึงรูปแรกมาแสดง  (อ่าน 4672 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
deksamrong
Verified Seller
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,708



ดูรายละเอียด เว็บไซต์
« เมื่อ: 24 พฤษภาคม 2011, 23:20:00 »

รวบๆ เอานะครับ จากกระทู้นี้
http://www.thaiseoboard.com/in....msg2701785/topicseen.html#new

 ใน Theme จะมี functions.php  ให้ก๊อปโค๊ดข้างล่าง
โค๊ด:
function get_post_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){
  $img_dir = get_bloginfo('template_directory');
    $first_img = $img_dir . '/images/thumb.gif';
  }
  return $first_img;
}

/images/thumb.gif   ไฟล์รูปที่อยากให้แสดงเวลาที่โพสนั้นๆ ไม่มีรูป

เสร็จแล้วอย่าลืมกด save นะครับ wanwan004


โค๊ดเรียกรูปมาโชว์

โค๊ด:
<img src="<?php echo get_post_image(); ?>" alt="<?php the_title(); ?>" width="130" height="130" />

130 คือ กำหนดความกว้างและความสูงของรูปนะครับ ลองไปประยุกต์ดูครับ

ติดตรงไหนสอบถามได้นะครับ เอาแค่พื้นฐานก่อนครับ เรื่องมันยาว wanwan002

บันทึกการเข้า

senseword
สมุนแก๊งเสียว
*

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

กระทู้: 560



ดูรายละเอียด
« ตอบ #1 เมื่อ: 24 พฤษภาคม 2011, 23:23:47 »

ขอบคุณครับเดี๋ยวงมก่อนครับ
 wanwan017
บันทึกการเข้า
senseword
สมุนแก๊งเสียว
*

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

กระทู้: 560



ดูรายละเอียด
« ตอบ #2 เมื่อ: 24 พฤษภาคม 2011, 23:29:52 »

อ้อผมทำ customfill ไว้เป็นช่องให้กรอก url ของภาพสินค้า amazon เลยครับโดย link ที่จะเอามากรอกก็ประมาณนี้ครับ คือว่าต้องเขียนโค๊ดต่อยังไงครับให้มันรับค่าไ้ด้ครับ

โค๊ด:
http://ecx.images-amazon.com/images/I/411QqIAb2vL._SL135_.jpg

บันทึกการเข้า
legendaross
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,002



ดูรายละเอียด
« ตอบ #3 เมื่อ: 24 พฤษภาคม 2011, 23:55:01 »

แจ่มเลยครับ เอาไปเทสก่อนล่ะครับผม
 wanwan017 ขอบคุณครับ
บันทึกการเข้า

kamjam
Verified Seller
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,278



ดูรายละเอียด
« ตอบ #4 เมื่อ: 25 พฤษภาคม 2011, 01:20:47 »

ปลั๊กอิน แบบ ดึงรูปที่โพสรูปแรกมาทำเป็น Thumbnail ให้  มีหรือป่าวครับ

พอดีขี้เกียจเพิ่มใน costomfield อ่ะครับ




บันทึกการเข้า

deksamrong
Verified Seller
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,708



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 25 พฤษภาคม 2011, 10:53:15 »

ปลั๊กอิน แบบ ดึงรูปที่โพสรูปแรกมาทำเป็น Thumbnail ให้  มีหรือป่าวครับ

พอดีขี้เกียจเพิ่มใน costomfield อ่ะครับ








โค๊ด:
http://wordpress.org/extend/plugins/auto-post-thumbnail/

น่าจะใช้ได้ครับ
บันทึกการเข้า

deksamrong
Verified Seller
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,708



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 25 พฤษภาคม 2011, 11:33:26 »

อ้อผมทำ customfill ไว้เป็นช่องให้กรอก url ของภาพสินค้า amazon เลยครับโดย link ที่จะเอามากรอกก็ประมาณนี้ครับ คือว่าต้องเขียนโค๊ดต่อยังไงครับให้มันรับค่าไ้ด้ครับ

โค๊ด:
http://ecx.images-amazon.com/images/I/411QqIAb2vL._SL135_.jpg





ของผมไม่เกี่ยวกับ costomfield  ครับ
บันทึกการเข้า

pongpatkku2
Verified Seller
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,257



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 25 พฤษภาคม 2011, 12:44:07 »

เยี่ยมเลยครับ ขอบคุณมากครับ สำหรับน้ำใจ เก็บไว้ก่อนเลย  wanwan017
บันทึกการเข้า

เรื่องการทำเกษตร สำหรับท่านใดที่สนใจการเลี้ยงปลาดุก หรือการเลี้ยงกุ้งฝอย รวมถึงเรื่องราวของเรื่องเกษตรกรอื่นๆ ศึกษาเพิ่มเติมได้ที่อีสานร้อยแปด นอกจากนี้ยังมีบทความเกี่ยวกับการท่องเที่ยวในภาคอีสานเช่น วัดถ้ำผาแด่น หรือถ้าหากอยากจะฝึกพูดภาษาท้องถิ่นภาคอีสาน เช่น ภาษาอีสาน ก็สามารถทำได้เช่นเดียวกัน เพราะอีสานร้อยแปดรวบรวมภาษาอีสานไว้มากที่สุด ณ ตอนนี้
morris
Newbie
*

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

กระทู้: 45



ดูรายละเอียด
« ตอบ #8 เมื่อ: 25 พฤษภาคม 2011, 20:23:22 »

1.โค๊ดชุดแรก เอาไปใส่ตรงไหนของ function.php ครับ
2.โค๊ดชุดที่สอง เอาไปใส่ใน index.php ใช่หรือเปล่าครับ
รบกวนขอละเอียดเลยนะครับ ขอบคุณครับ
บันทึกการเข้า
Nopzixcros
Verified Seller
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,066



ดูรายละเอียด
« ตอบ #9 เมื่อ: 25 พฤษภาคม 2011, 21:11:15 »

1.โค๊ดชุดแรก เอาไปใส่ตรงไหนของ function.php ครับ
2.โค๊ดชุดที่สอง เอาไปใส่ใน index.php ใช่หรือเปล่าครับ
รบกวนขอละเอียดเลยนะครับ ขอบคุณครับ

ชุดที่สองเอาไปใส่ในหน้าที่ต้องการดึงรูปนั้นมาแสดงครับ

เช่นหน้า index archive search พวกนี้

ส่วนหน้าแรกถ้าต้องการให้ดึงบทความตามหมวดหมู่ที่ต้องการก็ให้ใช้โค้ดนี้ครับ

โค๊ด:
<?php $a 1$query1 = new WP_Query();$query1->query('showposts=#&cat=*&orderby=desc'); ?><?php while ($query1->have_posts()) : $query1->the_post(); ?>
         <li><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" target="_blank"><img src="<?php echo get_post_image(); ?>" alt="<?php the_title(); ?>" width="ความกว้างรูป" height="ความสูงรูป" /></a>
          <div><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></div></li>
        <?php endwhile; ?>

ปล. # = จำนวนบทความที่ต้องการดึง

* = เลขไอดีหมวดหมู่ของบทความที่จะดึง

ส่วนรูปแบบการแสดงลองใช้ css เข้าช่วยนะครับ  wanwan003
« แก้ไขครั้งสุดท้าย: 25 พฤษภาคม 2011, 21:15:22 โดย Nopzixcros » บันทึกการเข้า
morris
Newbie
*

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

กระทู้: 45



ดูรายละเอียด
« ตอบ #10 เมื่อ: 25 พฤษภาคม 2011, 21:15:36 »

ขอบคุณครับ
บันทึกการเข้า
kamjam
Verified Seller
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,278



ดูรายละเอียด
« ตอบ #11 เมื่อ: 25 พฤษภาคม 2011, 23:45:49 »

ขอบคุณครับ

เดียวกลับไปลองจักบาท
บันทึกการเข้า

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

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

กระทู้: 1,002



ดูรายละเอียด
« ตอบ #12 เมื่อ: 25 พฤษภาคม 2011, 23:55:29 »

1.โค๊ดชุดแรก เอาไปใส่ตรงไหนของ function.php ครับ
2.โค๊ดชุดที่สอง เอาไปใส่ใน index.php ใช่หรือเปล่าครับ
รบกวนขอละเอียดเลยนะครับ ขอบคุณครับ

ชุดที่สองเอาไปใส่ในหน้าที่ต้องการดึงรูปนั้นมาแสดงครับ

เช่นหน้า index archive search พวกนี้

ส่วนหน้าแรกถ้าต้องการให้ดึงบทความตามหมวดหมู่ที่ต้องการก็ให้ใช้โค้ดนี้ครับ

โค๊ด:
<?php $a 1$query1 = new WP_Query();$query1->query('showposts=#&cat=*&orderby=desc'); ?><?php while ($query1->have_posts()) : $query1->the_post(); ?>
         <li><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" target="_blank"><img src="<?php echo get_post_image(); ?>" alt="<?php the_title(); ?>" width="ความกว้างรูป" height="ความสูงรูป" /></a>
          <div><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></div></li>
        <?php endwhile; ?>

ปล. # = จำนวนบทความที่ต้องการดึง

* = เลขไอดีหมวดหมู่ของบทความที่จะดึง

ส่วนรูปแบบการแสดงลองใช้ css เข้าช่วยนะครับ  wanwan003

เยี่ยมครับ วิธีนี้ได้ผล

ขอบคุณครับ  wanwan017
บันทึกการเข้า

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