บทความนี้จะยาวสักหน่อยนะครับ กว่าจะเขียนเสร็จก็ประมาณชั่วโมงกว่าๆ

ทั้งภาพประกอบและคิดว่าจะเรียบเรียงยังไงให้มือใหม่เข้าใจได้ครับ

ยังไงลองอ่าน สังเกตุ และทำตามดูครับผม

WordPress Plugin slideshow-000

Plugin นี้มีชื่อว่า Dynamic Content Gallery  เว็บผู้พัฒนาปลั๊กอิน http://www.studiograsshopper.ch/dynamic-content-gallery

ซึ่งถ้าท่านผู้อ่านพอจะอ่านภาษาอังกฤษออกและพอแปลได้ น่าจะทำตามเจ้าของปลั๊กอินได้ไม่ยากครับ

แต่สำหรับท่านผู้อ่านที่ภาษาอังกฤษไม่ค่อยแข็งแรง (เหมือนผู้เขียน) ผมจะเรียบเรียงให้ดังนี้ครับ

1. อัพเดท WordPress ของท่านให้เป็นเวอร์ชั่นล่าสุดก่อน จะดีที่สุดครับ (วิธีอัพเดท WordPress)

2. ที่หน้า Admin หรือหน้า Dashboard ที่เมนูซ้ายมือของผู้อ่าน คลิกที่ เมนู Plugins

WordPress Plugin slideshow-001

3. เลือกเมนูที่ชื่อ Add New

4. ในช่อง Search ให้กรอกชื่อ Plugin คือ Dynamic Content Gallery

WordPress Plugin slideshow-002

5. ผลการค้นหาถ้าค้นด้วยชื่อนี้ ผลจะอยู่อันดับแรกครับ

WordPress Plugin slideshow-003

 

6. คลิกที่ปุ่ม Install Now ใต้ชื่อของ Plugin และกรอกข้อมูลโฮสเพื่อติดตั้ง Plugin

WordPress Plugin slideshow-004

7. เมื่อติดตั้งแล้วให้เข้าไปที่เมนู Plugin  อีกครั้งเพื่อตั้งค่า(ตามรูปด้านล่าง)

WordPress Plugin slideshow-005

8. เมื่อเข้ามาเมนูการตั้งค่าของ Plugin แล้ว สิ่งที่ต้องตั้งสำคัญๆ มี 2 อย่างครับ

8.1 กำหนดหมวดหมู่ที่จะแสดงสไลด์โชว์  โดยจะเลือกเป็นหมวดหมู่เดียว หรือหลายหมวดหมู่ได้ครับ

Dynamic Content Gallery Configuration-001

8.2  กำหนดขนาดของรูปที่จะแสดงครับ อันนี้แล้วแต่ Theme ที่ท่านใช้ครับ ว่าขนาดของเนื้อหากว้างยาวเท่าไร ส่วนมากจะเป็น กว้าง 600px

Dynamic Content Gallery Configuration-002

อันนี้แล้วแต่นะครับ ดูได้จากไฟล์ของ Theme ที่ชื่อ style.css ไฟล์นี้จะบอกครับว่าขนาดของ Content ครับ เช่น

#content {
    background: #fff;
    float: left;
    padding: 0 0 20px 0;    
    width: 630px;

อะไรประมาณนี้ครับ  หรือไม่ก็ลองกำหนดคร่าวๆ ไปก่อนครับ แล้วกด F5 รีเฟรชหน้าเว็บดูแล้วค่อยๆ ลดขนาดก็ได้ครับ

9. ขั้นนี้แล้วแต่บาง Theme ด้วยครับ ถ้า Theme ไหนมี widgets ที่ให้เลือกในหน้า Home ได้ยิ่งสะดวกครับ เพียงแค่คลิกและลากมาเลย (ตามภาพละกัน)

Dynamic Content Gallery Configuration-003

ภาพด้านบนเป็นการลากมาเพื่อให้แสดงสไลด์ด้านข้างครับ แต่ผมไม่เอาเพราะมันเล็กครับ จึงต้องมีขั้นต่อไป

9.1 เพื่อให้มันแสดงตรงกลางเนื้อหาในหน้า index หรือหน้า Home จำเป็นต้องแก้ไฟล์ครับ อันนี้มีหลายทางเลือกว่าจะแก้จากหน้า Admin หรือแก้บนโฮสเลย

9.2 ผมแก้บนโฮสเพื่อความชัวร์ ดังนี้

9.2.1 เข้าหน้า DirectAdmin Login Page ของโฮสติ้งที่ท่านใช้บริการอยู่ ตามภาพด้านล่าง

DirectAdmin Login Page wpsmile

9.2.2 เข้าไปแก้ไฟล์ที่ชื่อ index.php หรือ home.php ไฟล์ใดไฟล์หนึ่ง (ลองเข้าไปอ่านคำแนะนำจากเจ้าของ Plugin ดูครับ) หัวข้อที่ 5

How to choose the correct theme template when adding the plugin code

หาไฟล์บนโฮสของเราครับ (เส้นทางคร่าวๆ)

http://ชื่อโดเมน.com:พรอต์/CMD_FILE_MANAGER/domains/wpsmile.com/public_html/wp-content/themes/ชื่อThemeที่ใช้

จะเห็นตามภาพด้านล่าง

Dynamic Content Gallery Configuration-005

คลิกเลือก Edit และแทรก code นี้ <?php dynamic_content_gallery(); ?>

แล้ว Save

Dynamic Content Gallery Configuration-006

จะแทรกตรงไหนนั้น ต้องบอกว่า ต้องลองดูครับ แต่ละ Theme จะเขียน Code ไม่เหมือนกัน

ผลที่ได้ครับ

Dynamic Content Gallery Configuration-007

 

ท้ายนี้ขอฝากกับผู้ที่เริ่มศึกษา WordPress นะครับ

อ่านบทความอาจจะงงๆ ครับ เพราะผมไม่เก่งเรียบเรียงเท่าไร (จะพยายามครับ)

สิ่งที่ท่านจะพัฒนาได้อย่างรวดเร็วคือการทดลองทำด้วยตนเองครับ

ลองแทรก Code ง่ายๆ แล้วกด F5 เพื่อดูการเปลี่ยนแปลงบนหน้าเว็บไซต์ที่เราเผยแพร่ไปครับ

ลอง และลองครับ แล้วท่านจะพบกับสูตรสำเร็จที่เข้ากับตัวท่านเองครับ สวัสดี *_*