สอบถามเรื่อง Page Builder การตั้งค่าการแสดงผลหน่อยครับ

หน้าแรก ฟอรั่ม ถามปัญหาการทำเว็บด้วยเวิร์ดเพรส สอบถามเรื่อง Page Builder การตั้งค่าการแสดงผลหน่อยครับ

กำลังดู 4 ความเห็น
  • ผู้เขียน
    ข้อความ
    • #7315
      Facebook Profile photoMacky
      Participant

      ตัวอย่างคือ https://seedthemes.com

      พอดูใน เครื่อง desktop จะแสดงแบบเต็ม

      พอดูผ่าน mobile มันจะเรียงต่อกัน

       

      **ความต้องการของผมคือ**

      พอมาดูใน mobile แล้วต้องการให้มันแสดงซัก 2 คอลัม

      หรือให้มันแสดงเหมือน ดูบน desktop ตั้งค่ายังไงครับ

    • #7326
      Facebook Profile photoWP DEV
      Participant

      ต้อง Custom Css ครับ

      เช่น @media query ครับ

      @media (min-width: 768px) and (max-width: 991px) {

      /*ของ tablet แนวตั้งครับ*/

      .class-name{ width:50%; }

      }

      @media (max-width: 767px) {

      /*ของโทรศัพท์ครับ*/

      .class-name{ width:50%; }

      }

       

       

       

    • #7333
      Facebook Profile photoPanuwat Chaibamrung
      Participant

      อีกวิธีนึง ลองศึกษา พวก css framework ดูครับ

      เช่น bootstrap

      http://getbootstrap.com

    • #7345
      SeedThemes
      Keymaster

      ถ้าใช้ Page Builder ทั่วไป (เช่นของ Site Origin) พอแสดงบนมือถือ มันจะเปลี่ยนเป็น “คอลัมน์เดียว” เสมอครับ แล้วพอแสดงบนจอคอม ก็จะมีหลายคอลัมน์ตามที่เราตั้งไว้

      ถ้าอยากว่า บนมือถือแสดง 2 คอลัมน์ บนจอคอมแสดง 4 คอลัมน์ ต้องเขียน CSS เองแบบด้านบน หรือใช้ Bootstrap แล้วใช้คลาสเช่น

      `

      ใส่เนื้อหาที่ต้องการ
      ใส่เนื้อหาที่ต้องการ
      ใส่เนื้อหาที่ต้องการ
      ใส่เนื้อหาที่ต้องการ

      `

      การใส่ชื่อคลาสของ Bootstrap ดูรายละเอียดที่ http://getbootstrap.com/css/#grid ครับ

    • #7381
      Facebook Profile photoMacky
      Participant

      ขอบคุณทุกท่านสำหรับคำตอบครับ  !!

      มีประโยชย์มากครับ!!

      ผมคงต้องศึกษา css อีกเยอะ!!

กำลังดู 4 ความเห็น

  • คุณต้องเข้าสู่ระบบเพื่อตอบกลับกระทู้นี้