ต่อไป »

[Jade44]

ผมสร้างหน้า page เป็นหน้าแรก แล้วอยากจัดหน้ารูปแบบเองครับ

คือ อยากดึงภาพ feature image มาเป็นหัว
ตามด้วยเนื้อหาในโพส 2-3 บรรทัด

แล้วไล่ตามมาแบบนี้ เรื่อยๆ 10-15 โพสแล้วแต่เรากำหนด

ไม่ทราบว่าต้องทำอย่างไรครับ
ขอบคุณล่วงหน้าครับผม

-------------------------------------------
1
รูป feature image
เนื้อหา 2-3 บรรทัด
2
รูป feature image
เนื้อหา 2-3 บรรทัด
3
รูป feature image
เนื้อหา 2-3 บรรทัด
4
รูป feature image
เนื้อหา 2-3 บรรทัด
5
รูป feature image
เนื้อหา 2-3 บรรทัด
6
รูป feature image
เนื้อหา 2-3 บรรทัด
-----------------------------

[fangbif]

มีธีมให้ดูมั๊ยคะ หรือว่าโมเอง

[kuznetsova]

ดึงจากอะไรครับ blogger, wp, จะได้พอช่วยได้

[nociouz]

ลองเอา ตัวอย่างคล้ายๆ ที่เว็บเราอยากทำ มาแกะดูก่อนไหมครับ

[MonsterA]

เขียนเองเหรอครับ หรือ cmsตัวไหน

[aofiezzangz]

ถ้าเป็น WP นะ

เอา code นี้ไปใส่ใน function

โค๊ด:

function get_pic_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;
}

ส่วนอันนี้เอาไปวางไว้ที่ ที่จะแสดง

โค๊ด:

<img src="<?php echo get_pic_image() ?>" alt="ใส่ alt ที่ต้องการ" width="ความกว้างที่ต้องการpx" height="ความสูงที่ต้องการpx"/> 

[Jade44]

ลืมบอกว่าเป็น wordpress ขออภัย

ในธีม เขาจะลงเป็นภาพจาก feature image แต่ว่าเล็กมาก หาจุดที่แก้ไม่เจอครับ

เดี๋ยวจะทดลองทำ แล้วจะมาแจ้งผลนะครับ
ขอบคุณครับ

[janjangs]

ถ้าเป็น WP นะ

เอา code นี้ไปใส่ใน function

โค๊ด:

function get_pic_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;
}

ส่วนอันนี้เอาไปวางไว้ที่ ที่จะแสดง

โค๊ด:

<img src="<?php echo get_pic_image() ?>" alt="ใส่ alt ที่ต้องการ" width="ความกว้างที่ต้องการpx" height="ความสูงที่ต้องการpx"/> 

เท่าที่บอกมาตอนแรก

ตามที่คุณ aofiezzangz บอกน่าจะตรงตามที่คุณต้องการ

[shinrafenr]

ไม่รู้จะอธิบายยังไง ^_^

 <?php echo get_the_post_thumbnail( $post_id, $size, $attr ); ?>


มันเขียนไว้ให้แล้วครับ ในเว็บหลักมัน

[Jade44]

  ทำไม่ติดอ่ะครับ

ในตัวหลัก หรือธีมอื่นๆเขาก็มีให้ครับ
feature image ที่ผมลงไว้เป็นขนาด 700x200
แต่ในธีมมันจะย่อเหลือประมาณ 200x100 ไม่ได้บีบ แต่ตัดส่วนเกินออก เอาเฉพาะตรงกลาง

ผมอยากได้แบบยาวเต็มๆครับผม
แก้แล้วก็ไม่ได้อ่ะ เศร้า

[OptimusPrime]

ถ้าเป็น WP นะ

เอา code นี้ไปใส่ใน function

โค๊ด:

function get_pic_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;
}

ส่วนอันนี้เอาไปวางไว้ที่ ที่จะแสดง

โค๊ด:

<img src="<?php echo get_pic_image() ?>" alt="ใส่ alt ที่ต้องการ" width="ความกว้างที่ต้องการpx" height="ความสูงที่ต้องการpx"/> 

  ความรู้ใหม่ขอบคุณครับ