รบกวนแนะนำปลั๊กอิน เปิดปิด responsive เว็บหน่อยครับ

หน้าแรก ฟอรั่ม ถามปัญหาการทำเว็บด้วยเวิร์ดเพรส รบกวนแนะนำปลั๊กอิน เปิดปิด responsive เว็บหน่อยครับ

ติดป้ายกำกับ: 

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

      คือผมต้องการปิด responsive web นะครับรบกวนแนะนำหน่อยครับ!!

    • #34433
      Facebook Profile photoMenn
      Keymaster

      อาจจะยากกว่าที่คิดนะครับ เพราะโค้ดหลายๆ ส่วนทั้งธีม/ปลั๊กอิน ปัจจุบันมันเป็น responsive อยู่แล้วน่ะครับ

      ถ้าต้องการดูบนมือถือ/แท็บเบล็ต แล้วย่อไปทั้งเว็บ (ปิด responsive ในอุปกรณ์อื่นๆ) แบบนี้คือการไปแก้ไฟล์ header.php ครับ ลบบรรทัดนี้ออกนะครับ

      <meta name="viewport" content="width=device-width, initial-scale=1">

      คราวนี้ระบบจะมองว่าเว็บนี้ไม่ได้รองรับการเป็น responsive แล้วก็จะย่อทั้งเว็บให้เล็กลงครับ

      แต่ถ้าหมายถึงกรณีอื่นๆ ต้องมาระบุเป็นกรณีไปน่ะครับ กับขอ url ด้วยจะได้ดูให้ได้ครับ

      • #34763
        Facebook Profile photoMacky
        Participant

        รบกวนช่วยดูให้หน่อยครับ!!

      • #34852
        Facebook Profile photoMenn
        Keymaster

        ต้องลบโค้ดก่อนนะครับ ถึงจะแนะนำโค้ดอื่นๆ ต่อได้น่ะครับ

        ผมยังเจอว่าแสดงตามรูปนะครับ

        Screenshot 2017-01-13 18.40.48

        อีกทางคือ ลองสอบถามทางธีมที่ซื้อมา ว่าเค้ามีคำแนะนำหรือเปล่านะครับ แต่ละธีมมันอาจจะมีรายละเอียดไม่เหมือนกัน

    • #34674
      Facebook Profile photoMacky
      Participant

      http://new.suzuyo.co.th/

      เป็น Theme เก่าครับ

      สิ่งที่ผมต้องการคือ

      1 ไม่อยากให้ responsive นะครับ พอดูมือถือมาผมว่า layout เพี้ยนๆนะครับ (หรือมีอะไรแนะนำหน่อยครับ)

      a1

      2 พอผมลองเอาขึ้น host จริงแล้ว ไอคอนเมนูไม่โชว์ ผมใช้(ปลั๊กอิน Menu Icons)

      a2

      3.พอเอาขึ้น Host จริง map มันไม่โชว์

      a3

      **เหมือนเว็บจะโหลดช้าหรือป่าวคับ**

      และผมจะเปลี่ยนไปใช้ ThemesSeed เร็วๆนี้  layout ต่างๆตามที่เห็นและโทนสีพอจะเป็นไปได้ป่าวครับ

      ปล.(ผมไม่ค่อยเก่งเรื่องโค๊ดนะครับ)

      รบกวน K’Menn และทีมงานด้วยครับ

       

    • #34853
      Facebook Profile photoMenn
      Keymaster
      1. ลองลบโค้ด viewport ก่อนนะครับ จะได้แนะนำต่อได้ครับ
      2. ยังแกะโค้ดไม่ได้ เพราะว่าเปิดใช้ WP Fastest Cache อยู่ครับ เลยคิดว่า ให้ export แล้วเอาขึ้นเว็บทดสอบมาดูกันดีกว่าครับ จะได้ดูและแก้โค้ดได้สะดวกครับ
      3. url ไหนหรอครับ? ผมดูที่ http://new.suzuyo.co.th/location/bangkok/ เห็นว่าได้แล้วนะครับ แต่ว่า inspect ดู ก็เห็นมันฟ้องว่า Google Maps API error: MissingKeyMapError แปลว่ายังไม่ได้สร้าง API และใส่คีย์ที่ถูกต้องครับ
      • #34954
        Facebook Profile photoMacky
        Participant

        http://u393.todsorb.com/

        เบื้องต้น ผมลบ viewport ใน theme แล้วครับ(แต่เหมือนมันดูอยากเลยใช้แบบเดิมดีกว่าครับ)

        ตอนนี้ map ผมหาวิธีแก้ ได้แล้วครับ ส่วนไอคอนก็น่าจะโชว์แล้ว

         

        -แต่จะติดเรื่องตอนดูในมือถือ เวลากดปุ่ม menu มันทับข้อมูลด้านล่างต้องแก้โค๊ดยังไงครับ(หรือไม่กดก็ทับมันมี 2 menu)

        -map มันไม่ย่อลงตอนดูผ่านมือถือ

        -มีวิธีไหนที่จะให้มันเร็วกว่านี้ป่าวครับ

         

        สุดท้ายนี้ผมกำลังใช้ Seedthemes ทำตัวนี้อยู่ครับ(ถ้าเสร็จหรือติดปัญหาจะขอรบกวนอีกทีครับ)

      • #35016
        Facebook Profile photoMenn
        Keymaster

        ธีมนี้ค่อนข้างกว้างทีเดียว พอไม่ใส่ Viewport มันเลยยังเป็น mobile version ครับ

        ผมเลยเปลี่ยนค่าใหม่ ให้กว้างเท่าดีไซน์ คือ 1,230 ตามรูปนะครับ

        Screenshot 2017-01-15 19.24.12

        ก็พบว่าได้ตามที่ต้องการแล้ว

        แต่จะเห็นว่า มันจะใช้ยาก ไม่เหมาะกับการทำเว็บในยุคปัจจุบันครับ

        IMG_0494

        สรุปว่า เรื่องการปิด responsive นี่เห็นภาพตรงกันแล้วนะครับ? ว่ามันทำได้ แต่ไม่ค่อยดี และสรุปว่าจะไม่ปิดนะครับ?

        ขั้นตอนต่อไปผมจะได้เอาแบบเดิมกลับมา แล้วแนะนำ CSS ให้อีกทีครับ (แต่จริงๆ งงว่า ธีมมันต้องทำได้นะครับ เข้าไปแก้โค้ดเยอะหรอครับ มันถึงทำไม่ได้?)

        แล้วได้ถามทางคนที่เราไปซื้อธีมมาหรือยังครับ? เพราะเค้าอาจจะออกเวอร์ชั่นใหม่ที่แก้บั๊กเก่าๆ ไปแล้วนะครับ?

    • #35027
      Facebook Profile photoMenn
      Keymaster

      แนะนำโค้ด CSS

      เท่าที่ดู คิดว่าปัญหาใหญ่คือ ตัวปลั๊กอิน Banner ที่ใช้ โค้ดมันตีกับธีมนี้ครับ (แต่ถ้ามากับธีม ถือว่ามีบั๊กหนักเลย ต้องถามไปทางคนเขียนธีมครับ)

      ถ้าแค่ต้องการแก้ปัญหาเมนูก่อน ก็เพิ่มโค้ด CSS (เช่นใช้ปลั๊กอิน SiteOrigin CSS) ตามนี้ครับ

      .header .container {
          position: relative;
      }
      
      .header .navigation {
          z-index: 999;
          position: absolute;
          background-color: #000;
          left: 0;
          right: 0;
          padding: 0 15px;
      }

      จะได้ตามรูปครับ

      Screenshot 2017-01-15 23.20.41

    • #35120
      Facebook Profile photoMacky
      Participant

      เบื้องต้นขอบคุณ K.Menn มากๆครับ (ตอนนี้ได้ตามที่ต้องการแล้วครับ)

      ***ผมกำลังใช้ Theme Seed ทำเว็บตัวนี้อยู่ครับ ถ้าติดอะไร ขอรบกวนอีกทีครับ

      • #35126
        Facebook Profile photoMenn
        Keymaster

        เยี่ยมเลยคร้าบ ยินดีครับผม 🙂

    • #35181
      Nann
      Participant

      สอบถามนิดหนึ่งครับ ปักหมุดแบบนี้ทำอย่างไรครับ พอจะมีวิธีทำให้ศึกษาเพิ่มเติมไหมครับ http://u393.todsorb.com/Location/

    • #44936
      Facebook Profile photoSunisa Thanapakij
      Participant

      รบกวนสอบถามหน่อยค่ะ ไฟล์ header.php เป็นแบบนี้ จะลบ

      <meta name=”viewport” content=”width=device-width, initial-scale=1″>

      ได้ตรงไหนหรอค่ะ

      <?php
      /**
       * header.php
       *---------------------------
       * The template for displaying the header.
       *
       */
      
      // Prints all codes before <body> tag.
      // Location: "views/general/header/_common.php"
      publisher_get_view( 'header', '_common', 'general' );
      
      // Activates duplicate posts removal temporarily for not counting posts inside mega menu
      publisher_set_global( 'disable-duplicate-posts', TRUE );
      
      ?>
        <div class="main-wrap">
      <?php
      
      // Prints header code base the style was selected in panel.
      // Location: "views/general/header/header-*.php"
      publisher_get_view( 'header', 'header-' . publisher_get_header_style() );
      
      // After header Ad
      publisher_show_ad_location( 'header_after', array( 'container-class' => 'adloc-after-header' ) );
      
      ?>
        <div class="content-wrap">
      <main <?php publisher_attr( 'content', '' ); ?>>
      <?php
      
      // Deactivates duplicate posts removal temporarily
      publisher_unset_global( 'disable-duplicate-posts' );
      

       

    • #44937
      Facebook Profile photoSunisa Thanapakij
      Participant

      เจอแล้วค่ะ เข้าไปตามนี้ views/general/header/_common.php แต่ลบแล้วก้ยัง respon อยู่เลยค่ะ

      • #50020
        Facebook Profile photoMenn
        Keymaster

        ขออภัยที่ตกหล่นคำถามนี้ไปครับ ไม่แน่ใจว่าแก้ได้หรือยังนะครับ? ถ้ายังไม่ได้ รบกวนตั้งกระทู้ใหม่ กับเอาขึ้นเว็บทดสอบ เดี๋ยวไปช่วยดูให้ครับผม

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

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