wordpress จะเขียนโค้ดดึงภาพหน้าปก จาก YouTube ยังไงครับ

[ptteppawong]

ใช้ API ของ Youtube ครับ แต่ต้องมี Video id ด้วยนะครับ

ขนาดภาพปกติ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/default.jpg

ขนาด HQ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/hqdefault.jpg

ขนาดใหญ่ที่สุด

โค้ด เลือก ขยาย

http://img.youtube.com/vi/หมายเลขวิดีโอ/maxresdefault.jpg

ยกตัวอย่างเช่นวิดีโอนี้นะครับ Top Pop Songs Of 2012 Mashup (Carry Me Home, Maybe) - DJ Drybones
ต้องการดึงรูป Thumbnail ขนาดปกติออกมา ก็ตามนี้ครับ

โค้ด เลือก ขยาย

http://img.youtube.com/vi/RDiOKxwONJk/default.jpg

ถ้าเขียนแบบ HTML ก็จะได้แบบนี้ครับ

โค้ด เลือก ขยาย

<img src="http://img.youtube.com/vi/RDiOKxwONJk/default.jpg" />

ถ้าต้องการให้แสดงใน Wordpress แนะนำใช้ Custom Field ครับ

ถ้าอยากได้ขนาดอื่นก็แนะนำให้ดึงรูปขนาดใหญ่กว่าขนาดที่ต้องการมาแล้วก็ใช้ timthumb.php ย่อและตัดรูปอีกทีครับ
ลิงค์ข้างบนสามารถใช้ได้ทั้งโปรโตคอล http กับ https นะครับ สามารถเปลี่ยนได้เลยครับ

ขอบคุณครับ แล้ว wordpress 3.5

Custom Field   มันอยู่ตรงไหนเหรอครับ

เวลาสร้างโพสต์มันจะมีให้ใส่ครับ ตรงข้างล่างกล่องเนื้อหา
ตัวอย่างเช่น ผมกรอกช่อง Name เป็น vID แล้วกรอกช่อง Value เป็น 2ggzxInyzVE

ตัวอย่างการเขียนในธีม

โค้ด เลือก ขยาย


<?php if ( get_post_meta(get_the_ID(), 'vID', true) ) : ?>
    <a href="<?php the_permalink() ?>" rel="bookmark">
        <img src="http://img.youtube.com/vi/<?php get_post_meta(get_the_ID(), 'vID', true); ?>/default.jpg" />
    </a>
<?php endif; ?>


ช่วยดูโค้ดให้อีกรอบนะครับ

พอดีผมเขียนให้มันดึงมาเฉพาะหมวดหมู่ตามเลข id ของ category 
<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php if ( get_post_meta(get_the_ID(), 'vID', true) ) : ?>
    <a href="<?php the_permalink() ?>" rel="bookmark">
        <img src="http://img.youtube.com/vi/<?php get_post_meta(get_the_ID(), 'vID', true); ?>/default.jpg" />
    </a>
<?php endif; ?>
<?php endwhile; ?>

แล้วใต้โพสต์ให้ custom field ตามที่บอก


มันโชว์เฉพาะรูป default น่ะครับ


ดูในเว็บ ก็ได้ครับ ด้านล่างสุดเลย...
http://www.topmyjob.com/

[mod-heavy-mod]

<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php if ( get_post_meta(get_the_ID(), 'vID', true) ) : ?>
    <a href="<?php the_permalink() ?>" rel="bookmark">
        <img src="http://img.youtube.com/vi/ <?php get_post_meta(get_the_ID(), 'vID', true); ?>/default.jpg" />
    </a>
<?php endif; ?>
<?php endwhile; ?>

จัดไปครับ
<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php
   // Create variable $youtube_id
   $youtube_id = get_post_meta(get_the_ID(), 'vID', true);
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
   <img src="http://img.youtube.com/vi/<?php echo $youtube_id; ?>/default.jpg" />
</a>
<?php endwhile; ?>

[ptteppawong]

<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php if ( get_post_meta(get_the_ID(), 'vID', true) ) : ?>
    <a href="<?php the_permalink() ?>" rel="bookmark">
        <img src="http://img.youtube.com/vi/ <?php get_post_meta(get_the_ID(), 'vID', true); ?>/default.jpg" />
    </a>
<?php endif; ?>
<?php endwhile; ?>

จัดไปครับ
<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php
   // Create variable $youtube_id
   $youtube_id = get_post_meta(get_the_ID(), 'vID', true);
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
   <img src="http://img.youtube.com/vi/<?php echo $youtube_id; ?>/default.jpg" />
</a>
<?php endwhile; ?>

ขอบพระคุณมากครับผม..

[ptteppawong]

<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php if ( get_post_meta(get_the_ID(), 'vID', true) ) : ?>
    <a href="<?php the_permalink() ?>" rel="bookmark">
        <img src="http://img.youtube.com/vi/ <?php get_post_meta(get_the_ID(), 'vID', true); ?>/default.jpg" />
    </a>
<?php endif; ?>
<?php endwhile; ?>

จัดไปครับ
<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php
   // Create variable $youtube_id
   $youtube_id = get_post_meta(get_the_ID(), 'vID', true);
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
   <img src="http://img.youtube.com/vi/<?php echo $youtube_id; ?>/default.jpg" />
</a>
<?php endwhile; ?>

ขอบพระคุณมากครับผม..

ลองแล้วครับ แต่ก็ยังไม่ได้อยู่เหมือนเดิม

[SerBeSt]

<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php
   // Create variable $youtube_id
   $youtube_id = get_post_meta(get_the_ID(), 'vID', true);
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
      <img src="http://i4.ytimg.com/vi/<?php get_post_meta(get_the_ID(), 'vID', true); ?>/mqdefault.jpg" />
</a>
<?php endwhile; ?>

ลองดูครับ 

[KenjiroAPI]

ตามท่านข้างบนว่าเลยครับ ได้แน่นอน แต่ขอแก้ไขหน่อยนะครับ

<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php
   // Create variable $youtube_id
   $youtube_id = get_post_meta(get_the_ID(), 'vID', true);
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
      <img src="http://i4.ytimg.com/vi/<?php get_post_meta(get_the_ID(), 'vID', true); ?>/mqdefault.jpg" />
</a>
<?php endwhile; ?>

ตรงสีแดงลบออกไปเลยนะครับ ค่าในตัวแปรนี้ไม่ได้ถูกนำมาใช้อยู่แล้ว
เพราะใช้ <?php get_post_meta(get_the_ID(), 'vID', true); ?> อยู่แล้ว
ถ้าไม่ได้ลองเติม echo ดูนะครับ ผมเองก็ลืมแล้วว่าต้องใช้ echo ด้วยหรือเปล่า

[ghostbehead]

มาแอบดูครับ

[ptteppawong]

ตามท่านข้างบนว่าเลยครับ ได้แน่นอน แต่ขอแก้ไขหน่อยนะครับ

<?php query_posts('cat=104&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php
   // Create variable $youtube_id
   $youtube_id = get_post_meta(get_the_ID(), 'vID', true);
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
      <img src="http://i4.ytimg.com/vi/<?php get_post_meta(get_the_ID(), 'vID', true); ?>/mqdefault.jpg" />
</a>
<?php endwhile; ?>

ตรงสีแดงลบออกไปเลยนะครับ ค่าในตัวแปรนี้ไม่ได้ถูกนำมาใช้อยู่แล้ว
เพราะใช้ <?php get_post_meta(get_the_ID(), 'vID', true); ?> อยู่แล้ว
ถ้าไม่ได้ลองเติม echo ดูนะครับ ผมเองก็ลืมแล้วว่าต้องใช้ echo ด้วยหรือเปล่า

อันนี้ใช่ได้  แต่ต้องตาม echo เข้าไปอย่างที่ท่านบอก 

[ptteppawong]

ขอบคุณท่านทั้งหลายทุกๆคนด้วยนะครับที่ช่วยกันตอบคำถามของผม  

ตอนนี้ผมทำได้แล้วครับ  ตาม step ของผม หากทำได้แล้วก็จะขอแบ่งปันครับ สำหรับท่านที่ยังไม่ทราบ

ตามภาพครับ ไปตั้งที่ค่าที่โพสต์ก่อน  เพื่อให้มี custom Field ด้านล่างของโพสต์



แล้งตั้ง value ตาม หมายเลข id ของ youtube
เช่น
เป็นต่อขั้นเทพ - แผนรัก..แผนร้าย (24 ม.ค. 56)


value คือ rXgM7vp7cS4



แล้วแทรกโค้ดนี้ในไฟล์ php ตามหมวดหมู่ที่ท่านต้องการอยากจะดึงมา

โค้ด เลือก ขยาย

<?php query_posts('cat=ไอดีหมวดหมู่&showposts=จำนวนโพสต์ที่ต้องการโชว์'); ?>
<?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink() ?>" rel="bookmark">
     <img src="http://i4.ytimg.com/vi/<?php echo get_post_meta(get_the_ID(),'vID', true);?>/mqdefault.jpg"/>
</a>
<?php endwhile; ?>

[ptteppawong]

แบ่งปันตามด้านบนนะครับ พอดีทำได้แล้ว

[peter_well]

ตามมาเก็บความรู้ขอบคุณมากๆครับ

[ptteppawong]

ขอบคุณท่านทั้งหลายทุกๆคนด้วยนะครับที่ช่วยกันตอบคำถามของผม  

ตอนนี้ผมทำได้แล้วครับ  ตาม step ของผม หากทำได้แล้วก็จะขอแบ่งปันครับ สำหรับท่านที่ยังไม่ทราบ

ตามภาพครับ ไปตั้งที่ค่าที่โพสต์ก่อน  เพื่อให้มี custom Field ด้านล่างของโพสต์



แล้งตั้ง value ตาม หมายเลข id ของ youtube
เช่น
เป็นต่อขั้นเทพ - แผนรัก..แผนร้าย (24 ม.ค. 56)


value คือ rXgM7vp7cS4



แล้วแทรกโค้ดนี้ในไฟล์ php ตามหมวดหมู่ที่ท่านต้องการอยากจะดึงมา

โค้ด เลือก ขยาย

<?php query_posts('cat=ไอดีหมวดหมู่&showposts=จำนวนโพสต์ที่ต้องการโชว์'); ?>
<?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink() ?>" rel="bookmark">
     <img src="http://i4.ytimg.com/vi/<?php echo get_post_meta(get_the_ID(),'vID', true);?>/mqdefault.jpg"/>
</a>
<?php endwhile; ?>

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

[ptteppawong]

มีใครทราบบ้างครับ 

[Aormsin]

แอบดูด้วยคนจิ