[แจกครั้งแรกชุดใหญ่!]การโมฯ WPRobot ฉบับไม่มีกū

[fogza]

ผมไม่ได้เทพหรอกนะ เพียงแค่อยากจะแชร์ความรู้ ซึ่ง WPRobot ก็ได้มาฟรีจากพี ๆ ที่นี้ ก็เลยอยากจะตอบแทนบอร์ดแห่งนี้บ้าง (ถึงแม้จะยังไม่เคยได้ซัก Order ก็เหอะ  )
จากที่ผมลงมือศึกษาการใช้งาน WPRobot 1 วันนิด ๆ และได้รับการสนับสนุนจากพี่ : ฮาเล่ย์ , mnamsai , vemede , bigbossbearก่อนอื่นต้องขอบคุณมาก ๆ ครับ 
เอาละไม่ต้องมีพิธีรีตรอง เข้าเรื่องเลยดีกว่า...(ขอบอกว่ายาวแน่ ๆ ครับ แต่ก็จะพยายามเรียบเรียงให้สั้นที่สุดครับ    ผมอธิบายไม่ค่อยเก่งนะผิดพลาดตรงไหนก็ขออภัยด้วยครับ)
ขอบอกก่อนนะครับว่า นี้เป็นเพียงความเห็นส่วนตัวซึ่งเพื่อน ๆ พี่ ๆ ท่านใดอาจไม่เห็นตรงกันก็ต้องขออภัยครับ แต่เนื่องจาก Plugin ตัวนี้มีความยืดหยุ่นในการแก้ไข ก็สามารถโมกันได้หลาย ๆ แบบเลยน้าา 

หัวข้อมีดังนี้ : 1.แก้ไข Image , 2.แก้ไข Feature, การใส่โค้ดใน Post Template: 3.การทำรูปขนาดใหญ่ === [ ภาคเสริม  ]

ตัวอย่างที่เมื่อทำเสร็จแล้วจะได้หน้าตาแบบนี้ครับ
==========================================
1. แก้ไข Image ต้นแบบที่มาตอนแรก จะมีแค่รูปขนาดเล็ก + feature.... ซึ่งทางผู้พัฒนาได้ทำมา เราสามารถแก้ไขได้ดังนี้

-  product link บทความจากพี่ legendaross โค้ด iframe

2. แก้ไข Feature, การใส่โค้ดใน Post Template(เพิ่มเติม 1): ซึ่งเมื่อแก้ไขเสร็จแล้วผลลัพธ์ที่ได้คือรูปสินค้ากับ {Feature} จะอยู่คนละบรรทัดกัน สามารถแก้ไขได้โดยพิมพ์โค้ดด้านล่างลงไปในช่อง Post Template:

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

<table border="0">
<tbody>
<tr>
<td><โค้ด iframe></td>
<td>{features}
</td>
</tr>
</tbody>
</table>
ผลลัพธ์ที่ได้ :

3.การทำรูปขนาดใหญ่ : ซึ่งผมใช้ {largethumb} ในการแสดงผล ให้พิมพ์โค้ดใส่ในช่อง Post Template: ดังนี้

<img src="{largethumb}">

ซึ่งรวมแล้ว การแสดงผลเรียงลำดับจะได้ดังนี้ {Product link} + {Feature} + {description} + {largethumb} เท่านี้ WPRobot ของเราก็แตกต่างไปจากเดิมแล้วครับ
(ยังไม่เหมือนในตัวอย่างนะ)
______________________________________________________________________________________________________________
ภาคเสริมเนื้อหาจะละเอียดขึ้น โดยจะเกี่ยวกับการแก้ไขโค้ดใน amazon.php: การจัดรูปแบบ, เพิ่ม % ที่จะให้ลูกค้าคลิกสินค้าของเรา ดังรูปตัวอย่างบนสุด
______________________________________________________________________________________________________________

การเพิ่มลิงค์ใน {Feature}
ปรกติข้อมูล Feature สินค้าจะมีแต่รายละเอียดสินค้าเท่านั้น เราสามารถเพิ่มลิงค์เพิ่มไปยัง amazon ได้เหมือนกับลิงค์ใน {description} ดังนี้
- กด Ctrl+F แล้วพิมพ์ $features .= "</ul>"; เมื่อเจอแล้วให้เอาโค้ดด้านล่างต่อท้ายอีกบรรทัด

$features .= '... <a href="' . $url . '" target="_blank" rel="nofollow">[View Pic]</a>';

// ... และ [View Pic] สามารถเปลี่ยนเป็นคำที่เราต้องการได้ , target="_blank" เมื่อเวลาคลิกที่ลิงค์ จะทำการเปิดหน้าเว็บใหม่โดยที่ไม่ปิดเว็บเรา


การใส่ลิงค์ให้กับ {largethumb}
{largethumb} หรือรูปขนาดใหญ่ ก่อนหน้านี้ที่อธิบายไปจะเป็นเพียงแค่การแสดงรูปภาพขนาดใหญ่ และไม่อยู่กึ่งกลางซึ่งผมได้ลองแก้ไขนานพอสมควรกับวิธีให้มีลิงค์ในรูปนั้นด้วย ซึ่งผลลัพธ์ก็ออกมาดังนี้
Before :

$img = $item->MediumImage->URL;
if($img == "") {$img = $item->SmallImage->URL;}
$thumbnail = '<a href="'.$url.'" rel="nofollow"><img style="float:left;margin: 0 20px 10px 0;" src="'.$img.'" /></a>';   
$thumbnailurl = $img;
$largeimage = $item->LargeImage->URL;

After :

$img = $item->MediumImage->URL;
if($img == "") {$img = $item->SmallImage->URL;}
$thumbnail = '<center><a href="'.$url.'" target="_blank" rel="nofollow"><img src="'.$img.'" /></a></center>';   
$thumbnailurl = $img;
$imgs = $item->LargeImage->URL;
if($imgs == "") {$imgs = $item->MediumImage->URL;}         
$largeimage = '<center><a href="'.$url.'" target="_blank" rel="nofollow"><img  alt="'.$title.'" "src="'.$imgs.'"></center></a>';

//วิธินี้เป็นการสร้างคลาสขึ้นมาใหม่ที่ชื่อว่า $imgs ซึ่งผม copy จากด้านบนมาแล้วเพิ่มแค่ s ต่อท้ายเข้าไป  เพื่อที่จะได้ไม่ซ้ำกันกับ $img และจัดรูปให้อยู่ตรงกลาง <center>..</center>
//เนื่องจากว่าการแสดง URL link ของ WPRobot แต่เดิมเมื่อลูกค้าคลิกลิงค์ หน้าเว็บเราจะถูกแทนที่ด้วยหน้าเว็บใหม่ ให้เราเติม target="_blank" ลงไป
ตัวอย่าง: <a href="URL" target="_blank">ไทยเสียว</a> เป็นต้น

//สำหรับใครที่ไม่อยากให้แสดง Product link อยากให้แสดงแค่รูปภาพสินค้าขนาดเล็ก ก็ให้ลบโค้ด iframe ที่อยู่ข้อ 2 ด้านบนออก แทนที่ด้วย {thumbnail}

การซ่อน {largethumb} (รูปขนาดใหญ่)
- ง่าย ๆ เพียงแค่ใส่โค้ดใน Post Template: ดังนี้
   <!--more--> //ใส่ด้านบนของโค้ดที่เราต้องการจะให้ซ่อน
เช่น: <!--more-->
       {largethumb}
       {link}

เฮ้อ...เสร็จซะที 
หวังว่าผมคงไม่งงกันนะครับ วิธีนี้ผมคิดว่า น่าจะเพิ่ม % การคลิกขึ้นเยอะ เพราะเพิ่มลิงค์เข้าไป 2 ที่ด้วยกันคือรูปใหญ่ และ feature ยังไงก็ขอให้สนุกกับการใช้ WPRobot ครับ 

======= V. 2 Update [08/07/2010] [01:20:00] ======== 




xxx.thaiseoboard.com/index.php/topic,109769.msg1627494.html#msg1627494 << อยากรู้ว่าทำไง ก็ตามลิงค์นี้เลยครับ เอาโค้ดไปศึกษากันดูครับ
ในส่วนนี้ไม่มีขอมูลแล้วครับ ขออภัยด้วย
=============================

เพื่อน ๆ พี่ ๆ คนไหนที่ลองทำแล้ว ได้ order เพิ่งก็มาเล่าสู่กันฟังบ้างน้าา แบ่งผมซัก 5% ก็ยังดี 
*เหตุผลที่เลือกสินค้าที่แสดงราคา เพราะ product link ตัวนี้ราคาอัพเดท auto และเหมาะกับการให้ลูกค้าเปรียบเทียบราคาได้ครับ
"ยากที่ความคิด สัมฤทธิ์ด้วยการกระทำ" ขอบคุณที่ติดตามครับ 

[khunchai]

แจ่มมากมาย .. 

[inn]

+1 ไปครับ 

[samabois]

ยังไม่ได้ใช้นะเธอร์....

แต่บวกให้ไปแล้ว...ต้องรอกอีก 72 ชั่วโมง

[Motayaki]

โอ้ว ความรู้ดีๆแบบนี้ เอาไปเลยครับ +1

[devilmanb]

รออ่านอยู่นะครับ +1 ไปก่อนเลย

[pigdoll]

ขอบคุณครับ 

[namspitez]

ขอบคุณครับๆ  +1

รอ รอ รอ

[mnamsai]

-*- อ่ะ ยังไม่ได้สอนอะไรมากเลย

โห เก่งนะเนี่ย 

[thepor]

แล้วทำให้เหมือนตัวอย่างทำไงอะ หุหุ หน้า Home รูปเล็ก เข้าเนื้อหาแล้ว มีรูปใหญ่ เพิ่มเข้ามา

[n_n]

+1 ขอบคุณครับ

[thepor]

เอาไป 10

[fogza]

แล้วทำให้เหมือนตัวอย่างทำไงอะ หุหุ หน้า Home รูปเล็ก เข้าเนื้อหาแล้ว มีรูปใหญ่ เพิ่มเข้ามา

เติมโค้ด: <!--more--> ไว้ด้านบนโค้ดรูปที่เราจะซ่อนครับ ใส่ใน Post Template นะ 

-*- อ่ะ  ยังไม่ได้สอนอะไรมากเลย

โห เก่งนะเนี่ย 

บ๊ะ!  ถ้าไม่ได้พี่ ผมคงไม่รู้ว่า จุดเริ่มต้นของการแก้โค้ดอยู่ตรงไหนนะสิ 
ขอบคุณอีกครั้งครับ 

[tongsolution]

+จาก 12 ไป 13 ให้แล้วครับ

+ ไปก่อน แล้วไว้มาอ่านทีหลัง ขอบคุณนะครับ 

[goldsaber]

กำลังต้องการพอดี ขอบคุณครับ 

[freetukyang]

รอ 

[น้ำใส]

ขอบคุณ สำหรับความรู้และความมีน้ำใจ   

[legendaross]

โมได้เยี่ยม 

[น้องบิ้ว]

โว้วว กระทู้เด็ด ขอบคุณมากๆคับผม 

[ming0189]

ขอบคุณครับ