ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptสอบถามเรื่องการเรียงโพสใน Wp หน่อยครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: สอบถามเรื่องการเรียงโพสใน Wp หน่อยครับ  (อ่าน 445 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
lemonm
คนรักเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 172



ดูรายละเอียด เว็บไซต์
« เมื่อ: 11 สิงหาคม 2017, 15:03:08 »

จะให้มันเป็น เรียง แถวละ 3 ทำยังไงหรอครับ



ตามภาพด้านบนเลยครับ
« แก้ไขครั้งสุดท้าย: 11 สิงหาคม 2017, 15:04:56 โดย lemonm » บันทึกการเข้า

chinchin
ก๊วนเสียว
*

พลังน้ำใจ: 6
ออฟไลน์ ออฟไลน์

กระทู้: 221



ดูรายละเอียด
« ตอบ #1 เมื่อ: 11 สิงหาคม 2017, 15:24:34 »

อันนี้ ได้ไหมอ่าคับ
xxx.w3schools.com/css/css3_multiple_columns.asp
อันนี้ ใช้ <ul> ทำครับ ได้ผลเช่นกัน
xxx://stackoverflow.com/questions/28883010/css-and-div-3-columns-with-tiles
« แก้ไขครั้งสุดท้าย: 11 สิงหาคม 2017, 15:25:08 โดย chinchin » บันทึกการเข้า

host24plus
คนรักเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 114



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 11 สิงหาคม 2017, 22:48:03 »

โมโค้ดครับ สร้าง <div> เพื่อแยก ฟอรั่ม กำหนดความกว้างของแต่ละโพสให้เรียงพอดีกับจำนวนฟอรั่มที่ต้องการ เช่น

<div class="show-post">โค้ดของภาพหรือเนื้อหาต่างๆของโพส </div>แล้วเรามากำหนด css  เช่น

.show-post{background-color: transparent;padding-bottom: 0;margin-bottom: 0; max-width: 29%; margin: 0px 10px;display: inline-block; vertical-align: top;
  }

หรือจะโมเพิ่มจากโค้ดเดิมประมาณนี้ครับ  wanwan019 wanwan019

บันทึกการเข้า


บริการโฮสติ้งราคาถูก บริการทุกระดับประทับใจ ราคาเริ่มต้นที่ 37.50 บาท/เดือน
Fallen
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 162
ออฟไลน์ ออฟไลน์

กระทู้: 2,751



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 11 สิงหาคม 2017, 23:37:59 »

การเรียงแบบนี้ Theme แจกฟรีเพียบเลยครับ ในไซต์ของ wp เอง

อาจใช้ code ดึงบทความ ให้โค๊ดอยู่ใน div อีกทีหนึ่ง
จะจัดไปกี่ช่องก็แล้วเเต่เลย
แล้วก็ใช้ ความรุ้เรื่อง css แต่งอีกนิดหน่อยก็ได้เเล้ว

แนวทางประมาณนี้อ่ะ

อีกวิธีคือ มีปลั๊กอินจัดหน้า

บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์