ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: Jade44 ที่ 30 ตุลาคม 2013, 08:15:57


หัวข้อ: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: Jade44 ที่ 30 ตุลาคม 2013, 08:15:57
ผมสร้างหน้า 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 บรรทัด
-----------------------------

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: fangbif ที่ 30 ตุลาคม 2013, 08:23:24
มีธีมให้ดูมั๊ยคะ หรือว่าโมเอง

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: kuznetsova ที่ 30 ตุลาคม 2013, 08:27:54
ดึงจากอะไรครับ blogger, wp, จะได้พอช่วยได้

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: nociouz ที่ 30 ตุลาคม 2013, 10:40:25
ลองเอา ตัวอย่างคล้ายๆ ที่เว็บเราอยากทำ มาแกะดูก่อนไหมครับ

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: MonsterA ที่ 30 ตุลาคม 2013, 10:41:38
เขียนเองเหรอครับ หรือ cmsตัวไหน :wanwan020: :wanwan020:

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: aofiezzangz ที่ 30 ตุลาคม 2013, 10:53:51
ถ้าเป็น 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"/>

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: Jade44 ที่ 30 ตุลาคม 2013, 10:57:11
ลืมบอกว่าเป็น wordpress ขออภัย

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

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

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: janjangs ที่ 30 ตุลาคม 2013, 11:39:22
อ้างจาก: aofiezzangz ที่ 30 ตุลาคม 2013, 10:53:51
ถ้าเป็น 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 บอกน่าจะตรงตามที่คุณต้องการ

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: shinrafenr ที่ 30 ตุลาคม 2013, 11:47:11
ไม่รู้จะอธิบายยังไง ^_^

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


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

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: Jade44 ที่ 31 ตุลาคม 2013, 10:34:14
 :wanwan009: ทำไม่ติดอ่ะครับ

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

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

หัวข้อ: Re: อยากดึง feature image มาไว้ในหน้าแรก กับเนื้อหา 2-3บรรทัด ทำอย่างไรครับ
เริ่มหัวข้อโดย: OptimusPrime ที่ 31 ตุลาคม 2013, 12:58:42
อ้างจาก: aofiezzangz ที่ 30 ตุลาคม 2013, 10:53:51
ถ้าเป็น 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"/>


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


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com