ส่งการบ้าน เว็บขายข้าวแบบบ้านๆ

หน้าแรก ฟอรั่ม ส่งการบ้าน แชร์ผลงาน ส่งการบ้าน เว็บขายข้าวแบบบ้านๆ

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

      หลังจากเก็บประสบการณ์หาความรู้ใน seedthemes มาได้สักพักเลยได้มีโอกาส ทำเว็บขายข้าวขึ้นมาชื่อว่า porpanichstore.com

      ผมใช้ธีม Seed version 2.1.1 เป็นเว็บแสดงผลแบบ one page scroll เป็นหลัก
      ปลั๊กอิน ที่นำมาใช้หลักๆ Page scroll to id, Seed Social
      ผสมกับบทความเพื่อเสริม SEO ให้กับเว็บ ฝากแนะนำ ติชม ด้วยนะครับ

    • #283891
      FLAMINTO
      Participant

      สวยงามครับ

    • #285769
      Facebook Profile photosamz
      Participant

      สวยมากครับ

    • #288130
      bankbesterbankbester
      Participant

      สวยงามครับ

    • #289569
      Facebook Profile photoItep Sakon
      Participant

      สวยครับ

    • #292413
      วรพจน์วรพจน์
      Participant

      เรียบสวยเป็นคนชอบทานข้าว ชอบทุ่งนา ชอบข้าว ทำเว็บได้เรียบแต่ดูดีเลยครับ

    • #294228

      สอบถามครับ เว็บนี้ใช้ Page builder plugin ด้วยไหมครับ

      • #297666
        Facebook Profile photoLaxe
        Participant

        ไม่ได้ใช้ Page builder plugin คับ

    • #294567
      Facebook Profile photoSomchai Taewkaew
      Participant

      ท่อน head ทำไงคะพี่

       

      • #297668
        Facebook Profile photoLaxe
        Participant

        ผมใช้ javascript jQuery กับ scss เข้าช่วยคับ

        javascript ใช้ตอน check ตำแหน่ง scroll page page ลงมาตำแหน่งที่เรากำหนดไว้ก็ให้ เรียกใช้ class ที่เรากำหนดไว้ ในที่นี้

        กำหนด code javascript
        ประมาณว่า ถ้า page scroll ลงมามากว่า element id (#masthead) เป็น block header เมนูของ seed theme  ก็ให้เพิ่ม class ที่ชื่อว่า -sticky เข้าไปที่ id masthead

        ส่วน class -sticky ผมก็กำหนดให้มีการเปลี่ยนสีพื้นหลังใหม่ และกำหนด position เป็นแบบ fixed (ให้ fix ตำแหน่งอยู่ด้านบนสุด และเลื่อนตาม)
        ประมาณนี้ มั่วๆ ลองๆ เดาเองคับ

        ตัวอย่าง scss code ที่เพิ่มเข้าไป

        .-sticky{
        position: fixed;
        top: 0px;
        background-color: rgba($color: #b89462, $alpha: 1.0);

        // ใน element id (#masthead) จะมี class s-container มี background-color อยู่ ผมก็ทำให้เป็น พื้นใสโดยกำหนดเป็น transparent คับ

        .s-container{
        background-color: transparent;
        }
        }

         

        ตัวอย่าง javascript check ตำแหน่งที่จะเปลี่ยนใช้งาน class หรือไม่ใช้ class คับ

        $(window).on(“scroll”, function () {
        if ($(window).scrollTop() > $(“#masthead”).height()) {
        $(“#masthead”).addClass(“-sticky”);
        } else {
        $(“#masthead”).removeClass(“-sticky”);
        }
        });

    • #296340
      nobody001
      Participant

      กำลังหัดทำjoker gเหมือนกันครับ สวยงามมากครับ

    • #306187
      Facebook Profile photoPanupong Pleansri
      Participant

      ซื่อสัตย์**

      ใส่ใจบริการ ซื่อสัตว์ และยุติธรรมในการดำเนินธุรกิจ
      ร้านพอพาณิช ก่อตั้งขึ้นมาเพื่อเป็นทางเลือกในการจำหน่ายข้าวคุณภาพ ให้กับชาวบ้านในพื้นที่ และช่วยเหลือชาวนา เพื่อช่วยในการระบายสินค้า ข้าวสาร และหวังเป็นอย่างยิ่งว่า ร้านเราจะได้รับการตอบรับที่ดี และเราก็จะตั้งใจบริการให้ดีที่สุด

      • #307217
        Facebook Profile photoLaxe
        Participant

        ขอบคุณครับ

    • #306809
      SEO1
      Participant

      ขอเสริมเรื่อง Speed Page ด้วยนะครับต่ำมาก และเรื่องของโครงสร้าง SEO On-Page ยังไม่ดีครับต้องปรับอีกเยอะเลยครับ ตามความคิดเห็นส่วนตัวครับ

      • #307218
        Facebook Profile photoLaxe
        Participant

        ขอบคุณครับ เดี๋ยวนำไปปรับแก้ไขกับเว็บ

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

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