อ้างถึงจาก: SHIINZ ใน 18 พฤษภาคม 2011, 07:55:36
อ่ะ งั้นเอาแบบเต็ม ๆ  :

ขั้นแรก require ไฟล์ wp-load.php ใส่ path ให้ถูกต้องด้วย

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

<?php
// Include Wordpress 
define('WP_USE_THEMES', false);
require('wp-load.php');
?>

มาถึงส่วนการแสดงผล ให้แสดงโพสล่าสุด ลองเขียนให้ดูคล่าว ๆ

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


<?php query_posts('cat=1&showposts=10'); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<div class="thumb" ><?php echo get_post_meta($post->ID, "images-thumb", true); ?></div>
<div class="title"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></div>

<?php endwhile; else: ?>
<?php endif; ?>


เสร็จแล้วครับ ประมาณนี้

อธิบายเพิ่มตรงนี้นิดนึง ส่วนอื่นดูจากโครงสร้างก็คงเดากันออกว่าคืออะไร

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

<?php query_posts('cat=1&showposts=10'); ?>
เป็นการที่เรากำหนด array ว่าต้องการจะแสดงจากcategoryไหน จำนวนกี่โพส ซึ่งยังมีอีกเยอะดูได้ใน codex ของ wordpress.org

ง่ายนิดเดียว  ส่วนมากแล้ว Wordpress จะมีฟังชันก์ไว้หมดแล้ว เราแค่ดึง ๆ มาแสดงผล
การออกแบบ theme ก็เช่นกัน ถ้าเรารู้ฟังชันก์ต่าง ๆ ก็สามารถทำได้อย่างง่ายดาย ลองแกะเล่น ๆ จาก default theme
อย่าไปดูจากพวก premium theme พวกนี้เค้าจะเขียนฟังชัน์เพิ่มเองเยอะ มือใหม่อาจจะงง

อ้างถึงจาก: pwannakit ใน 17 พฤษภาคม 2011, 18:03:33
นำไปใช้งานยังไงครับ...รบกวนอธิบายเพิ่มด้วยครับ เพราะโค้ดยาวๆที่พบไปเจอมานั้นมันใช้งานได้จริง แต่ดันส่งค่ามาเป็น TIS-620 แต่เว็บผมตั้งเป็น UTF-8 ไม่รู้จะไปเปลี่ยนมันยังไงอ่ะครับ

ลองแก้ใน setting ของ WP ได้รึเปล่าครับ

ละเอียดมากเลยครับ ขอ+ให้ก่อน ได้ไม่ได้ยังไงเดี๋ยวจะแจ้งผลครับ

อ้างถึงจาก: pwannakit ใน 18 พฤษภาคม 2011, 11:01:12
ลองใช้ดูแล้วครับ กระทู้มาแต่รูปยังไม่มาอ่ะครับ...รบกวนช่วยต่ออีกนิดน่ะครับ 

รูปในตัวอย่างผมดึงจาก custom field ที่ชื่อ images-thumb

แต่ในบาง theme เค้าจะเขียนฟังชันก์ไว้ ก็ต้องดูจาก theme นั้น ๆ แหละครับว่าเค้าใช้ตัวแปลอะไรดึงมา

ลองไล่ code ดูใน index.php ของ theme ครับ

อ้างถึงจาก: SHIINZ ใน 18 พฤษภาคม 2011, 15:19:29

อ้างถึงจาก: pwannakit ใน 18 พฤษภาคม 2011, 11:01:12
ลองใช้ดูแล้วครับ กระทู้มาแต่รูปยังไม่มาอ่ะครับ...รบกวนช่วยต่ออีกนิดน่ะครับ 

รูปในตัวอย่างผมดึงจาก custom field ที่ชื่อ images-thumb

แต่ในบาง theme เค้าจะเขียนฟังชันก์ไว้ ก็ต้องดูจาก theme นั้น ๆ แหละครับว่าเค้าใช้ตัวแปลอะไรดึงมา

ลองไล่ code ดูใน index.php ของ theme ครับ

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

ว้าวๆๆ ต้องลอง 

ต้องลอง ^^

 

อ้างถึงจาก: SHIINZ ใน 18 พฤษภาคม 2011, 15:19:29

อ้างถึงจาก: pwannakit ใน 18 พฤษภาคม 2011, 11:01:12
ลองใช้ดูแล้วครับ กระทู้มาแต่รูปยังไม่มาอ่ะครับ...รบกวนช่วยต่ออีกนิดน่ะครับ 

รูปในตัวอย่างผมดึงจาก custom field ที่ชื่อ images-thumb

แต่ในบาง theme เค้าจะเขียนฟังชันก์ไว้ ก็ต้องดูจาก theme นั้น ๆ แหละครับว่าเค้าใช้ตัวแปลอะไรดึงมา

ลองไล่ code ดูใน index.php ของ theme ครับ

ลองเพิ่ม <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

ท่านใดทำได้แล้ว กรุณามาแชร์ความรู้กันบ้าง ขอบคุณมากครับ...


ผมทำแล้วติดอยู่ที่เป็นภาษาขอม และรูปไม่แสดงครับ 

ถ้าอยากให้แสดงทุกหมวดหมู ตั้งค่ายังไงครับ 

มาเก็บ เกร็ดความรู้ 

มาเก็บความรู้ ๆ   

อ้างถึงจาก: golf_eka ใน 22 มิถุนายน 2013, 17:18:55
ถ้าอยากให้แสดงทุกหมวดหมู ตั้งค่ายังไงครับ 

ปกติ default น่าจะเป็นทุกหมวดอยู่แล้วนะ ลองเอาตัว cat ออก
<?php query_posts('showposts=10'); ?>

อ้างถึงจาก: pwannakit ใน 18 พฤษภาคม 2011, 20:44:09

อ้างถึงจาก: SHIINZ ใน 18 พฤษภาคม 2011, 15:19:29

อ้างถึงจาก: pwannakit ใน 18 พฤษภาคม 2011, 11:01:12
ลองใช้ดูแล้วครับ กระทู้มาแต่รูปยังไม่มาอ่ะครับ...รบกวนช่วยต่ออีกนิดน่ะครับ 

รูปในตัวอย่างผมดึงจาก custom field ที่ชื่อ images-thumb

แต่ในบาง theme เค้าจะเขียนฟังชันก์ไว้ ก็ต้องดูจาก theme นั้น ๆ แหละครับว่าเค้าใช้ตัวแปลอะไรดึงมา

ลองไล่ code ดูใน index.php ของ theme ครับ

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

เพิ่มเติมในส่วนการดึงรูป  รูปที่ว่านี้ น่าจะหมายถึง Post Thumbnail หรือ Feature Image นะครับ (ตัวเดียวกัน โดยเราแอ๊ดได้จากช่องเล็กๆทางขวามือตอนแก้ไขโพสใน WP)

ดังนั้น ให้เพิ่มโค้ดนี้ลงไปตรงไหนก้ได้อ้างอิงจากโพสด้านบน อาจจะก่อน หรือหลังเนื้อหา (the_content)  แต่ข้อให้อยู่ก่อน endwhile; นะครับ

<?php if ( has_post_thumbnail()) : ?>
   <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
   <?php the_post_thumbnail(); ?>
   </a>
<?php endif; ?>

ส่วนข้างล่างนี้ก็เป็น endwhile; ได้เลย

กระทู้ดีมีประโยชน์

ขอบคุณสำหรับความรู้ดีๆ ครับ ทุ่นเวลาไปเยอะเลย แถมได้ idea เพิ่มอีก 

<?php if ( has_post_thumbnail() && $format != 'gallery' && $format != 'video'){ ?>                      
                            <?php $thumbnail_src = wp_get_attachment_url( get_post_thumbnail_id($post->ID ) ); ?>
                            <?php $image_src = aq_resize( $thumbnail_src, 300, 250, true ); ?>
                            <a href="<?php echo $thumbnail_src; ?>" class="screenshot" title="<?php the_title(); ?>">
                                <img src="<?php echo $image_src ?>" alt="<?php the_title(); ?>"/>
                            </a>
                       </div>                                     
                    <?php }?>