ถ้าหากมีไฟล์ที่ทำเสร็จแล้วในรูปแบบ wprobot.zip พร้อมอัพโหลด มาแบ่งปัน ก็จะเป็นพระคุณอย่างสูงน่ะครับ
ผมไม่ได้เทพหรอกนะ เพียงแค่อยากจะแชร์ความรู้ ซึ่ง WPRobot ก็ได้มาฟรีจากพี ๆ ที่นี้ ก็เลยอยากจะตอบแทนบอร์ดแห่งนี้บ้าง (ถึงแม้จะยังไม่เคยได้ซัก Order ก็เหอะ
)
จากที่ผมลงมือศึกษาการใช้งาน WPRobot 1 วันนิด ๆ และได้รับการสนับสนุนจากพี่ :
ฮาเล่ย์ 
,
mnamsai ,
vemede ,
bigbossbear ก่อนอื่นต้องขอบคุณมาก ๆ ครับ :'(
เอาละไม่ต้องมีพิธีรีตรอง เข้าเรื่องเลยดีกว่า...(ขอบอกว่ายาวแน่ ๆ ครับ แต่ก็จะพยายามเรียบเรียงให้สั้นที่สุดครับ
ผมอธิบายไม่ค่อยเก่งนะ
ผิดพลาดตรงไหนก็ขออภัยด้วยครับ)
ขอบอกก่อนนะครับว่า นี้เป็นเพียงความเห็นส่วนตัวซึ่งเพื่อน ๆ พี่ ๆ ท่านใดอาจไม่เห็นตรงกันก็ต้องขออภัยครับ แต่เนื่องจาก Plugin ตัวนี้มีความยืดหยุ่นในการแก้ไข ก็สามารถโมกันได้หลาย ๆ แบบเลยน้าา 
หัวข้อมีดังนี้ : 1.
แก้ไข Image , 2.
แก้ไข Feature, การใส่โค้ดใน Post Template: 3.
การทำรูปขนาดใหญ่ === [
ภาคเสริม ]
ตัวอย่างที่เมื่อทำเสร็จแล้วจะได้หน้าตาแบบนี้ครับ
==========================================
1.
แก้ไข Image ต้นแบบที่มาตอนแรก จะมีแค่รูปขนาดเล็ก + feature.... ซึ่งทางผู้พัฒนาได้ทำมา เราสามารถแก้ไขได้ดังนี้
- product link บทความจากพี่
legendaross โค้ด iframe2.
แก้ไข 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 ครับ
เพื่อน ๆ พี่ ๆ คนไหนที่ลองทำแล้ว ได้ order เพิ่งก็มาเล่าสู่กันฟังบ้างน้าา แบ่งผมซัก
5% ก็ยังดี
*เหตุผลที่เลือกสินค้าที่แสดงราคา เพราะ product link ตัวนี้ราคาอัพเดท auto และเหมาะกับการให้ลูกค้าเปรียบเทียบราคาได้ครับ
"ยากที่ความคิด สัมฤทธิ์ด้วยการกระทำ" ขอบคุณที่ติดตามครับ
พัฒนาเว็บไซต์
