ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: narupot ที่ 09 ธันวาคม 2014, 02:00:31



หัวข้อ: สร้างหน้า Custom Page Template ใน WordPress +1
เริ่มหัวข้อโดย: narupot ที่ 09 ธันวาคม 2014, 02:00:31
อ้างจากกระทู้  http://www.thaiseoboard.com/index.php/topic,361549.0.html
จากโค๊ด
โค๊ด:
<?php 
/**
 * Template Name: Apple
 */

get_header(); ?>

<?php if ( have_posts() ) : ?>
<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<a href="<?php the_permalink(); ?>" target="_blank" rel="bookmark"><?php the_title(); ?></a>
<?php endwhile; ?>
<?php endif; ?>
<?php get_footer(); ?>
เมือพิม URL www.xxx.com/apple (http://www.xxx.com/apple)
มันแสดงแค่นี้
(http://upic.me/i/b2/lxfgf.png) (http://upic.me/show/53845480)

ส่วนวิธีข้างล่างนี้ จากคุณ simplify

ถ้า WP ไม่ยากครับ

1.สร้างไฟล์ PHP ชื่ออะไรก้ได้ แล้วอัพใส่ไว้ใน /ธีมที่คุณใช้
<?php
/*
Template Name: ระบุชื่อ page เอาไว้เลือกไม่สับสน
*/
?>
เป็นการสร้าง Tamplate ขึ้นมาครับ

2. ในไฟล์ PHP ต่อท้ายด้วยโค้ดดึงโพสต์

<?php
    $args = array(
        'numberposts' => 10, //จำนวนโพสต์
        'orderby' => 'rand', //ให้สุ่มบทความมาแสดง ถ้าเอา rand ออกก็จะแสดงบทความล่าสุด ID สุ่มตาม ID ของบทความ
        'category' => '1'  //IDของหมวดหมู่ เอาเมาท์ไปชี้มันจะขึ้นตรงแถบล่าง ๆ จอ
    );
    $features = get_posts( $args );
    foreach($features as $post){
        setup_postdata($post);
        ?>
        <a href="<?php the_permalink() ?>" title="<?php the_title();?>" target="_blank">
         <?php the_title();?></a><br/>
              <?php
                 }
                   ?>

3. ต่อท้ายด้วยโค้ดลิงก์ไปดูโพสต์ทั้งหมด

<?php
       // Get the ID of a given category
         $category_id = get_cat_ID( 'ใส่ชื่อหมวดหมู่' );

           // Get the URL of this category
             $category_link = get_category_link( $category_id='1' ); // ใส่เลขหมวดหมู่
                 ?>

<!-- Print a link to this category -->
<a href="<?php echo esc_url( $category_link ); ?>" title="" target="_blank">เนื้อหาในหมวดนี้</a>

4. เข้าไปที่ WP สร้าง Page ตรงขวามือแถบ Page Attibutes ช่อง Template  เลือกข้อ 1 ครับ
5. อยากให้สวยงาม เขียน CSS ครอบครับ

เป็นโค้ดที่ใช้อยู่ที่เหลือก็ประยุกต์เอา หวังว่าคงจะใช่ที่ต้องการนะครับ

ปอลิง อยากทำเป็น pagenavi คือมีหน้าถัดไป สำหรับหมวดที่มีบทความเป็นร้อย ๆ ใช้ทำแผนผังเว็บอยากให้เทพทั้งหลายช่วยแนะนำด้วยครับ

## มันจะแสดงคล้ายๆ list
ซึ่งผมอยากให้มันแสดงเหมือนภาพด้านล่างนี้...
(http://upic.me/i/jo/fullbox.png) (http://upic.me/show/53845488)
ผมจะสามารถเพิ่ม css ตรงไหน แซกได้ยังไง ถึงจะมีรูปร่างหน้าต่แบบภาพข้างบนใน Pages รบกวนขั้นเทพมาสอนแนะนำหน่อยครับ


หัวข้อ: Re: สร้างหน้า Custom Page Template ใน WordPress +1
เริ่มหัวข้อโดย: gapgag55 ที่ 09 ธันวาคม 2014, 06:27:43
ถ้าสร้างเป็น Custom Page Template เกรงว่าจะใช้ Page navigation ไม่ได้ครับ ให้ลองสร้างเป็น Custom category ที่แสดงทุกหมวดหมู่ดีกว่าครับ จากนั้นใช้ Plugin WP-PageNavi  ช่วยครับเพื่อทำการสร้าง Page Navigation

หรือจะไปตามเว็บด้านล่างก็ได้ครับ

โค๊ด:
http://codex.wordpress.org/Function_Reference/paginate_links


หัวข้อ: Re: สร้างหน้า Custom Page Template ใน WordPress +1
เริ่มหัวข้อโดย: gapgag55 ที่ 09 ธันวาคม 2014, 06:28:32
ถ้าสร้างเป็น Custom Page Template เกรงว่าจะใช้ Page navigation ไม่ได้ครับ ให้ลองสร้างเป็น Custom category ที่แสดงหมวดหมู่ดีกว่าครับ จากนั้นใช้ Plugin WP-PageNavi  ช่วยครับเพื่อทำการสร้าง Page Navigation

หรือจะไปตามเว็บด้านล่างก็ได้ครับ

โค๊ด:
[url]http://codex.wordpress.org/Function_Reference/paginate_links[/url]



หัวข้อ: Re: สร้างหน้า Custom Page Template ใน WordPress +1
เริ่มหัวข้อโดย: zazane ที่ 09 ธันวาคม 2014, 06:32:31
ขอบคุณจ้า