wordpress thumb ดึงรูปแรกมาแสดง

เริ่มโดย deksamrong, 24 พฤษภาคม 2011, 23:20:00

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

deksamrong

รวบๆ เอานะครับ จากกระทู้นี้
http://www.thaiseoboard.com/index.php/topic,196932.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

ขอบคุณครับเดี๋ยวงมก่อนครับ
:wanwan017:

senseword

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

http://ecx.images-amazon.com/images/I/411QqIAb2vL._SL135_.jpg


legendaross

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

kamjam

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

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





deksamrong

อ้างถึงจาก: kamjam ใน 25 พฤษภาคม 2011, 01:20:47
ปลั๊กอิน แบบ ดึงรูปที่โพสรูปแรกมาทำเป็น Thumbnail ให้  มีหรือป่าวครับ

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







http://wordpress.org/extend/plugins/auto-post-thumbnail/

น่าจะใช้ได้ครับ

deksamrong

อ้างถึงจาก: senseword ใน 24 พฤษภาคม 2011, 23:29:52
อ้อผมทำ customfill ไว้เป็นช่องให้กรอก url ของภาพสินค้า amazon เลยครับโดย link ที่จะเอามากรอกก็ประมาณนี้ครับ คือว่าต้องเขียนโค๊ดต่อยังไงครับให้มันรับค่าไ้ด้ครับ

http://ecx.images-amazon.com/images/I/411QqIAb2vL._SL135_.jpg




ของผมไม่เกี่ยวกับ costomfield  ครับ

pongpatkku2

เยี่ยมเลยครับ ขอบคุณมากครับ สำหรับน้ำใจ เก็บไว้ก่อนเลย  :wanwan017:
เรื่องการทำเกษตร สำหรับท่านใดที่สนใจ[direct=//esan108.com/การเลี้ยงปลาดุก.html]การเลี้ยงปลาดุก[/direct]หรือ[direct=//esan108.com/การเลี้ยงกุ้งฝอย.html]การเลี้ยงกุ้งฝอย[/direct]รวมถึงเรื่องราวของเรื่องเกษตรกรอื่นๆ ศึกษาเพิ่มเติมได้ที่[direct=//esan108.com]อีสานร้อยแปด[/direct] นอกจากนี้ยังมีบทความเกี่ยวกับการท่องเที่ยวในภาคอีสานเช่น [direct=//esan108.com/วัดถ้ำผาแด่น.html]วัดถ้ำผาแด่น[/direct] หรือถ้าหากอยากจะฝึกพูดภาษาท้องถิ่นภาคอีสาน เช่น [direct=//esan108.com/dict/]ภาษาอีสาน[/direct] ก็สามารถทำได้เช่นเดียวกัน เพราะอีสานร้อยแปดรวบรวมภาษาอีสานไว้มากที่สุด ณ ตอนนี้

morris

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

Nopzixcros

#9
อ้างถึงจาก: morris ใน 25 พฤษภาคม 2011, 20:23:22
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:

morris


kamjam

ขอบคุณครับ

เดียวกลับไปลองจักบาท

legendaross

อ้างถึงจาก: Nopzixcros ใน 25 พฤษภาคม 2011, 21:11:15
อ้างถึงจาก: morris ใน 25 พฤษภาคม 2011, 20:23:22
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: