ต่อไป »

[KMCORP]

สำเร็จแล้วครับ ไม่ง่ายเลย  

เอาอันแรก การใส่รูป Featured post ให้มัน run เป็นslideshow หรือรูปนิ่งอย่างเดียวก็ได้

ตัวอย่าง




1. เริ่มต้นทำการ ใส่รูปในส่วน Feature Post นะครับ ครับ อันนี้เพิ่งลง plugins & Wordpress เสร็จ



2. ทำการแก้ไข theme ให้สามารถรองรับ plugins (งมอยู่นานพอดููกว่าจะหาตำแหน่งเจออ่ะครับ เพราะไปดูจาก Theme Setting ก็หาที่ enable ไม่เจอ)
   ไปที่ admin panel>>Appearance>>Editors>>เลือก Main Index Template.php จากฝั่งขวามือ

3.ทำการแทรกโค้ด

<?php include (ABSPATH . '/wp-content/plugins/featured-content-gallery/gallery.php'); ?>

ไปที่ตำแหน่งที่ผมแรเงาไว้ตา่มรูป ซึ่งอยู่ระหว่าง<div id="board"> และ <div id="board_left">

แทรกเสร็จแล้วก็กดเซฟข้างล่างซะ (ถ้าเซฟไม่ได้ให้ทำการเปลี่ยน permission folder ของ theme และติ๊กถูก recursive ทุกไฟล์ ด้วยครับเป็น 777 แต่โดยปกติจะเซฟได้เลยนะ)

2. ที่ admin panel >>Setting >> Featured Content Gallery


setting ดังนี้


อธิบายเพิ่มเติม
Uncategorized <<อันนี้คือให้ใ่ส่ Categoryของบทความคุณ ของผมยังไม่ได้ตั้ง Category เลยใสที่เป็น defaultไป
Post or Page id<< id ของ page วิธีการดูก็คือตามรูปครับ จากตัวอย่างคือถ้าต้องการเอารูปจากหน้าไหนมาแสดงก็ให้ใส่ id หน้านั้น จากรูป id คือ 5 ครับ

์Number of items to display<< จะให้แสดงกี่รูป เช่น เราบทความ 5 โพสต์ จะให้แสดงรูปเป็น slideshow ทั้ง 5 โพสต์ก็ใส่ 5
Gallery Width in Pixels: 590
Gallery Height in Pixels: 190
Text Overlay Height in Pixels: 60 <<ขนาดตัวอักษรคำบรรยายใต้ภาพ

3. ทำ ภาำพในมาเป็นไฟล์ gif,jpeg,png นะครับ ขนาด  590 x 190 px  จำนวน 2 รูป จะพอดีกับช่อง featured post

ตัวอย่างภาพผม


4. คราวนี้จะเข้าสู่ขั้นตอนการโพสต์บทความต้องทำ 2 บทความ (บทความละรูป เป็นอย่างน้อยรูปถึงจะขึ้น Author plugin เค้าบอกไว้)
เขียนบทความ แล้วอัพโหลดรูปขึ้นตามตำแหน่งในภาพครับ


ทำการอัพรูป แล้ว คลิก file url เพื่อ copy url ภาพ ตามตำแหน่งในรูป กด save all changes


5. ยังอยู่หน้าโพสต์บทความ ทำการจำ id (จากตัวอย่างคือ 5) เพื่อเอาไว้ไปใส่ ช่อง Post or Page id ของ Settings  Featured Content Gallery

6. ทำการใส่รูปโดยการไปที่custom fields เลือก add new

7. ช่อง Name ใส่ articleimg  
    ช่อง value ใส่ url ของภาพที่ได้จากข้อ 4.  
    เสร็จแล้วกด add custom field


8. โพสต์เพิ่มอีก บทความ แล้วใส่รูป เหมือนขั้นตอน 4-7 ก็ เสร็จเรียบร้อยครับ







มีลูกเล่นเพิ่มเติมอีกนะึครับ เช่นจะใส่ข้อความใต้รูปให้ ทำเหมือนข้อ 7
แล้วใส่เพิ่มดังนี้
ใส่ Name alttext
ใส่ Value เป็นคำบรรยายใต้ภาพ :'(
ตัวอย่าง

[galaxy]

สุดๆยอด ยอดสุด

มีความหวังกับ ธีมนี้อีกครั้ง สัญญา ว่าเด๊่ยวจะ บวกให้ 25 เลยครับ 

ผมไปออกกำลังกาย ก่อน เด๊่ยวกลับมา ดู ภาคต่อครับ

 

[aseptic]

theme นี้ สวยดีค่ะ  มาตามอ่านมั้ง

[KMCORP]

การแก้ไข Icon ของบทความนะครับ (จากเดิมที่เป็น W)

1.ทำไฟล์ใน photoshop ขนาด 64x64 px (filetype: jpg,gif,png)

ตัวอย่าง


2.เข้าไปที่ admin panel>>edit post

3.ทำการอัพโหลดไฟล์เข้าสู่ WP นะครับตามรูป



4. ทำการ copy url ภาพที่ได้ได้ทำการอัพโหลด จาก Link URL (ถ้าไม่ขึ้นให้กดปุ่ม file url)


5. ทำการ การ add custom field ตามรูป
    5.1 เลือก add new
    5.2 ช่อง name ให้ใส่ thumb
    5.3 ช่อง value ใ้ห้ใส่ urlรูป ที่ได้จากข้อ 4
    5.4 คลิก add custom field


6. เสร็จเรียบร้อยก็ดูผลงานครับ    (จากรูปจะเห็น icon  ทั้ง 4 อัีนเหมือนกัน เพราะผม อัพไปแค่รูปเดียว อันที่จริง ถ้ามี 4บทความ ก็ขึ้นต่างกันได้ทั้ง 4 icon นะครับ)
    เพิ่มเติม title ของบทความ (ลูกศรสีแดง) ที่ผม เปลี่ยนเป็นคำว่า SNSD Blog สามารถแก้ได้ที่ admin panel>appearance>>themes>wp_010options>>featured category setting

[tapo]

แม้ผมจะทำเป็นแล้วแต่ก็มา +1 ในน้ำใจครับ ขยันจริงๆ 

[galaxy]

เดี๋ยวใจเย็นน่ะครับ ผมกำลังค่อยๆโม

แต่พอดี ไอ โฟรเดอร์ ปลักอิน WP_010 ผมทำ 777 แล้วมันจะแก้ใน Admin ไม่ได้เลย ส่วนอีกอัน ผมแอคทีฟ แล้ว

ไม่ทราบว่า ทำอย่างไรดีครับ...

[KMCORP]

เดี๋ยวใจเย็นน่ะครับ ผมกำลังค่อยๆโม

แต่พอดี ไอ โฟรเดอร์ ปลักอิน WP_010 ผมทำ 777 แล้วมันจะแก้ใน Admin ไม่ได้เลย ส่วนอีกอัน ผมแอคทีฟ แล้ว

ไม่ทราบว่า ทำอย่างไรดีครับ...

ถ้า edit ใน adminไม่ได้

งั้นใช้วิธีการแบบบ้านๆ เลยครับ

1. ใช้  notepad หรือ editplus เปิดไฟล์ WP_010\index.php  (ไฟล์ Themes ที่อยู่ในเครื่องบ้านเรา)
    หรือจะโหลดไฟล์ index.php ของผมไปใช้งานเลยก็ได้ครับ
http://www.tempf.com/getfile.php?id=212661&key=4af3fca26f466
     
2. แทรกโค้ด <?php include (ABSPATH . '/wp-content/plugins/featured-content-gallery/gallery.php'); ?> ตามที่อธิบายไว้ในข้อก่อนหน้านะครับ
3. เซฟ แล้วทำการอัพโหลดขึ้นไปทับ ไฟล์ index.php ใน wp-contents\themes\wp_010 นะครับ

 

[zoftdown]

สงสัยทำ Theme ขายต้องมี Tutor ให้ด้วยนะเนี่ย ...

[g-ji]

↑ ถ้าทำแบบสำเร็จรูปเลย ไม่ต้องใช้ ปลั๊กอินเสริม คือมี สไลด์ในตัว ปรับแต่งหน้าแรก-หน้าในได้หมด เรียกรูปจากเนื้อหาโพสออโต้ (ไม่ต้องใส่ custom) และกำหนดรูปได้ว่าจะเอารูปที่เท่าไรในเนื้อหานั้นๆ (ถ้ามีหลายรูป) (แบบพวก one theme, option theme) ไม่ต้องมี tutor ก็ได้ 

[galaxy]

↑ ถ้าทำแบบสำเร็จรูปเลย ไม่ต้องใช้ ปลั๊กอินเสริม คือมี สไลด์ในตัว ปรับแต่งหน้าแรก-หน้าในได้หมด เรียกรูปจากเนื้อหาโพสออโต้ (ไม่ต้องใส่ custom) และกำหนดรูปได้ว่าจะเอารูปที่เท่าไรในเนื้อหานั้นๆ (ถ้ามีหลายรูป) (แบบพวก one theme, option theme) ไม่ต้องมี tutor ก็ได้ 

แล้วมันทำอย่างไรอ่าครับ

 

[Gteam]

↑ ถ้าทำแบบสำเร็จรูปเลย ไม่ต้องใช้ ปลั๊กอินเสริม คือมี สไลด์ในตัว ปรับแต่งหน้าแรก-หน้าในได้หมด เรียกรูปจากเนื้อหาโพสออโต้ (ไม่ต้องใส่ custom) และกำหนดรูปได้ว่าจะเอารูปที่เท่าไรในเนื้อหานั้นๆ (ถ้ามีหลายรูป) (แบบพวก one theme, option theme) ไม่ต้องมี tutor ก็ได้ 

...ยอดเลยครับ...เก็บข้อมูลก่อน

[bombman]

ขอบคุณมากครับสุดยอดจริงๆ

[bombman]

ผมลองใช้ ดูแล้ว
แต่มันมี error ใน ie ดังนี้ครับ

โค๊ด:

Webpage error details

Line: 32
Char: 4370
Code: 0
URI: http://localhost/test/wp-content/themes/WP_010/js/jquery.min.1.2.6.js

[thaiga]

เว็บผมก็ใช้อยู่ครับ
ปลั๊คอินตัวนี้แหละ 

http://www.proton-club.net