ผู้เขียน หัวข้อ: สร้างสไลด์โชว์ง่ายๆด้วย Plugin Dynamic Content Gallery  (อ่าน 889 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
WordPress Plugin slideshow-000 height=411 Plugin นี้มีชื่อว่า Dynamic Content Gallery  เว็บผู้พัฒนาปลั๊กอิน http://www.studiograsshopper.ch/dynamic-content-gallery
 
1. อัพเดท WordPress ของท่านให้เป็นเวอร์ชั่นล่าสุดก่อน จะดีที่สุดครับ (วิธีอัพเดท WordPress)
2. ที่หน้า Admin หรือหน้า Dashboard ที่เมนูซ้ายมือของผู้อ่าน คลิกที่ เมนู Plugins
WordPress Plugin slideshow-001 height=322
3. เลือกเมนูที่ชื่อ Add New
4. ในช่อง Search ให้กรอกชื่อ Plugin คือ Dynamic Content Gallery
WordPress Plugin slideshow-002 height=322
5. ผลการค้นหาถ้าค้นด้วยชื่อนี้ ผลจะอยู่อันดับแรกครับ
WordPress Plugin slideshow-003 height=322
 
6. คลิกที่ปุ่ม Install Now ใต้ชื่อของ Plugin และกรอกข้อมูลโฮสเพื่อติดตั้ง Plugin
WordPress Plugin slideshow-004 height=322
7. เมื่อติดตั้งแล้วให้เข้าไปที่เมนู Plugin  อีกครั้งเพื่อตั้งค่า(ตามรูปด้านล่าง)
WordPress Plugin slideshow-005 height=322
8. เมื่อเข้ามาเมนูการตั้งค่าของ Plugin แล้ว สิ่งที่ต้องตั้งสำคัญๆ มี 2 อย่างครับ
8.1 กำหนดหมวดหมู่ที่จะแสดงสไลด์โชว์  โดยจะเลือกเป็นหมวดหมู่เดียว หรือหลายหมวดหมู่ได้ครับ
Dynamic Content Gallery Configuration-001 height=480
8.2  กำหนดขนาดของรูปที่จะแสดงครับ อันนี้แล้วแต่ Theme ที่ท่านใช้ครับ ว่าขนาดของเนื้อหากว้างยาวเท่าไร ส่วนมากจะเป็น กว้าง 600px
Dynamic Content Gallery Configuration-002 height=312
อันนี้แล้วแต่นะครับ ดูได้จากไฟล์ของ 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 height=298
ภาพด้านบนเป็นการลากมาเพื่อให้แสดงสไลด์ด้านข้างครับ แต่ผมไม่เอาเพราะมันเล็กครับ จึงต้องมีขั้นต่อไป
9.1 เพื่อให้มันแสดงตรงกลางเนื้อหาในหน้า index หรือหน้า Home จำเป็นต้องแก้ไฟล์ครับ อันนี้มีหลายทางเลือกว่าจะแก้จากหน้า Admin หรือแก้บนโฮสเลย
9.2 ผมแก้บนโฮสเพื่อความชัวร์ ดังนี้
9.2.1 เข้าหน้า DirectAdmin Login Page ของโฮสติ้งที่ท่านใช้บริการอยู่ ตามภาพด้านล่าง
DirectAdmin Login Page wpsmile height=192
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 height=363
คลิกเลือก Edit และแทรก code นี้
<?php dynamic_content_gallery(); ?>
แล้ว Save
Dynamic Content Gallery Configuration-006 height=456
จะแทรกตรงไหนนั้น ต้องบอกว่า ต้องลองดูครับ แต่ละ Theme จะเขียน Code ไม่เหมือนกัน
ผลที่ได้ครับ
Dynamic Content Gallery Configuration-007 height=368


credit: http://www.wpsmile.com/plugin-%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%AA%E0%B9%84%E0%B8%A5%E0%B8%94%E0%B9%8C%E0%B9%82%E0%B8%8A%E0%B8%A7%E0%B9%8C%E0%B8%87%E0%B9%88%E0%B8%B2%E0%B8%A2.html

 
« แก้ไขครั้งสุดท้าย: 31 กรกฎาคม 2016, 15:03:23 โดย smf »