• April 9, 2018

    การทำ mobile site สำหรับ wordpress
    ใช้ mobile theme โดยสร้าง child theme
    ใช้ code detect mobile เพิ่มใน functions.php
    ใช้ plugin

    plugin ที่น่าสนใจ “wptouch”
    https://wordpress.org/plugins/wptouch/

    หน้าแรกจะเป็น list บทความเรียงลงมา
    หน้าบทความ จะตัด sidebar ออก
    ด้านล่างจะมีลิ้งให้ switch โหมด

    แม้ธีมที่ใช้จะเป็น Responsive แต่ plugin นี้ จะมีสิทธิ์เหนือกว่า
    หมายเหตุ

    1. GYS Themed Categories เปลี่ยนธีมไปตาม category
    2. Device Theme Switcher โดย Detect mobile แล้วเปลียนธีม
    3. wptouch โดย Detect mobile แล้วใช้ธีม responsive แบบง่ายๆ

    ถ้าหน้าจอที่เปิดเว็บ เล็กกว่า tablet (ประมาณ 678) ให้แสดงผลตามโค้ต

    @media screen and (max-width: 767px) {
        h1 {
            font-size: 35px;
        }
    
        h2 {
            font-size: 25px;
        }
    #content { 
            font-size: 25px;
        }
    #sidebar { 
        font-size: 16px;
        display: block;
        text-decoration: none;
        }


เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!






เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories