พิมพ์หน้านี้ - ถามการทำ thumbnail ของ post ใน WP หน่อยครับ

หัวข้อ: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: morris ที่ 18 พฤษภาคม 2011, 14:38:45

ถ้าเราไม่ใข้ plug-in ในการทำ thumbnail เราจะรู้ได้ยังไงว่า theme ที่เราใช้ทำได้ และถ้าทำไม่ได้เราจะต้องเพิ่มเติมไฟล์หรือcode อะไรเข้าไปครับ (ลองหากระทู้จากในบอร์ดแล้วครับ งง!)รบกวนผู้รู้ด้วยครับ

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: T l2 0 J A N ที่ 18 พฤษภาคม 2011, 15:17:48

ใช้ custom fields สร้าง field ชื่อ thumb ขึ้นมา แล้วใส่ url รูปลงไป

เวลาแสดงรูปออกมา ก็ใช้คำสั่ง

โค๊ด:

<a href="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>"><img src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" width="100" height="100" border="0"></a>

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: morris ที่ 18 พฤษภาคม 2011, 21:11:30

เดี๋ยวจะลองดูครับ ขอบคุณมาก

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: Ping-O-Matic ที่ 18 พฤษภาคม 2011, 22:07:09

ปกติเวลาทำ Web ด้วย Wordpress จะไม่ใช้ฟังชั่น Thumbnail ที่ติดมากับตัว Wordpress เลยค๊ะ มันทำให้เปลือง พื้นที่ Host อะ แต่จะใช้วิธี ดึงรูปภาพรูปแรก ของโพส มาแทนค๊ะ ดึงมาแล้ว จะใช้โชว์ภาพขนาดเท่าไหร่ เราก็กำหนด ขนาดภาพเองตอนหลังได้ ก็แล้วแต่เรา

วิธีทำค๊ะ เปิด function.php แล้วใส่ Code ตามนี้ค๊ะ ปล ถ้าใส่ผิดตำแหน่ง มันจะ Error

โค๊ด:

// Get URL of first image in a post
function catch_that_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];

// no image found display default image instead
if(empty($first_img)){
$first_img = "/images/default.jpg";
}
return $first_img;
}

แล้วเวลาจะใช้ หมายถึง จะดึง URL ของรูป ไปแสดงที่จุดไหน ของ Wordpress ของเรา ก็ให้ใช้

โค๊ด:

<?php echo catch_that_image() ?>

ปล ที่มันดึงมา คือ ดึง URL ของรูปภาพนะค๊ะ ไม่ใช่ดึงภาพมา เช่น รูปภาพรูปแรกใน Post มี URL คือ hxxt://www.thaiseoboard.com/images/image-1.jpg มันก็จะดึงค่านี้มาให้ การทำไปใช้ก็ ใช้ Code Html แทรกรูป ตามปกติได้เลย ตามนี้ค๊ะ

โค๊ด:

<img src="<?php echo catch_that_image() ?>" alt="ใส่ Alt เองนะ"/>

ลองเล่นดูค๊ะ แล้วจะลืม Thumbnail ไปเลย :wanwan016:

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: morris ที่ 18 พฤษภาคม 2011, 22:22:23

สุดยอดมากครับ เดี๋ยวผมขอนั่งคลำดูก่อนนะครับ ไม่ได้ยังไงจะรบกวนอีกครับ ขอบคุณมากเลยครับ

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: gilbert ที่ 18 พฤษภาคม 2011, 22:27:43

<?php if(get_post_meta($post->ID, 'Thumbnail' ,true) ): ?>
//ถ้ามี Custom fields ชื่อ Thumnail
<img src="<?php _e(get_post_meta($post->ID, 'Thumbnail',true) ) ?>" title="<?php the_permalink() ?>" />
<?php else : ?>
//ไม่มีก็แสดงภาพ nopicture.jpg (หาพามาเองนะครับ)
<img src="<?php bloginfo('template_url') ?>/images/nopicture.jpg" title="<?php the_permalink() ?>" />
<?php endif; ?>

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: morris ที่ 19 พฤษภาคม 2011, 10:24:14

ขอบคุณมากครับ

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: ekzakizm ที่ 22 พฤษภาคม 2011, 04:20:36

ไม่ทราบว่าคำสั่งนี้ใส่ตรงไหนครับ

โค๊ด:

                <img src="<?php echo catch_that_image() ?>" alt="ใส่ Alt เองนะ"/>

คือผมเอาไปใส่ใน index.php ระหว่าง

โค๊ด:

<h2><span>recently featured posts</span> <small>we've got <?php $count_posts = wp_count_posts(); echo $count_posts->publish; ?> articles so far</small></h2>
				<?php } ?>
                
                <img src="<?php echo catch_that_image() ?>" alt="ใส่ Alt เองนะ"/> 
                

				<?php while (have_posts()) { the_post(); ?>

แต่ผลคือมันไปดึงภาพจากไหนมาไม่รู้กำหนดเองไม่ได้
และมันก็ใหญ่มากเลยอะคับ และมันก็ได้เฉพาะเรื่องแรก เรื่องต่อมามันไม่มี Thumbnail ให้อะคับ

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: Giffy ที่ 22 พฤษภาคม 2011, 10:04:39

อ้างจาก: ekzakizm ที่ 22 พฤษภาคม 2011, 04:20:36

ไม่ทราบว่าคำสั่งนี้ใส่ตรงไหนครับ

โค๊ด:

                <img src="<?php echo catch_that_image() ?>" alt="ใส่ Alt เองนะ"/>

คือผมเอาไปใส่ใน index.php ระหว่าง

โค๊ด:

<h2><span>recently featured posts</span> <small>we've got <?php $count_posts = wp_count_posts(); echo $count_posts->publish; ?> articles so far</small></h2>
				<?php } ?>
                
                <img src="<?php echo catch_that_image() ?>" alt="ใส่ Alt เองนะ"/> 
                

				<?php while (have_posts()) { the_post(); ?>

ได้เอาโค๊ดนี้ไปใส่ใน function.php แล้วใช่มัียคะ?

อ้างถึง

// Get URL of first image in a post
function catch_that_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]

;

// no image found display default image instead
if(empty($first_img)){
$first_img = "/images/default.jpg";
}
return $first_img;
}

ใส่ต่อท้ายคำสั่งเกี่ยวกับ Thumbnail หนะค่ะ

ภาพที่ดึงได้มันจะดึงจากภาพในโพสนั้น

ส่วนการกำหนดขนาดภาพให้ใส่แบบนี้ค่ะ

อ้างถึง

<img src="<?php echo catch_that_image() ?>" width="ความกว้างภาพ" height="ความยาวภาพ"/>

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: ekzakizm ที่ 23 พฤษภาคม 2011, 09:27:33

ทำได้แล้วครับ ขอบคุณมากๆครับ
เป็นเพราะไม่ค่อยเข้าใจ ภาษา php ใน wp ใส่ผิดใส่ถูก จนเข้าใจครับ :wanwan017:

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: Lioneye ที่ 23 พฤษภาคม 2011, 09:34:25

ขอ บุ๊คมาร์คไว้ด้วยคนค่ะ หาคำตอบแบบนี้มานานจิงๆ มีหลายเว็บที่ต้องใช้วิธีดึงภาพแบบนี้แต่ทำไม่เป็นค่ะ

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: morris ที่ 25 พฤษภาคม 2011, 20:11:29

อ้างจาก: Ping-O-Matic ที่ 18 พฤษภาคม 2011, 22:07:09

โค๊ด:

// Get URL of first image in a post
function catch_that_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];

// no image found display default image instead
if(empty($first_img)){
$first_img = "/images/default.jpg";
}
return $first_img;
}

โค๊ด:

<?php echo catch_that_image() ?>

โค๊ด:

<img src="<?php echo catch_that_image() ?>" alt="ใส่ Alt เองนะ"/>

ลองเล่นดูค๊ะ แล้วจะลืม Thumbnail ไปเลย :wanwan016:

ยังทำไม่ได้เลยครับ
1.โค็ดที่ใส่ใน function ใส่ตรงไหนครับ ลองใส่มั่วๆแล้ว เว็บ เอ๋อเหรอ เลย
2.โค็ดที่สองที่ใช้สำหรับการดึงรูปให้ไปใส่ใน index.php ใช่หรือเปล่าครับ
รบกวนผู้รู้อีกครั้งครับ

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: Giffy ที่ 26 พฤษภาคม 2011, 21:26:32

อ้างจาก: morris ที่ 25 พฤษภาคม 2011, 20:11:29

อ้างจาก: Ping-O-Matic ที่ 18 พฤษภาคม 2011, 22:07:09

โค๊ด:

// Get URL of first image in a post
function catch_that_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];

// no image found display default image instead
if(empty($first_img)){
$first_img = "/images/default.jpg";
}
return $first_img;
}

โค๊ด:

<?php echo catch_that_image() ?>

โค๊ด:

<img src="<?php echo catch_that_image() ?>" alt="ใส่ Alt เองนะ"/>

ลองเล่นดูค๊ะ แล้วจะลืม Thumbnail ไปเลย :wanwan016:

1. ใส่ใกล้ๆกับ function ที่เกี่ยวกับ Thumbnail ค่ะ
2. ใส่ตรงจุดที่ต้องการแสดงภาพค่ะ ไม่ว่าจะเป้นใน index , single page หรือที่อื่นๆที่เราจะดึงรูปจากบทความมาโชว์อะค่ะ

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: morris ที่ 26 พฤษภาคม 2011, 21:53:36

ขอบคุณมากครับ เอ้า! จะลองดูอีกซักตั้ง

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: thailovesong ที่ 10 มิถุนายน 2011, 06:28:14

ขอบคุณมากครับ :wanwan017:

ยังไม่มีเวปให้ลองเลย... :P

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: ~อุอุ~ ที่ 23 มิถุนายน 2011, 18:08:39

ได้ความรู้มากเลยครับ

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: duodenum2 ที่ 28 มิถุนายน 2011, 01:51:31

:wanwan017: :wanwan017: ขอบคุณมากครับ กะลัง งมเลย

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: sbaydee ที่ 28 มิถุนายน 2011, 03:57:16

อ้างจาก: ekzakizm ที่ 22 พฤษภาคม 2011, 04:20:36

ไม่ทราบว่าคำสั่งนี้ใส่ตรงไหนครับ

โค๊ด:

                <img src="<?php echo catch_that_image() ?>" alt="ใส่ Alt เองนะ"/>

คือผมเอาไปใส่ใน index.php ระหว่าง

โค๊ด:

<h2><span>recently featured posts</span> <small>we've got <?php $count_posts = wp_count_posts(); echo $count_posts->publish; ?> articles so far</small></h2>
				<?php } ?>
                
                <img src="<?php echo catch_that_image() ?>" alt="ใส่ Alt เองนะ"/> 
                

				<?php while (have_posts()) { the_post(); ?>

แบบนี้ดีกว่า ผมทำประจำ

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: aCustiCz ที่ 28 มิถุนายน 2011, 07:47:56

มาเก็บความรู้หน่อย :wanwan003:

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: ownermylife ที่ 28 มิถุนายน 2011, 08:08:03

กระทู้เด็ด :wanwan017:

หัวข้อ: Re: ถามการทำ thumbnail ของ post ใน WP หน่อยครับ
เริ่มหัวข้อโดย: marveric ที่ 28 มิถุนายน 2011, 08:46:09

ขอบคุณครับ ได้ความรู้ :wanwan044:

SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com

ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: morris ที่ 18 พฤษภาคม 2011, 14:38:45